@onereach/ui-components 8.19.5 → 8.20.0

package/dist/bundled/v2/components/OrSliderV3/OrSlider.vue.d.ts

@@ -8,32 +8,37 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -44,29 +49,29 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => SliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => SliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -77,12 +82,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => SliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => SliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: number;
@@ -91,7 +96,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -103,14 +108,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -120,7 +130,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -131,7 +141,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrSliderV3/props.d.ts

@@ -4,5 +4,7 @@ export declare enum SliderColor {
 }
 export declare enum SliderOrientation {
     Horizontal = "horizontal",
-    Vertical = "vertical"
+    HorizontalReversed = "horizontal-reversed",
+    Vertical = "vertical",
+    VerticalReversed = "vertical-reversed"
 }

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

@@ -6,7 +6,9 @@ var SliderColor;
 var SliderOrientation;
 (function (SliderOrientation) {
   SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["HorizontalReversed"] = "horizontal-reversed";
   SliderOrientation["Vertical"] = "vertical";
+  SliderOrientation["VerticalReversed"] = "vertical-reversed";
 })(SliderOrientation || (SliderOrientation = {}));
 
 export { SliderColor, SliderOrientation };

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

@@ -9,10 +9,20 @@ const SliderOrientations = {
   'layout-column',
   // Box
   'w-full'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-row',
   // Box
+  'h-full'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-row',
+  // Box
   'h-full']
 };
 const SliderRail = [
@@ -32,12 +42,26 @@ const SliderRailOrientations = {
   'w-full', 'h-xs',
   // Spacing
   'mx-0', 'my-md+'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-row-reverse',
+  // Box
+  'w-full', 'h-xs',
+  // Spacing
+  'mx-0', 'my-md+'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-column-reverse items-center',
   // Box
   'w-xs', 'h-full',
   // Spacing
+  'mx-md+', 'my-0'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-column items-center',
+  // Box
+  'w-xs', 'h-full',
+  // Spacing
   'mx-md+', 'my-0']
 };
 const SliderTrack = [
@@ -112,10 +136,20 @@ const SliderLabelOrientations = {
   'layout-row',
   // Box
   'w-full'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-row-reverse',
+  // Box
+  'w-full'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-column-reverse items-center',
   // Box
+  'h-full'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-column items-center',
+  // Box
   'h-full']
 };
 const SliderLabelMark = [

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1 +1 @@
-export { s as default } from '../OrRangeSliderV3-f8024c15.js';
+export { s as default } from '../OrRangeSliderV3-fac9697f.js';

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -3,19 +3,19 @@ import { RangeSliderColor, RangeSliderOrientation } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<[number, number]>;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -26,12 +26,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => RangeSliderColor;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => RangeSliderOrientation;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => boolean;
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
@@ -45,19 +45,28 @@ declare const _default: import("vue-demi").DefineComponent<{
     railStyles: import("vue-demi").ComputedRef<string[]>;
     offsetStyles: import("vue-demi").ComputedRef<string[]>;
     offsetComputedStyles: import("vue-demi").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     trackStyles: import("vue-demi").ComputedRef<string[]>;
     trackComputedStyles: import("vue-demi").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("vue-demi").ComputedRef<string[]>;
     breakpointMarkStyles: import("vue-demi").ComputedRef<string[]>;
     labelStyles: import("vue-demi").ComputedRef<string[]>;
     labelMarkStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    tooltipPlacement: import("vue-demi").ComputedRef<"top" | "right" | undefined>;
     selectedControl: import("vue-demi").Ref<"from" | "to" | undefined>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHoveringOffset: import("vue-demi").Ref<boolean>;
     isHoveringTrack: import("vue-demi").Ref<boolean>;
     isHoveringFiller: import("vue-demi").Ref<boolean>;
@@ -68,19 +77,19 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => number;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -91,12 +100,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => RangeSliderColor;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => RangeSliderOrientation;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => boolean;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -107,7 +116,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrRangeSliderV3/index.js

@@ -1,2 +1,2 @@
-export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-f8024c15.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-b69331d1.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-fac9697f.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-6d75304d.js';

package/dist/bundled/v3/components/OrRangeSliderV3/props.js

@@ -1 +1 @@
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-b69331d1.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-6d75304d.js';

package/dist/bundled/v3/components/OrRangeSliderV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrSliderV3-b69331d1.js';
-export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-f8024c15.js';
+import '../OrSliderV3-6d75304d.js';
+export { R as RangeSlider, j as RangeSliderBreakpointMark, k as RangeSliderBreakpointMarkColors, l as RangeSliderLabel, n as RangeSliderLabelMark, m as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-fac9697f.js';