@onereach/ui-components 8.4.1-beta.3657.0 → 8.5.0

package/dist/bundled/v2/components/OrPopoverV3/props.js

@@ -1,23 +1 @@
-var PopoverVariant;
-(function (PopoverVariant) {
-  PopoverVariant["Auto"] = "auto";
-  PopoverVariant["Popover"] = "popover";
-  PopoverVariant["BottomSheet"] = "bottom-sheet";
-})(PopoverVariant || (PopoverVariant = {}));
-var PopoverPlacement;
-(function (PopoverPlacement) {
-  PopoverPlacement["Top"] = "top";
-  PopoverPlacement["TopStart"] = "top-start";
-  PopoverPlacement["TopEnd"] = "top-end";
-  PopoverPlacement["Bottom"] = "bottom";
-  PopoverPlacement["BottomStart"] = "bottom-start";
-  PopoverPlacement["BottomEnd"] = "bottom-end";
-  PopoverPlacement["Left"] = "left";
-  PopoverPlacement["LeftStart"] = "left-start";
-  PopoverPlacement["LeftEnd"] = "left-end";
-  PopoverPlacement["Right"] = "right";
-  PopoverPlacement["RightStart"] = "right-start";
-  PopoverPlacement["RightEnd"] = "right-end";
-})(PopoverPlacement || (PopoverPlacement = {}));
-
-export { PopoverPlacement, PopoverVariant };
+export { P as PopoverPlacement, a as PopoverVariant } from '../OrPopoverV3-3af55d28.js';

package/dist/bundled/v2/components/OrPopoverV3/styles.js

@@ -1,46 +1 @@
-import { PopoverPlacement } from './props.js';
-
-const Popover = [
-// Position
-'absolute'];
-const PopoverBody = [
-// Spacing
-'mx-sm', 'my-sm',
-// Shape
-'rounded-md',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
-// Theme
-'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const PopoverBodyPlacements = {
-  [PopoverPlacement.Top]: [],
-  [PopoverPlacement.TopStart]: [
-  // Spacing
-  'ml-none'],
-  [PopoverPlacement.TopEnd]: [
-  // Spacing
-  'mr-none'],
-  [PopoverPlacement.Bottom]: [],
-  [PopoverPlacement.BottomStart]: [
-  // Spacing
-  'ml-none'],
-  [PopoverPlacement.BottomEnd]: [
-  // Spacing
-  'mr-none'],
-  [PopoverPlacement.Left]: [],
-  [PopoverPlacement.LeftStart]: [
-  // Spacing
-  'mt-none'],
-  [PopoverPlacement.LeftEnd]: [
-  // Spacing
-  'mb-none'],
-  [PopoverPlacement.Right]: [],
-  [PopoverPlacement.RightStart]: [
-  // Spacing
-  'mt-none'],
-  [PopoverPlacement.RightEnd]: [
-  // Spacing
-  'mb-none']
-};
-
-export { Popover, PopoverBody, PopoverBodyPlacements };
+export { b as Popover, c as PopoverBody, d as PopoverBodyPlacements } from '../OrPopoverV3-3af55d28.js';

package/dist/bundled/v2/components/OrPopoverV3-3af55d28.js

@@ -0,0 +1,408 @@
+import { c as computePosition, o as offset, s as shift, f as flip, h as hide, a as size, b as autoUpdate } from './OrFloating-22e3d64d.js';
+import { Z as __vue_component__$1, t as usePopoverState, v as useResponsive, W as useElevation, o as onClickOutside } from './OrBottomSheetV3-022aa5f7.js';
+import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
+import __vue_component__$2 from './OrTeleportV3/OrTeleport.js';
+import { n as normalizeComponent } from './OrAvatar-7d519020.js';
+
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
+}
+function getDPR(element) {
+  if (typeof window === 'undefined') {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
+}
+function unwrapElement(element) {
+  var _a;
+  return (_a = element === null || element === void 0 ? void 0 : element.$el) !== null && _a !== void 0 ? _a : element;
+}
+function useFloating(reference, floating) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const whileElementsMountedOption = options.whileElementsMounted;
+  const openOption = computed(() => {
+    var _a;
+    return (_a = unref(options.open)) !== null && _a !== void 0 ? _a : true;
+  });
+  const middlewareOption = computed(() => unref(options.middleware));
+  const placementOption = computed(() => {
+    var _a;
+    return (_a = unref(options.placement)) !== null && _a !== void 0 ? _a : 'bottom';
+  });
+  const strategyOption = computed(() => {
+    var _a;
+    return (_a = unref(options.strategy)) !== null && _a !== void 0 ? _a : 'absolute';
+  });
+  const transformOption = computed(() => {
+    var _a;
+    return (_a = unref(options.transform)) !== null && _a !== void 0 ? _a : true;
+  });
+  const referenceElement = computed(() => unwrapElement(reference.value));
+  const floatingElement = computed(() => unwrapElement(floating.value));
+  const x = ref(0);
+  const y = ref(0);
+  const strategy = ref(strategyOption.value);
+  const placement = ref(placementOption.value);
+  const middlewareData = shallowRef({});
+  const isPositioned = ref(false);
+  const floatingStyles = computed(() => {
+    const initialStyles = {
+      position: strategy.value,
+      left: '0',
+      top: '0'
+    };
+    if (!floatingElement.value) {
+      return initialStyles;
+    }
+    const xVal = roundByDPR(floatingElement.value, x.value);
+    const yVal = roundByDPR(floatingElement.value, y.value);
+    if (transformOption.value) {
+      return {
+        ...initialStyles,
+        transform: `translate(${xVal}px, ${yVal}px)`,
+        ...(getDPR(floatingElement.value) >= 1.5 && {
+          willChange: 'transform'
+        })
+      };
+    }
+    return {
+      position: strategy.value,
+      left: `${xVal}px`,
+      top: `${yVal}px`
+    };
+  });
+  let whileElementsMountedCleanup;
+  function update() {
+    if (referenceElement.value == null || floatingElement.value == null) {
+      return;
+    }
+    computePosition(referenceElement.value, floatingElement.value, {
+      middleware: middlewareOption.value,
+      placement: placementOption.value,
+      strategy: strategyOption.value
+    }).then(position => {
+      x.value = position.x;
+      y.value = position.y;
+      strategy.value = position.strategy;
+      placement.value = position.placement;
+      middlewareData.value = position.middlewareData;
+      isPositioned.value = true;
+    });
+  }
+  function cleanup() {
+    if (typeof whileElementsMountedCleanup === 'function') {
+      whileElementsMountedCleanup();
+      whileElementsMountedCleanup = undefined;
+    }
+  }
+  function attach() {
+    cleanup();
+    if (whileElementsMountedOption === undefined) {
+      update();
+      return;
+    }
+    if (referenceElement.value != null && floatingElement.value != null) {
+      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
+      return;
+    }
+  }
+  function reset() {
+    if (!openOption.value) {
+      isPositioned.value = false;
+    }
+  }
+  watch([middlewareOption, placementOption, strategyOption], update, {
+    flush: 'sync'
+  });
+  watch([referenceElement, floatingElement], attach, {
+    flush: 'sync'
+  });
+  watch(openOption, reset, {
+    flush: 'sync'
+  });
+  if (getCurrentScope()) {
+    onScopeDispose(cleanup);
+  }
+  return {
+    x: shallowReadonly(x),
+    y: shallowReadonly(y),
+    strategy: shallowReadonly(strategy),
+    placement: shallowReadonly(placement),
+    middlewareData: shallowReadonly(middlewareData),
+    isPositioned: shallowReadonly(isPositioned),
+    floatingStyles,
+    update
+  };
+}
+
+var PopoverVariant;
+(function (PopoverVariant) {
+  PopoverVariant["Auto"] = "auto";
+  PopoverVariant["Popover"] = "popover";
+  PopoverVariant["BottomSheet"] = "bottom-sheet";
+})(PopoverVariant || (PopoverVariant = {}));
+var PopoverPlacement;
+(function (PopoverPlacement) {
+  PopoverPlacement["Top"] = "top";
+  PopoverPlacement["TopStart"] = "top-start";
+  PopoverPlacement["TopEnd"] = "top-end";
+  PopoverPlacement["Bottom"] = "bottom";
+  PopoverPlacement["BottomStart"] = "bottom-start";
+  PopoverPlacement["BottomEnd"] = "bottom-end";
+  PopoverPlacement["Left"] = "left";
+  PopoverPlacement["LeftStart"] = "left-start";
+  PopoverPlacement["LeftEnd"] = "left-end";
+  PopoverPlacement["Right"] = "right";
+  PopoverPlacement["RightStart"] = "right-start";
+  PopoverPlacement["RightEnd"] = "right-end";
+})(PopoverPlacement || (PopoverPlacement = {}));
+
+const Popover = [
+// Position
+'absolute'];
+const PopoverBody = [
+// Spacing
+'mx-sm', 'my-sm',
+// Shape
+'rounded-md',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const PopoverBodyPlacements = {
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.TopEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
+  // Spacing
+  'ml-none'],
+  [PopoverPlacement.BottomEnd]: [
+  // Spacing
+  'mr-none'],
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.LeftEnd]: [
+  // Spacing
+  'mb-none'],
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
+  // Spacing
+  'mt-none'],
+  [PopoverPlacement.RightEnd]: [
+  // Spacing
+  'mb-none']
+};
+
+var script = defineComponent({
+  components: {
+    OrBottomSheet: __vue_component__$1,
+    OrTeleport: __vue_component__$2
+  },
+  inheritAttrs: false,
+  props: {
+    // @workaround for Vue 2
+    customStyles: {
+      type: Array,
+      default: () => []
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    variant: {
+      type: String,
+      default: PopoverVariant.Auto
+    },
+    bottomSheetProps: {
+      type: Object,
+      default: undefined
+    },
+    trigger: {
+      type: [Object, HTMLElement],
+      default: undefined
+    },
+    placement: {
+      type: String,
+      default: PopoverPlacement.Bottom
+    },
+    offset: {
+      type: [Number, Object, Function],
+      default: undefined
+    },
+    fullWidth: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const containerRoot = ref();
+    const bottomSheet = ref();
+    const bottomSheetRoot = computed(() => {
+      var _a;
+      return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    const {
+      trigger,
+      placement,
+      offset: offset$1,
+      fullWidth
+    } = toRefs(props);
+    // Styles
+    const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...('class' in context.attrs ? [] : props.customStyles)]);
+    const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[placement.value]]);
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    const {
+      floatingStyles,
+      middlewareData
+    } = useFloating(trigger, root, {
+      placement,
+      middleware: [offset(offset$1.value), shift(), flip(), hide(), size({
+        apply(_ref) {
+          let {
+            rects
+          } = _ref;
+          if (fullWidth.value && root.value) Object.assign(root.value.style, {
+            width: `${rects.reference.width}px`
+          });
+        }
+      })],
+      whileElementsMounted() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return autoUpdate(...args, {
+          animationFrame: true
+        });
+      }
+    });
+    const isFlipped = computed(() => {
+      var _a;
+      return Boolean((_a = middlewareData.value.flip) === null || _a === void 0 ? void 0 : _a.index);
+    });
+    const isHidden = computed(() => {
+      var _a;
+      return Boolean((_a = middlewareData.value.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden);
+    });
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive(containerRoot);
+    // #region Elevation
+    useElevation(root, state);
+    // #endregion
+    // #region Click Outside
+    onClickOutside(root, event => {
+      const path = event.composedPath();
+      if (!path.some(_ref2 => {
+        let {
+          classList
+        } = _ref2;
+        return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
+      })) {
+        close();
+      }
+    }, {
+      ignore: [trigger]
+    });
+    // #endregion
+    return {
+      root,
+      containerRoot,
+      bottomSheet,
+      bottomSheetRoot,
+      rootStyles,
+      bodyStyles,
+      floatingStyles,
+      state,
+      isFlipped,
+      isHidden,
+      isDesktop,
+      isMobile,
+      open,
+      close,
+      toggle
+    };
+  }
+});
+
+/* 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('OrTeleport', [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.state === 'open',
+      expression: "state === 'open'"
+    }],
+    ref: "containerRoot",
+    class: ['contents']
+  }, [_vm.isDesktop && _vm.variant === 'auto' || _vm.variant === 'popover' ? [_c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    style: _vm.floatingStyles
+  }, 'div', _vm.$attrs, false), [_vm.disableDefaultStyles ? [_vm._t("default")] : [_c('div', {
+    class: _vm.bodyStyles
+  }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', _vm._b({
+    ref: "bottomSheet",
+    attrs: {
+      "is-open": _vm.state === 'open'
+    },
+    on: {
+      "update:state": function ($event) {
+        _vm.state = $event;
+      }
+    }
+  }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _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__*/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 { PopoverPlacement as P, __vue_component__ as _, PopoverVariant as a, Popover as b, PopoverBody as c, PopoverBodyPlacements as d, useFloating as u };

package/dist/bundled/v2/components/OrProgress/OrProgress.js

@@ -1,208 +1,2 @@
-import { r as round_1 } from '../../round-567ede34.js';
-import { defineComponent } from 'vue-demi';
-import { OrProgressTypes, OrProgressColors } from './constants.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-
-var script = defineComponent({
-  name: 'OrProgress',
-  props: {
-    maxValue: {
-      type: Number,
-      required: false,
-      default: 1
-    },
-    value: {
-      type: Number,
-      required: false,
-      default: null
-    },
-    progress: {
-      type: Number,
-      required: false,
-      default: null
-    },
-    precision: {
-      type: Number,
-      required: false,
-      default: 2
-    },
-    type: {
-      type: String,
-      required: false,
-      default: OrProgressTypes.linear
-    },
-    color: {
-      type: String,
-      required: false,
-      default: OrProgressColors.auto
-    },
-    headerText: {
-      type: String,
-      required: false,
-      default: null
-    },
-    footerText: {
-      type: String,
-      required: false,
-      default: null
-    },
-    isLoading: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  computed: {
-    localProgress() {
-      var _a, _b;
-      return (_a = this.progress) !== null && _a !== void 0 ? _a : ((_b = this.value) !== null && _b !== void 0 ? _b : 0) / this.maxValue;
-    },
-    localValue() {
-      var _a, _b;
-      return (_a = this.value) !== null && _a !== void 0 ? _a : ((_b = this.progress) !== null && _b !== void 0 ? _b : 0) * this.maxValue;
-    },
-    percent() {
-      return round_1(this.localProgress * 100, this.precision) + '%';
-    },
-    isLinearType() {
-      return this.type === OrProgressTypes.linear;
-    },
-    isCircleType() {
-      return this.type === OrProgressTypes.circle;
-    },
-    isShowingHeader() {
-      var _a;
-      return !!this.headerText || !!this.$slots.header || !!this.$slots.label || !!this.$slots.percent || !!((_a = this.$scopedSlots) === null || _a === void 0 ? void 0 : _a.percent);
-    },
-    isShowingFooter() {
-      var _a;
-      return !!this.footerText || !!this.$slots.footer || !!((_a = this.$scopedSlots) === null || _a === void 0 ? void 0 : _a.footer);
-    },
-    localColor() {
-      if (this.color === OrProgressColors.auto) {
-        if (this.localProgress <= 0.5) {
-          return OrProgressColors.success;
-        } else if (this.localProgress <= 0.95) {
-          return OrProgressColors.warning;
-        } else {
-          return OrProgressColors.error;
-        }
-      } else {
-        return Object.values(OrProgressColors).includes(this.color) ? this.color : OrProgressColors.success;
-      }
-    },
-    isMoreThanHalf() {
-      return this.localProgress > 0.5;
-    },
-    progressBarClasses() {
-      const colorClass = `is-${this.localColor}-color`;
-      return ['or-progress-bar', colorClass];
-    },
-    progressPieClasses() {
-      const colorClass = `is-${this.localColor}-color`;
-      return ['or-progress-pie', colorClass, ...(this.isLoading ? ['is-loading'] : [])];
-    },
-    progressBarStyle() {
-      return {
-        transform: `scaleX(${this.localProgress})`
-      };
-    },
-    leftCircleHalfStyle() {
-      const angle = this.isMoreThanHalf ? this.localProgress * 360 : 180;
-      return {
-        transform: `rotate(${angle}deg)`,
-        visibility: this.isMoreThanHalf ? 'visible' : 'hidden'
-      };
-    },
-    rightCircleHalfStyle() {
-      const angle = this.isMoreThanHalf ? 180 : this.localProgress * 360;
-      return {
-        transform: `rotate(${angle}deg)`
-      };
-    },
-    pieCircleStyle() {
-      return this.localProgress <= 0.5 ? {} : {
-        clip: 'rect(auto, auto, auto, auto)'
-      };
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-7705c91b{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7705c91b{from{opacity:1}to{opacity:0}}@keyframes loaderLinear-data-v-7705c91b{0%{transform:translate(-100%,0)}100%{transform:translate(100%,0)}}.or-progress[data-v-7705c91b]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-5)}.or-progress.is-linear[data-v-7705c91b]{display:flex;flex-direction:column;width:100%;min-width:10rem;max-width:18.4375rem}.or-progress .or-progress-header[data-v-7705c91b]{display:flex;flex-direction:row;margin-bottom:.375rem}.or-progress .or-progress-header .label[data-v-7705c91b]{font-weight:700;color:var(--c-neutral-6)}.or-progress .or-progress-header .percent[data-v-7705c91b]{margin-left:auto}.or-progress .or-progress-linear[data-v-7705c91b]{position:relative;display:block;width:100%;height:var(--s-1);overflow:hidden;background-color:var(--c-neutral-2);border-radius:1px;transition-timing-function:ease;transition-duration:.3s;transition-property:height,opacity}.or-progress .or-progress-linear .or-progress-bar[data-v-7705c91b],.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b],.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]::after{position:absolute;top:0;bottom:0;left:0;width:100%;height:auto}.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]{animation:loaderLinear-data-v-7705c91b 1.2s var(--t-func) infinite}.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]::after{max-width:7rem;content:\"\";background-color:var(--c-neutral-5);border-radius:var(--s-1)}.or-progress .or-progress-linear .or-progress-bar[data-v-7705c91b]{transition:transform .2s linear;transform-origin:left}.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-7705c91b]{background-color:var(--c-primary)}.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-7705c91b]{background-color:var(--c-success)}.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-7705c91b]{background-color:var(--c-warning)}.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-7705c91b]{background-color:var(--c-error)}.or-progress .or-progress-circle[data-v-7705c91b]{position:relative;width:1.5rem;height:1.5rem}.or-progress .or-progress-circle .or-progress-pie[data-v-7705c91b]{clip:rect(0,1.5rem,1.5rem,.75rem)}.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-7705c91b]{clip:rect(auto,auto,auto,auto);animation:spinAround-data-v-7705c91b .7s linear infinite}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-7705c91b]{visibility:visible!important;border-color:var(--c-primary)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.left-side[data-v-7705c91b]{transform:rotate(270deg)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-7705c91b]{transform:rotate(180deg)!important}.or-progress .or-progress-circle .or-progress-pie[data-v-7705c91b],.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-7705c91b]{position:absolute;top:0;left:0;width:100%;height:100%}.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-7705c91b]{clip:rect(0,.75rem,1.5rem,0);border-style:solid;border-width:var(--s-1);border-radius:50%}.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-7705c91b]{transition:visibility .2s linear .2s, transform .2s linear .2s;transform:rotate(180deg)}.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-7705c91b]{transition:transform .2s linear}.or-progress .or-progress-circle .or-progress-pie.is-primary-color>.half-circle[data-v-7705c91b]{border-color:var(--c-primary)}.or-progress .or-progress-circle .or-progress-pie.is-success-color>.half-circle[data-v-7705c91b]{border-color:var(--c-success)}.or-progress .or-progress-circle .or-progress-pie.is-warning-color>.half-circle[data-v-7705c91b]{border-color:var(--c-warning)}.or-progress .or-progress-circle .or-progress-pie.is-error-color>.half-circle[data-v-7705c91b]{border-color:var(--c-error)}.or-progress .or-progress-footer[data-v-7705c91b]{margin-top:var(--s-1)}";
-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', {
-    staticClass: "or-progress",
-    class: {
-      'is-linear': _vm.isLinearType
-    }
-  }, [_vm.isLinearType ? [_vm.isShowingHeader ? _c('div', {
-    staticClass: "or-progress-header"
-  }, [_vm._t("header", function () {
-    return [_c('div', {
-      staticClass: "label"
-    }, [_vm._t("label", function () {
-      return [_vm._v("\n            " + _vm._s(_vm.headerText) + "\n          ")];
-    })], 2), _vm._v(" "), _c('div', {
-      staticClass: "percent"
-    }, [_vm._t("percent", function () {
-      return [_vm._v("\n            " + _vm._s(_vm.percent) + "\n          ")];
-    }, {
-      "value": _vm.percent
-    })], 2)];
-  })], 2) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "or-progress-linear"
-  }, [_vm.isLoading ? _c('div', {
-    staticClass: "or-progress-loader"
-  }) : _c('div', {
-    class: _vm.progressBarClasses,
-    style: _vm.progressBarStyle
-  })]), _vm._v(" "), _vm.isShowingFooter ? _c('div', {
-    staticClass: "or-progress-footer"
-  }, [_vm._t("footer", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.footerText) + "\n      ")];
-  }, {
-    "value": _vm.localValue
-  })], 2) : _vm._e()] : _vm.isCircleType ? [_c('div', {
-    staticClass: "or-progress-circle"
-  }, [_c('div', {
-    class: _vm.progressPieClasses,
-    style: _vm.pieCircleStyle
-  }, [_c('div', {
-    staticClass: "left-side half-circle",
-    style: _vm.leftCircleHalfStyle
-  }), _vm._v(" "), _c('div', {
-    staticClass: "right-side half-circle",
-    style: _vm.rightCircleHalfStyle
-  })])])] : _vm._e()], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-7705c91b";
-/* 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 { __vue_component__ as default };
+export { _ as default } from '../OrProgress-07ca1a3c.js';
+import '../OrAvatar-7d519020.js';