@onereach/ui-components 22.2.0-beta.5478.0 → 22.2.0-beta.5480.0

package/dist/types/components/or-menu-v3/OrMenu.vue.d.ts

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
+    disableRootStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -52,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
+    disableRootStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:state"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
@@ -62,5 +70,6 @@ declare const _default: import("vue").DefineComponent<{
     placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
     trigger: ReferenceElement;
     additionalStyles: string[];
+    disableRootStyles: boolean;
 }, {}>;
 export default _default;

package/dist/types/components/or-pagination-v3/OrPagination.vue.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
+    menuStyles: import("vue").ComputedRef<string[]>;
     limitButton: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -215,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
             trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
             additionalStyles?: string[] | undefined;
+            disableRootStyles?: boolean | undefined;
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -297,6 +299,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<string[]>;
                 default: () => never[];
             };
+            disableRootStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
@@ -316,6 +322,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
             trigger: import("@floating-ui/dom").ReferenceElement;
             additionalStyles: string[];
+            disableRootStyles: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -357,6 +364,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:state"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
@@ -568,6 +579,7 @@ declare const _default: import("vue").DefineComponent<{
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
             trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
             additionalStyles?: string[] | undefined;
+            disableRootStyles?: boolean | undefined;
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -650,6 +662,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<string[]>;
                 default: () => never[];
             };
+            disableRootStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
@@ -669,6 +685,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
             trigger: import("@floating-ui/dom").ReferenceElement;
             additionalStyles: string[];
+            disableRootStyles: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -710,6 +727,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:state"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;

package/dist/types/components/or-pagination-v3/styles.d.ts

@@ -2,3 +2,4 @@ export declare const Pagination: string[];
 export declare const PaginationLimitGroup: string[];
 export declare const PaginationOffsetGroup: string[];
 export declare const PaginationItem: string[];
+export declare const Menu: string[];

package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -3022,6 +3022,7 @@ declare const _default: import("vue").DefineComponent<{
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
             trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
             additionalStyles?: string[] | undefined;
+            disableRootStyles?: boolean | undefined;
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -3104,6 +3105,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<string[]>;
                 default: () => never[];
             };
+            disableRootStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
@@ -3123,6 +3128,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
             trigger: import("@floating-ui/dom").ReferenceElement;
             additionalStyles: string[];
+            disableRootStyles: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -3164,6 +3170,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:state"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;

package/dist/types/components/or-sorting-v3/OrSorting.vue.d.ts

@@ -34,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         root: import("vue").Ref<HTMLElement | undefined>;
         rootStyles: import("vue").ComputedRef<string[]>;
@@ -64,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:state"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
@@ -74,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
         placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
         trigger: import("@floating-ui/dom").ReferenceElement;
         additionalStyles: string[];
+        disableRootStyles: boolean;
     }, {}> | undefined>;
     sortButton: import("vue").Ref<import("vue").DefineComponent<{
         type: {

package/dist/types/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -167,6 +167,7 @@ declare const _default: import("vue").DefineComponent<{
             placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
             trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
             additionalStyles?: string[] | undefined;
+            disableRootStyles?: boolean | undefined;
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -249,6 +250,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<string[]>;
                 default: () => never[];
             };
+            disableRootStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:state"?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
@@ -268,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
             trigger: import("@floating-ui/dom").ReferenceElement;
             additionalStyles: string[];
+            disableRootStyles: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -309,6 +315,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
             default: () => never[];
         };
+        disableRootStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:state"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "22.2.0-beta.5478.0",
+  "version": "22.2.0-beta.5480.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,

package/dist/esm/OrMenu-CJT4Snay.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrMenu-CJT4Snay.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_normalizeClass","_ctx","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_withModifiers"],"mappings":";;;;;AAAO,MAAMA,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GCsBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,IAAA,CACJ,GAEKW,IAAgBD,EAAS,MAAM;AAAA,MACnC;AAAA,IAAA,CACD,GAGK,EAAE,OAAAE,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMZ,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASY,EAAQC,GAAoB;AAG/B,MAFSA,EAAM,eAEV,KAAK,CAAC,EAAE,WAAAC,QAAgBA,KAAA,gBAAAA,EAAW,SAAS,kBAAkB,KAC/DN;IAEV;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,eAAAE;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAxHCG,EAmBY,WAAA;AAjBT,SAAAC,EAAA,GAA4BC,EAAAC,GAAA;AAAA,IAC5B,OAAcC,EAAAC,EAAA,aAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,WAASA,EAAO,UAAA;AAAA,IAChB,SAAS;AAAA,IACT,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IACZ,QAAAA,EAAA;AAAA,IAAA,cAAA;AAAA,sBAEDC,EAOM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA,aALEG,EAAM,MAAA;AAAA,MACHC,EAAA,OAAUC,EAAKL,EAAgB,QAAA;AAAA,QACvC,KAAA;AAAA,QAAA,OAAA,CAAAA,EAAA,YAAA,GAAAA,EAAA,gBAAA;AAAA,QAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAK,EAAA,CAAAJ,MAAAF,EAAA,QAAAE,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/OrPagination-DIacMkVe.mjs

@@ -1,333 +0,0 @@
-import { defineComponent as K, ref as O, computed as n, toRef as Q, resolveComponent as B, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as D, createTextVNode as v, createVNode as s, withCtx as u, toDisplayString as m, Fragment as h, renderList as G, createBlock as R, createCommentVNode as S } from "vue";
-import { useProxyModelValue as U, useResponsive as W } from "@onereach/ui-components-common/hooks";
-import { O as X } from "./OrButton-C_hXddAf.mjs";
-import { O as Y } from "./OrIcon-k8cyvh-D.mjs";
-import { O as Z } from "./OrMenuItem-BHRMA0L1.mjs";
-import { O as _ } from "./OrMenu-CJT4Snay.mjs";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const ee = [
-  // Layout
-  "layout-row justify-between md:justify-end",
-  // Spacing
-  "gap-xl",
-  // Typography
-  "typography-caption-regular",
-  // Theme
-  "theme-foreground-outline",
-  "dark:theme-foreground-outline-dark"
-], te = [
-  // Layout
-  "layout-row shrink-0",
-  // Spacing
-  "gap-lg md:gap-md"
-], oe = [
-  // Layout
-  "layout-row shrink-0",
-  // Spacing
-  "gap-md"
-], ne = [
-  // Typography
-  "typography-caption-regular",
-  // Typography (activated)
-  "activated:typography-caption-bold"
-], re = K({
-  name: "OrPagination",
-  components: {
-    OrButton: X,
-    OrIcon: Y,
-    OrMenu: _,
-    OrMenuItem: Z
-  },
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    modelValue: {
-      type: void 0,
-      default: void 0
-    },
-    length: {
-      type: Number,
-      required: !0
-    },
-    options: {
-      type: Array,
-      default: () => [50, 20, 10, 5]
-    },
-    features: {
-      type: Object,
-      default: () => ({
-        limit: !0,
-        range: !0
-      })
-    }
-  },
-  emits: [
-    "update:modelValue"
-  ],
-  expose: [
-    "root"
-  ],
-  setup(e, i) {
-    const I = O(), L = n(() => [
-      "or-pagination-v3",
-      ...ee
-    ]), $ = O(), N = n(() => {
-      var t;
-      return (t = $.value) == null ? void 0 : t.root;
-    }), d = O(), c = n(() => {
-      var t;
-      return (t = d.value) == null ? void 0 : t.root;
-    }), w = n(() => [
-      ...te
-    ]), k = O(), o = n(() => {
-      var t;
-      return (t = k.value) == null ? void 0 : t.root;
-    }), g = O(), j = n(() => {
-      var t;
-      return (t = g.value) == null ? void 0 : t.root;
-    }), A = n(() => [
-      ...oe
-    ]), E = n(() => [
-      ...ne
-    ]), M = U(Q(e, "modelValue"), i.emit), P = n({
-      get: () => {
-        var t;
-        return ((t = M.value) == null ? void 0 : t.limit) ?? e.options[0];
-      },
-      set: (t) => {
-        M.value = {
-          limit: t,
-          offset: 0
-        };
-      }
-    }), V = n({
-      get: () => {
-        var t;
-        return ((t = M.value) == null ? void 0 : t.offset) ?? 0;
-      },
-      set: (t) => {
-        M.value = {
-          limit: P.value,
-          offset: t
-        };
-      }
-    }), l = n({
-      get: () => Math.floor(V.value / P.value) + 1,
-      set: (t) => {
-        V.value = (t - 1) * P.value;
-      }
-    }), b = n(() => 1), y = n(() => Math.ceil(e.length / P.value)), q = n(() => {
-      const t = Array.from({ length: y.value }, (r, C) => C + 1);
-      switch (!0) {
-        case y.value <= 7:
-          return t;
-        case l.value < b.value + 4:
-          return [
-            ...t.slice(0, 5),
-            "…",
-            y.value
-          ];
-        case l.value > y.value - 4:
-          return [
-            b.value,
-            "…",
-            ...t.slice(-5)
-          ];
-        default:
-          return t.map((r) => {
-            switch (!0) {
-              case (r > b.value && r < l.value - 1):
-              case (r < y.value && r > l.value + 1):
-                return "…";
-              default:
-                return r;
-            }
-          }).reduce((r, C) => r[r.length - 1] === C ? r : [...r, C], []);
-      }
-    });
-    function z() {
-      l.value = l.value - 1;
-    }
-    function F() {
-      l.value = l.value + 1;
-    }
-    function T(t) {
-      l.value = t;
-    }
-    const { isDesktop: H, isMobile: J } = W();
-    return {
-      root: I,
-      rootStyles: L,
-      limitButton: $,
-      limitButtonRoot: N,
-      limitMenu: d,
-      limitMenuRoot: c,
-      limitGroupStyles: w,
-      offsetButton: k,
-      offsetButtonRoot: o,
-      offsetMenu: g,
-      offsetMenuRoot: j,
-      offsetGroupStyles: A,
-      itemStyles: E,
-      model: M,
-      currentLimit: P,
-      currentOffset: V,
-      currentPage: l,
-      firstPage: b,
-      lastPage: y,
-      buttonGroup: q,
-      toPreviousPage: z,
-      toNextPage: F,
-      toPage: T,
-      isDesktop: H,
-      isMobile: J
-    };
-  }
-}), ie = {
-  key: 0,
-  class: /* @__PURE__ */ f(["layout-row", "gap-sm"])
-};
-function le(e, i, I, L, $, N) {
-  const d = B("OrIcon"), c = B("OrButton"), w = B("OrMenuItem"), k = B("OrMenu");
-  return a(), p("div", {
-    ref: "root",
-    class: f(e.rootStyles)
-  }, [
-    D("div", {
-      class: f(e.limitGroupStyles)
-    }, [
-      e.features.limit ? (a(), p("div", ie, [
-        v(" Per page: "),
-        s(c, {
-          ref: "limitButton",
-          class: f(e.itemStyles),
-          variant: "link",
-          color: "inherit",
-          activated: !0,
-          onClick: i[0] || (i[0] = (o) => e.limitMenu && e.limitMenu.toggle())
-        }, {
-          default: u(() => [
-            v(m(e.currentLimit) + " ", 1),
-            s(d, {
-              icon: e.limitMenu && e.limitMenu.state === "open" ? "arrow_drop_up" : "arrow_drop_down"
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 8, ["class"]),
-        s(k, {
-          ref: "limitMenu",
-          "additional-styles": ["min-w-[60px]"],
-          trigger: e.limitButtonRoot,
-          placement: "top"
-        }, {
-          default: u(() => [
-            (a(!0), p(h, null, G(e.options, (o) => (a(), R(w, {
-              key: o,
-              selected: e.currentLimit === o,
-              onClick: (g) => {
-                e.currentLimit = o, e.limitMenu && e.limitMenu.close();
-              }
-            }, {
-              default: u(() => [
-                v(m(o), 1)
-              ]),
-              _: 2
-            }, 1032, ["selected", "onClick"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["trigger"])
-      ])) : S("", !0),
-      e.features.range ? (a(), p(h, { key: 1 }, [
-        v(m(e.currentOffset + 1) + "-" + m(Math.min(e.currentOffset + e.currentLimit, e.length)) + " of " + m(e.length), 1)
-      ], 64)) : S("", !0)
-    ], 2),
-    D("div", {
-      class: f(e.offsetGroupStyles)
-    }, [
-      s(c, {
-        class: f(e.itemStyles),
-        variant: "link",
-        color: "inherit",
-        disabled: e.currentPage === e.firstPage,
-        onClick: i[1] || (i[1] = (o) => e.toPreviousPage())
-      }, {
-        default: u(() => [
-          s(d, { icon: "keyboard_arrow_left" })
-        ]),
-        _: 1
-      }, 8, ["class", "disabled"]),
-      e.isDesktop ? (a(!0), p(h, { key: 0 }, G(e.buttonGroup, (o, g) => (a(), R(c, {
-        key: g,
-        class: f(e.itemStyles),
-        variant: "link",
-        color: "inherit",
-        activated: e.currentPage === o,
-        onClick: (j) => typeof o == "number" && e.toPage(o)
-      }, {
-        default: u(() => [
-          v(m(o), 1)
-        ]),
-        _: 2
-      }, 1032, ["class", "activated", "onClick"]))), 128)) : S("", !0),
-      e.isMobile ? (a(), p(h, { key: 1 }, [
-        s(c, {
-          ref: "offsetButton",
-          class: f(e.itemStyles),
-          variant: "link",
-          color: "inherit",
-          activated: !0,
-          onClick: i[2] || (i[2] = (o) => e.offsetMenu && e.offsetMenu.open())
-        }, {
-          default: u(() => [
-            v(m(e.currentPage) + " ", 1),
-            s(d, {
-              icon: e.offsetMenu && e.offsetMenu.state === "open" ? "arrow_drop_up" : "arrow_drop_down"
-            }, null, 8, ["icon"])
-          ]),
-          _: 1
-        }, 8, ["class"]),
-        s(k, {
-          ref: "offsetMenu",
-          "additional-styles": ["min-w-[60px]"],
-          trigger: e.offsetButtonRoot,
-          placement: "top"
-        }, {
-          default: u(() => [
-            (a(!0), p(h, null, G(e.lastPage, (o) => (a(), R(w, {
-              key: o,
-              selected: e.currentPage === o,
-              onClick: (g) => {
-                e.currentPage = o, e.offsetMenu && e.offsetMenu.close();
-              }
-            }, {
-              default: u(() => [
-                v(m(o), 1)
-              ]),
-              _: 2
-            }, 1032, ["selected", "onClick"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["trigger"])
-      ], 64)) : S("", !0),
-      s(c, {
-        class: f(e.itemStyles),
-        variant: "link",
-        color: "inherit",
-        disabled: e.currentPage === e.lastPage,
-        onClick: i[3] || (i[3] = (o) => e.toNextPage())
-      }, {
-        default: u(() => [
-          s(d, { icon: "keyboard_arrow_right" })
-        ]),
-        _: 1
-      }, 8, ["class", "disabled"])
-    ], 2)
-  ], 2);
-}
-const pe = /* @__PURE__ */ x(re, [["render", le]]);
-export {
-  pe as O
-};
-//# sourceMappingURL=OrPagination-DIacMkVe.mjs.map

package/dist/esm/OrPagination-DIacMkVe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrPagination-DIacMkVe.mjs","sources":["../../../components/or-pagination-v3/src/styles.ts","../../../components/or-pagination-v3/src/OrPagination.vue"],"sourcesContent":["export const Pagination: string[] = [\n  // Layout\n  'layout-row justify-between md:justify-end',\n\n  // Spacing\n  'gap-xl',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const PaginationLimitGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-lg md:gap-md',\n];\n\nexport const PaginationOffsetGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const PaginationItem: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Typography (activated)\n  'activated:typography-caption-bold',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"limitGroupStyles\">\n      <template v-if=\"features.limit\">\n        <div :class=\"['layout-row', 'gap-sm']\">\n          Per page:\n\n          <OrButton\n            :ref=\"'limitButton'\"\n            :class=\"itemStyles\"\n            :variant=\"'link'\"\n            :color=\"'inherit'\"\n            :activated=\"true\"\n            @click=\"limitMenu && limitMenu.toggle()\"\n          >\n            {{ currentLimit }} <OrIcon :icon=\"limitMenu && limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n          </OrButton>\n\n          <OrMenu\n            :ref=\"'limitMenu'\"\n            :additional-styles=\"['min-w-[60px]']\"\n            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n          >\n            <OrMenuItem\n              v-for=\"limit of options\"\n              :key=\"limit\"\n              :selected=\"currentLimit === limit\"\n              @click=\"currentLimit = limit; limitMenu && limitMenu.close()\"\n            >\n              {{ limit }}\n            </OrMenuItem>\n          </OrMenu>\n        </div>\n      </template>\n\n      <template v-if=\"features.range\">\n        {{ currentOffset + 1 }}-{{ Math.min(currentOffset + currentLimit, length) }} of {{ length }}\n      </template>\n    </div>\n\n    <div :class=\"offsetGroupStyles\">\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === firstPage\"\n        @click=\"toPreviousPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_left'\" />\n      </OrButton>\n\n      <template v-if=\"isDesktop\">\n        <OrButton\n          v-for=\"(page, index) of buttonGroup\"\n          :key=\"index\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"currentPage === page\"\n          @click=\"typeof page === 'number' && toPage(page)\"\n        >\n          {{ page }}\n        </OrButton>\n      </template>\n\n      <template v-if=\"isMobile\">\n        <OrButton\n          :ref=\"'offsetButton'\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"true\"\n          @click=\"offsetMenu && offsetMenu.open()\"\n        >\n          {{ currentPage }} <OrIcon :icon=\"offsetMenu && offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n        </OrButton>\n\n        <OrMenu\n          :ref=\"'offsetMenu'\"\n          :additional-styles=\"['min-w-[60px]']\"\n          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n        >\n          <OrMenuItem\n            v-for=\"page of lastPage\"\n            :key=\"page\"\n            :selected=\"currentPage === page\"\n            @click=\"currentPage = page; offsetMenu && offsetMenu.close()\"\n          >\n            {{ page }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === lastPage\"\n        @click=\"toNextPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_right'\" />\n      </OrButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport * as Styles from './styles';\nimport { PaginationFeatures, PaginationModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrPagination',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<PaginationModelValue>,\n      default: undefined,\n    },\n\n    length: {\n      type: Number,\n      required: true,\n    },\n\n    options: {\n      type: Array as PropType<number[]>,\n      default: () => [50, 20, 10, 5],\n    },\n\n    features: {\n      type: Object as PropType<PaginationFeatures>,\n\n      default: () => ({\n        limit: true,\n        range: true,\n      }) as PaginationFeatures,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-pagination-v3',\n      ...Styles.Pagination,\n    ]);\n\n    const limitButton = ref<InstanceType<typeof OrButton>>();\n    const limitButtonRoot = computed(() => limitButton.value?.root);\n\n    const limitMenu = ref<InstanceType<typeof OrMenu>>();\n    const limitMenuRoot = computed(() => limitMenu.value?.root);\n\n    const limitGroupStyles = computed(() => [\n      ...Styles.PaginationLimitGroup,\n    ]);\n\n    const offsetButton = ref<InstanceType<typeof OrButton>>();\n    const offsetButtonRoot = computed(() => offsetButton.value?.root);\n\n    const offsetMenu = ref<InstanceType<typeof OrMenu>>();\n    const offsetMenuRoot = computed(() => offsetMenu.value?.root);\n\n    const offsetGroupStyles = computed(() => [\n      ...Styles.PaginationOffsetGroup,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...Styles.PaginationItem,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const currentLimit = computed<number>({\n      get: () => model.value?.limit ?? props.options[0],\n\n      set: (value) => {\n        model.value = {\n          limit: value,\n          offset: 0,\n        };\n      },\n    });\n\n    const currentOffset = computed<number>({\n      get: () => model.value?.offset ?? 0,\n\n      set: (value) => {\n        model.value = {\n          limit: currentLimit.value,\n          offset: value,\n        };\n      },\n    });\n\n    const currentPage = computed<number>({\n      get: () => Math.floor(currentOffset.value / currentLimit.value) + 1,\n\n      set: (value) => {\n        currentOffset.value = (value - 1) * currentLimit.value;\n      },\n    });\n\n    const firstPage = computed<number>(() => {\n      return 1;\n    });\n\n    const lastPage = computed<number>(() => {\n      return Math.ceil(props.length / currentLimit.value);\n    });\n\n    const buttonGroup = computed<(number | string)[]>(() => {\n      const pages = Array.from({ length: lastPage.value }, (_, index) => index + 1);\n\n      switch (true) {\n        case lastPage.value <= 7:\n          return pages;\n\n        case currentPage.value < firstPage.value + 4:\n          return [\n            ...pages.slice(0, 5),\n            '…',\n            lastPage.value,\n          ];\n\n        case currentPage.value > lastPage.value - 4:\n          return [\n            firstPage.value,\n            '…',\n            ...pages.slice(-5),\n          ];\n\n        default:\n          return pages\n            .map((page) => {\n              switch (true) {\n                case page > firstPage.value && page < currentPage.value - 1:\n                case page < lastPage.value && page > currentPage.value + 1:\n                  return '…';\n\n                default:\n                  return page;\n              }\n            })\n            .reduce((accumulator, page) => {\n              if (accumulator[accumulator.length - 1] === page) {\n                return accumulator;\n              }\n\n              return [...accumulator, page];\n            }, [] as (number | string)[]);\n      }\n    });\n\n    // Methods\n    function toPreviousPage(): void {\n      currentPage.value = currentPage.value - 1;\n    }\n\n    function toNextPage(): void {\n      currentPage.value = currentPage.value + 1;\n    }\n\n    function toPage(page: number): void {\n      currentPage.value = page;\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      limitButton,\n      limitButtonRoot,\n\n      limitMenu,\n      limitMenuRoot,\n\n      limitGroupStyles,\n\n      offsetButton,\n      offsetButtonRoot,\n\n      offsetMenu,\n      offsetMenuRoot,\n\n      offsetGroupStyles,\n\n      itemStyles,\n\n      model,\n\n      currentLimit,\n      currentOffset,\n      currentPage,\n\n      firstPage,\n      lastPage,\n\n      buttonGroup,\n\n      toPreviousPage,\n      toNextPage,\n      toPage,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Pagination","PaginationLimitGroup","PaginationOffsetGroup","PaginationItem","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","limitButton","limitButtonRoot","_a","limitMenu","limitMenuRoot","limitGroupStyles","Styles.PaginationLimitGroup","offsetButton","offsetButtonRoot","offsetMenu","offsetMenuRoot","offsetGroupStyles","Styles.PaginationOffsetGroup","itemStyles","Styles.PaginationItem","model","useProxyModelValue","toRef","currentLimit","value","currentOffset","currentPage","firstPage","lastPage","buttonGroup","pages","_","index","page","accumulator","toPreviousPage","toNextPage","toPage","isDesktop","isMobile","useResponsive","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createTextVNode","_createVNode","_component_OrButton","_cache","$event","_withCtx","_toDisplayString","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createElementVNode","_createBlock"],"mappings":"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"}