@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

package/dist/bundled/v2/OrSkeletonText-f2e3313c.js

@@ -1,261 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script$2 = defineComponent({
-  name: 'OrSkeletonCircle',
-  props: {
-    isAnimated: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    radius: {
-      type: [Number, String],
-      required: false,
-      default: 40
-    }
-  },
-  computed: {
-    rootClasses() {
-      return {
-        'is-animated': this.isAnimated
-      };
-    },
-    rootStyle() {
-      var _a;
-      const size = (_a = this.radius) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
-      const sizeStyle = _.isNumber(size) ? pxToRem(size) : size;
-      return {
-        'width': sizeStyle,
-        'min-width': sizeStyle,
-        'height': sizeStyle,
-        'min-height': sizeStyle
-      };
-    }
-  }
-});
-
-/* script */
-const __vue_script__$2 = script$2;
-
-/* template */
-var __vue_render__$2 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-skeleton or-skeleton-circle",
-    class: _vm.rootClasses,
-    style: _vm.rootStyle
-  });
-};
-var __vue_staticRenderFns__$2 = [];
-
-/* style */
-const __vue_inject_styles__$2 = function (inject) {
-  if (!inject) return;
-  inject("data-v-2bdce55a_0", {
-    source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$2 = "data-v-2bdce55a";
-/* module identifier */
-const __vue_module_identifier__$2 = undefined;
-/* functional template */
-const __vue_is_functional_template__$2 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
-var __vue_component__$5 = __vue_component__$4;
-
-var script$1 = defineComponent({
-  name: 'OrSkeletonRect',
-  props: {
-    isAnimated: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    width: {
-      type: [Number, String],
-      required: false,
-      default: '100%'
-    },
-    height: {
-      type: [Number, String],
-      required: false,
-      default: 36
-    }
-  },
-  computed: {
-    rootClasses() {
-      return {
-        'is-animated': this.isAnimated
-      };
-    },
-    rootStyle() {
-      var _a, _b;
-      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
-      const height = (_b = this.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
-      return {
-        'width': _.isNumber(width) ? pxToRem(width) : width,
-        'height': _.isNumber(height) ? pxToRem(height) : height
-      };
-    }
-  }
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-skeleton or-skeleton-rect",
-    class: _vm.rootClasses,
-    style: _vm.rootStyle
-  });
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = function (inject) {
-  if (!inject) return;
-  inject("data-v-570f1e07_0", {
-    source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__$1 = "data-v-570f1e07";
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__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, createInjector, undefined, undefined);
-var __vue_component__$3 = __vue_component__$2;
-
-var OrSkeletonTextSizes;
-(function (OrSkeletonTextSizes) {
-  OrSkeletonTextSizes["headline1"] = "headline-1";
-  OrSkeletonTextSizes["headline2"] = "headline-2";
-  OrSkeletonTextSizes["headline3"] = "headline-3";
-  OrSkeletonTextSizes["body1"] = "body-1";
-  OrSkeletonTextSizes["body2"] = "body-2";
-  OrSkeletonTextSizes["button"] = "button";
-  OrSkeletonTextSizes["caption"] = "caption";
-})(OrSkeletonTextSizes || (OrSkeletonTextSizes = {}));
-
-var script = defineComponent({
-  name: 'OrSkeletonText',
-  props: {
-    isAnimated: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    linesCount: {
-      type: Number,
-      required: false,
-      default: 1
-    },
-    width: {
-      type: [Number, String],
-      required: false,
-      default: '100%'
-    },
-    size: {
-      type: String,
-      required: false,
-      default: OrSkeletonTextSizes.body1
-    }
-  },
-  computed: {
-    skeletonClasses() {
-      var _a;
-      return [`or-skeleton-text-${(_a = this.size) !== null && _a !== void 0 ? _a : OrSkeletonTextSizes.body1}`, {
-        'is-animated': this.isAnimated
-      }];
-    },
-    rootStyle() {
-      var _a;
-      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
-      return {
-        'width': _.isNumber(width) ? pxToRem(width) : width
-      };
-    },
-    lineKeys() {
-      return _.range(this.linesCount);
-    }
-  }
-});
-
-/* 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: "or-skeleton-text-root",
-    style: _vm.rootStyle
-  }, _vm._l(_vm.lineKeys, function (key) {
-    return _c('div', {
-      key: key,
-      staticClass: "or-skeleton or-skeleton-text",
-      class: _vm.skeletonClasses
-    });
-  }), 0);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-1ddb38df_0", {
-    source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-1ddb38df";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { OrSkeletonTextSizes as O, __vue_component__$5 as _, __vue_component__$3 as a, __vue_component__$1 as b };

package/dist/bundled/v2/OrSwitch-94e95571.js

@@ -1,156 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
-import { O as OrLoader } from './OrLoader-16a453c4.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrSwitch',
-  components: {
-    OrLoader
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: null,
-      default: null,
-      required: false
-    },
-    value: {
-      type: null,
-      default: null,
-      required: false
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false,
-      validator: _.isString
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    },
-    isLoading: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    }
-  },
-  emits: ['update:modelValue'],
-  computed: {
-    isArrayModelValue() {
-      return _.isArray(this.modelValue);
-    },
-    isChecked() {
-      return this.isArrayModelValue ? _.some(this.modelValue, this.value) || _.includes(this.modelValue, this.value) : !!this.modelValue;
-    },
-    isInactive() {
-      return this.isLoading || this.isDisabled;
-    },
-    rootClasses() {
-      return ['or-switch', {
-        ['is-checked']: this.isChecked,
-        ['is-disabled']: this.isDisabled,
-        ['is-loading']: this.isLoading
-      }];
-    }
-  },
-  methods: {
-    onChange({
-      target
-    }) {
-      if (this.isInactive) return;
-      const isChecked = target.checked;
-      if (this.isArrayModelValue) {
-        const newValue = [...this.modelValue];
-        isChecked ? newValue.push(this.value) : newValue.splice(newValue.indexOf(this.value), 1);
-        this.$emit('update:modelValue', newValue);
-      } else {
-        this.$emit('update:modelValue', isChecked);
-      }
-    }
-  }
-});
-
-/* 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('label', {
-    class: _vm.rootClasses
-  }, [_c('input', _vm._b({
-    staticClass: "or-switch--input visually-hidden",
-    attrs: {
-      "disabled": _vm.isDisabled,
-      "type": "checkbox"
-    },
-    domProps: {
-      "checked": _vm.isChecked,
-      "value": _vm.value
-    },
-    on: {
-      "change": _vm.onChange
-    }
-  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('span', {
-    staticClass: "or-switch--switcher"
-  }, [_c('span', {
-    staticClass: "or-switch--layer"
-  }), _vm._v(" "), _c('span', {
-    staticClass: "or-switch--knob"
-  }, [_c('transition', {
-    attrs: {
-      "name": "fade"
-    }
-  }, [_c('or-loader', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.isLoading,
-      expression: "isLoading"
-    }],
-    staticClass: "or-switch--loader"
-  })], 1)], 1)]), _vm._v(" "), _c('span', {
-    staticClass: "or-switch--content"
-  }, [_vm._t("default", function () {
-    return [_vm._v(_vm._s(_vm.label))];
-  })], 2)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-fcbeb190_0", {
-    source: "@keyframes spinAround-data-v-fcbeb190{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-fcbeb190{from{opacity:1}to{opacity:0}}.or-switch[data-v-fcbeb190]{display:inline-flex;align-items:center;cursor:pointer}.or-switch--switcher[data-v-fcbeb190]{position:relative;display:inline-flex;align-items:center;min-height:1.25rem;margin-right:calc(.5rem + 3px);margin-left:3px}.or-switch--layer[data-v-fcbeb190]{width:2.125rem;min-width:2.125rem;height:.875rem;min-height:.875rem;background-color:var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color,opacity}.or-switch--knob[data-v-fcbeb190]{position:absolute;top:50%;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;background-color:var(--c-white);border-radius:9999px;box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24);transform:translate(-3px,-50%);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform,box-shadow}.or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-switch--loader.or-loader[data-v-fcbeb190]::after{width:calc(1.25rem - .3125rem);min-width:calc(1.25rem - .3125rem);height:calc(1.25rem - .3125rem);min-height:calc(1.25rem - .3125rem);border-color:var(--c-primary)}@media (hover:hover) and (pointer:fine){.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}.or-switch:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-5)}.or-switch.is-disabled[data-v-fcbeb190],.or-switch[data-v-fcbeb190]:disabled{cursor:not-allowed}.or-switch.is-disabled .or-switch--layer[data-v-fcbeb190],.or-switch:disabled .or-switch--layer[data-v-fcbeb190]{opacity:.5}.or-switch.is-disabled .or-switch--knob[data-v-fcbeb190],.or-switch:disabled .or-switch--knob[data-v-fcbeb190]{box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24)}.or-switch.is-disabled .or-switch--content[data-v-fcbeb190],.or-switch:disabled .or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-4)}.or-switch.is-checked .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary)}.or-switch.is-checked .or-switch--knob[data-v-fcbeb190]{transform:translate(calc(100% - 3px),-50%)}@media (hover:hover) and (pointer:fine){.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-3)}}.or-switch.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-5)}.or-switch.is-loading[data-v-fcbeb190]{cursor:progress}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-fcbeb190";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrTab-557007ba.js

@@ -1,111 +0,0 @@
-import { defineComponent, unref } from 'vue-demi';
-import { v as v4 } from './v4-cf8987a3.js';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrTab',
-  inject: ['tabsInstance'],
-  props: {
-    title: {
-      type: String,
-      default: '',
-      required: true,
-      validator: _.isString
-    },
-    isSelected: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    }
-  },
-  computed: {
-    _uuid() {
-      return v4();
-    },
-    tabsUnref() {
-      return unref(this.tabsInstance);
-    },
-    index() {
-      return unref(this.tabsInstance).tabs.findIndex(instance => {
-        return this._uuid === instance._uuid;
-      });
-    },
-    isActive() {
-      return this.index === this.tabsUnref.activeIndex;
-    }
-  },
-  watch: {
-    isSelected: {
-      handler(nv) {
-        if (nv) {
-          this.tabsUnref.activeIndex = this.tabsUnref.tabs.findIndex(instance => instance.isSelected);
-        }
-      },
-      immediate: true
-    }
-  },
-  created() {
-    if (this.index === -1) {
-      this.tabsUnref.tabs.push(this);
-    }
-  }
-});
-
-/* 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', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.isActive,
-      expression: "isActive"
-    }],
-    staticClass: "or-tab",
-    attrs: {
-      "role": "tabpanel"
-    }
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-caa4f88a_0", {
-    source: ".or-tab[data-v-caa4f88a]{padding-top:var(--s-3)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-caa4f88a";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrTabs-c495a9ef.js

@@ -1,115 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import __vue_component__$2 from './components/OrTabHeaderItem/OrTabHeaderItem.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrTabs',
-  components: {
-    OrTabHeaderItem: __vue_component__$2
-  },
-  provide() {
-    return {
-      tabsInstance: this
-    };
-  },
-  emits: ['selected'],
-  data() {
-    return {
-      tabs: [],
-      indicatorWidth: 0,
-      indicatorTransformX: 0,
-      activeIndex: 0
-    };
-  },
-  methods: {
-    changeActiveIndex(index) {
-      this.activeIndex = index;
-    },
-    setIndicatorStyles({
-      clientWidth,
-      offsetLeft
-    }) {
-      this.indicatorWidth = clientWidth;
-      this.indicatorTransformX = offsetLeft;
-    },
-    onSelect(el, index) {
-      this.setIndicatorStyles(el);
-      this.$emit('selected', {
-        index,
-        title: this.tabs[index].title
-      });
-    }
-  }
-});
-
-/* 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: "or-tabs"
-  }, [_c('div', {
-    staticClass: "or-tabs--header"
-  }, [_c('div', {
-    staticClass: "or-tabs--tabs"
-  }, _vm._l(_vm.tabs, function (tab, index) {
-    return _c('or-tab-header-item', _vm._b({
-      key: index,
-      attrs: {
-        "is-active": index === _vm.activeIndex,
-        "role": "tab"
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.changeActiveIndex(index);
-        },
-        "select": function ($event) {
-          return _vm.onSelect($event, index);
-        }
-      }
-    }, 'or-tab-header-item', tab.$props, false));
-  }), 1), _vm._v(" "), _c('div', {
-    staticClass: "or-tabs--indicator",
-    style: {
-      width: _vm.indicatorWidth + "px",
-      transform: "translateX(" + _vm.indicatorTransformX + "px)"
-    }
-  })]), _vm._v(" "), _vm._t("default", function () {
-    return [_c('div', {
-      staticClass: "or-tabs--body"
-    }, [_vm._t("body")], 2)];
-  })], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-41b43f72_0", {
-    source: "@keyframes spinAround-data-v-41b43f72{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-41b43f72{from{opacity:1}to{opacity:0}}.or-tabs[data-v-41b43f72]{width:100%;overflow:hidden}.or-tabs--header[data-v-41b43f72]{position:relative;padding:0 var(--s-4) var(--s-3);border-bottom:1px solid var(--c-neutral-2)}.or-tabs--tabs[data-v-41b43f72]{display:flex;width:100%}.or-tabs--indicator[data-v-41b43f72]{position:absolute;bottom:-1px;left:0;z-index:1;width:auto;height:.125rem;background-color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform,width}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-41b43f72";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };