@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v2/OrProgress-4ee24824.js

@@ -1,227 +0,0 @@
-import _ from 'lodash';
-import { defineComponent } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var OrProgressColors;
-(function (OrProgressColors) {
-  OrProgressColors["auto"] = "auto";
-  OrProgressColors["primary"] = "primary";
-  OrProgressColors["success"] = "success";
-  OrProgressColors["warning"] = "warning";
-  OrProgressColors["error"] = "error";
-})(OrProgressColors || (OrProgressColors = {}));
-var OrProgressTypes;
-(function (OrProgressTypes) {
-  OrProgressTypes["linear"] = "linear";
-  OrProgressTypes["circle"] = "circle";
-})(OrProgressTypes || (OrProgressTypes = {}));
-
-var script = defineComponent({
-  name: 'OrProgress',
-  props: {
-    maxValue: {
-      type: Number,
-      required: false,
-      default: 1,
-      validator: value => _.isNumber(value) && value != 0
-    },
-    value: {
-      type: Number,
-      required: false,
-      default: null
-    },
-    progress: {
-      type: Number,
-      required: false,
-      default: null,
-      validator: value => _.isNumber(value) && value >= 0 && value <= 1
-    },
-    precision: {
-      type: Number,
-      required: false,
-      default: 2,
-      validator: value => _.isNumber(value) && value >= -1
-    },
-    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(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)'
-      };
-    }
-  }
-});
-
-/* 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__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-5701138a_0", {
-    source: "@keyframes spinAround-data-v-5701138a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5701138a{from{opacity:1}to{opacity:0}}@keyframes loaderLinear-data-v-5701138a{0%{transform:translate(-100%,0)}100%{transform:translate(100%,0)}}.or-progress[data-v-5701138a]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-5)}.or-progress.is-linear[data-v-5701138a]{width:100%;display:flex;flex-direction:column;min-width:10rem;max-width:18.4375rem}.or-progress .or-progress-header[data-v-5701138a]{margin-bottom:.375rem;display:flex;flex-direction:row}.or-progress .or-progress-header .label[data-v-5701138a]{color:var(--c-neutral-6);font-weight:700}.or-progress .or-progress-header .percent[data-v-5701138a]{margin-left:auto}.or-progress .or-progress-linear[data-v-5701138a]{height:var(--s-1);border-radius:1px;background-color:var(--c-neutral-2);position:relative;display:block;width:100%;overflow:hidden;transition-timing-function:ease;transition-duration:.3s;transition-property:height,opacity}.or-progress .or-progress-linear .or-progress-bar[data-v-5701138a],.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a],.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]::after{position:absolute;top:0;left:0;bottom:0;width:100%;height:auto}.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]{animation:loaderLinear-data-v-5701138a 1.2s var(--t-func) infinite}.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]::after{max-width:7rem;background-color:var(--c-neutral-5);border-radius:var(--s-1);content:\"\"}.or-progress .or-progress-linear .or-progress-bar[data-v-5701138a]{transition:transform .2s linear;transform-origin:left}.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-5701138a]{background-color:var(--c-primary)}.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-5701138a]{background-color:var(--c-success)}.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-5701138a]{background-color:var(--c-warning)}.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-5701138a]{background-color:var(--c-error)}.or-progress .or-progress-circle[data-v-5701138a]{position:relative;width:1.5rem;height:1.5rem}.or-progress .or-progress-circle .or-progress-pie[data-v-5701138a]{clip:rect(0,1.5rem,1.5rem,.75rem)}.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-5701138a]{clip:rect(auto,auto,auto,auto);animation:spinAround-data-v-5701138a .7s linear infinite}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-5701138a]{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-5701138a]{transform:rotate(270deg)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-5701138a]{transform:rotate(180deg)!important}.or-progress .or-progress-circle .or-progress-pie[data-v-5701138a],.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-5701138a]{width:100%;height:100%;position:absolute;top:0;left:0}.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-5701138a]{border-style:solid;border-width:var(--s-1);border-radius:50%;clip:rect(0,.75rem,1.5rem,0)}.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-5701138a]{transform:rotate(180deg);transition:visibility .2s linear .2s,transform .2s linear .2s}.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-5701138a]{transition:transform .2s linear}.or-progress .or-progress-circle .or-progress-pie.is-primary-color>.half-circle[data-v-5701138a]{border-color:var(--c-primary)}.or-progress .or-progress-circle .or-progress-pie.is-success-color>.half-circle[data-v-5701138a]{border-color:var(--c-success)}.or-progress .or-progress-circle .or-progress-pie.is-warning-color>.half-circle[data-v-5701138a]{border-color:var(--c-warning)}.or-progress .or-progress-circle .or-progress-pie.is-error-color>.half-circle[data-v-5701138a]{border-color:var(--c-error)}.or-progress .or-progress-footer[data-v-5701138a]{margin-top:var(--s-1)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-5701138a";
-/* 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);
-
-export { OrProgressColors as O, __vue_component__ as _, OrProgressTypes as a };

package/dist/bundled/v2/OrSegmentedControl-42ce2576.js

@@ -1,131 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import __vue_component__$1 from './components/OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var SegmentedControlSize;
-(function (SegmentedControlSize) {
-  SegmentedControlSize["M"] = "m";
-  SegmentedControlSize["S"] = "s";
-})(SegmentedControlSize || (SegmentedControlSize = {}));
-
-const SegmentedControlRoot = [
-// Layout
-'grid', 'grid-flow-col', 'auto-cols-fr',
-// Shape
-'rounded-md',
-// Spacing
-'px-[2px]', 'py-[2px]',
-// Theme
-'theme-background-surface-variant', 'dark:theme-background-surface-variant-dark'];
-const SegmentedControlRootSizes = {
-  'm': [],
-  's': []
-};
-
-var script = defineComponent({
-  name: 'OrSegmentedControl',
-  components: {
-    OrSegmentedControlItem: __vue_component__$1
-  },
-  inheritAttrs: false,
-  props: {
-    options: {
-      type: Array,
-      default: []
-    },
-    modelValue: {
-      type: String,
-      default: undefined
-    },
-    value: {
-      type: String,
-      default: undefined
-    },
-    size: {
-      type: String,
-      default: SegmentedControlSize.M
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'input'],
-  expose: ['root'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size], classAttribute.value]);
-    // State
-    const proxyModelValue = computed({
-      get: () => {
-        var _a;
-        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
-      },
-
-      set: value => {
-        context.emit('input', value);
-        context.emit('update:modelValue', value);
-      }
-    });
-    return {
-      root,
-      rootStyles,
-      proxyModelValue
-    };
-  }
-});
-
-/* 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._b({
-    ref: "root",
-    class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), _vm._l(_vm.options, function (option) {
-    return _c('OrSegmentedControlItem', {
-      key: option.value,
-      attrs: {
-        "size": _vm.size,
-        "selected": option.value === _vm.proxyModelValue,
-        "disabled": _vm.disabled
-      },
-      on: {
-        "click": function ($event) {
-          $event.stopPropagation();
-          _vm.proxyModelValue = option.value;
-        }
-      }
-    }, [_vm._v("\n    " + _vm._s(option.label) + "\n  ")]);
-  }), 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/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 { SegmentedControlSize as S, __vue_component__ as _ };

package/dist/bundled/v2/OrSidebar-7d6125bb.js

@@ -1,150 +0,0 @@
-import { useDraggable } from '@vueuse/core';
-import _ from 'lodash';
-import { defineComponent, ref } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var OrSidebarSide;
-(function (OrSidebarSide) {
-  OrSidebarSide["left"] = "left";
-  OrSidebarSide["right"] = "right";
-})(OrSidebarSide || (OrSidebarSide = {}));
-
-var script = defineComponent({
-  name: 'OrSidebar',
-  props: {
-    width: {
-      type: Number,
-      required: false,
-      default: 0,
-      validator: value => _.isNumber(value) && value >= 0
-    },
-    minimumWidth: {
-      type: Number,
-      required: false,
-      default: 350,
-      validator: value => _.isNumber(value) && value >= 0
-    },
-    /**
-     * User may put the component on the right or the left side of a container.
-     * This property mirrors the resizing behavior (drag direction) and styling (horizontal border) of the sidebar.
-     *
-     * Note: the property doesn't reposition the component in the parent container.
-     * @values left, right
-     */
-    side: {
-      type: String,
-      default: OrSidebarSide.right,
-      validator: value => _.includes(_.values(OrSidebarSide), value)
-    }
-  },
-  emits: ['change:width'],
-  setup(props) {
-    const resizeBarRef = ref(null);
-    let startPositionX = 0;
-    let isResizing = ref(false);
-    let localWidth = ref(props.width >= props.minimumWidth ? props.width : props.minimumWidth);
-    useDraggable(resizeBarRef, {
-      preventDefault: true,
-      onStart: (position, event) => {
-        document.body.style.cursor = 'ew-resize';
-        document.body.style.userSelect = 'none';
-        startPositionX = event.x;
-        isResizing.value = true;
-      },
-      onMove: position => {
-        const delta = (position.x - startPositionX) * (props.side === OrSidebarSide.left ? -1 : 1);
-        const newWidth = localWidth.value - delta;
-        localWidth.value = newWidth >= props.minimumWidth ? newWidth : props.minimumWidth;
-        startPositionX = position.x;
-      },
-      onEnd: () => {
-        document.body.style.cursor = '';
-        document.body.style.userSelect = '';
-        isResizing.value = false;
-      }
-    });
-    return {
-      resizeBarRef,
-      isResizing,
-      localWidth,
-      OrSidebarSide
-    };
-  },
-  computed: {
-    sidebarStyle() {
-      return {
-        width: this.localWidth + 'px'
-      };
-    }
-  },
-  watch: {
-    width(newValue) {
-      if (newValue !== this.localWidth) {
-        this.localWidth = newValue < this.minimumWidth ? this.minimumWidth : newValue;
-      }
-    },
-    minimumWidth(newMinimum) {
-      if (newMinimum < this.localWidth) this.localWidth = newMinimum;
-    },
-    localWidth(val) {
-      this.$emit('change:width', val);
-    }
-  }
-});
-
-/* 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('aside', {
-    staticClass: "or-sidebar",
-    class: _vm.side === _vm.OrSidebarSide.left ? 'or-sidebar-left' : 'or-sidebar-right',
-    style: _vm.sidebarStyle
-  }, [_c('div', {
-    ref: "resizeBarRef",
-    staticClass: "or-sidebar-resize",
-    class: {
-      'is-resizing': _vm.isResizing
-    }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "or-sidebar-main"
-  }, [_vm.$slots.header ? _c('div', {
-    staticClass: "or-sidebar-header"
-  }, [_vm._t("header")], 2) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "or-sidebar-content"
-  }, [_vm._t("default")], 2)]), _vm._v(" "), _vm.$slots.footer ? _c('div', {
-    staticClass: "or-sidebar-footer"
-  }, [_vm._t("footer")], 2) : _vm._e()]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-974845de_0", {
-    source: "@keyframes spinAround-data-v-974845de{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-974845de{from{opacity:1}to{opacity:0}}.or-sidebar[data-v-974845de]{display:flex;flex-direction:column;background-color:var(--c-neutral-0);flex-shrink:0;position:relative;padding:0;min-height:0}.or-sidebar .or-sidebar-resize[data-v-974845de]{position:absolute;top:0;bottom:0;cursor:ew-resize;z-index:1;width:12px}.or-sidebar.or-sidebar-right[data-v-974845de]{border-left:1px solid var(--c-neutral-2)}.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-974845de]{left:-1px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-left}.or-sidebar.or-sidebar-right .or-sidebar-resize.is-resizing[data-v-974845de],.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-974845de]:hover{border-left:var(--s-1) solid var(--c-primary)}.or-sidebar.or-sidebar-left[data-v-974845de]{border-right:1px solid var(--c-neutral-2)}.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-974845de]{right:-1px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-right}.or-sidebar.or-sidebar-left .or-sidebar-resize.is-resizing[data-v-974845de],.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-974845de]:hover{border-right:var(--s-1) solid var(--c-primary)}.or-sidebar-main[data-v-974845de]{display:flex;flex-grow:1;flex-direction:column;min-height:0}.or-sidebar-header[data-v-974845de]{padding:var(--s-4)}.or-sidebar-content[data-v-974845de]{flex-grow:1;overflow:auto;padding:var(--s-4)}.or-sidebar-footer[data-v-974845de]{padding:var(--s-4);border-top:1px solid var(--c-neutral-2)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-974845de";
-/* 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);
-
-export { OrSidebarSide as O, __vue_component__ as _ };