@onereach/ui-components 22.2.0-beta.5478.0 → 22.2.0-beta.5480.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/{OrCardCollection-CoE9Umh7.mjs → OrCardCollection-CVNj8vKN.mjs} +2 -2
- package/dist/esm/{OrCardCollection-CoE9Umh7.mjs.map → OrCardCollection-CVNj8vKN.mjs.map} +1 -1
- package/dist/esm/{OrContextMenu-CrpiM2Jq.mjs → OrContextMenu-L14E1lLm.mjs} +2 -2
- package/dist/esm/{OrContextMenu-CrpiM2Jq.mjs.map → OrContextMenu-L14E1lLm.mjs.map} +1 -1
- package/dist/esm/{OrDataGrid-Y27X0z7L.mjs → OrDataGrid-D2FFVgHK.mjs} +6 -6
- package/dist/esm/{OrDataGrid-Y27X0z7L.mjs.map → OrDataGrid-D2FFVgHK.mjs.map} +1 -1
- package/dist/esm/{OrDateFormat-DLFWyjHc.mjs → OrDateFormat-DKgu_p6Y.mjs} +2 -2
- package/dist/esm/{OrDateFormat-DLFWyjHc.mjs.map → OrDateFormat-DKgu_p6Y.mjs.map} +1 -1
- package/dist/esm/{OrDatePicker-Dtnri38h.mjs → OrDatePicker-C2QFP1NK.mjs} +2 -2
- package/dist/esm/{OrDatePicker-Dtnri38h.mjs.map → OrDatePicker-C2QFP1NK.mjs.map} +1 -1
- package/dist/esm/{OrDateRangePicker-EmSkMzJ7.mjs → OrDateRangePicker-B8atNK11.mjs} +2 -2
- package/dist/esm/{OrDateRangePicker-EmSkMzJ7.mjs.map → OrDateRangePicker-B8atNK11.mjs.map} +1 -1
- package/dist/esm/{OrDateTimeFormat-Dp-ClZ1l.mjs → OrDateTimeFormat-ByEReaKo.mjs} +2 -2
- package/dist/esm/{OrDateTimeFormat-Dp-ClZ1l.mjs.map → OrDateTimeFormat-ByEReaKo.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker-35-aTCIt.mjs → OrDateTimePicker-FuoCwgfZ.mjs} +2 -2
- package/dist/esm/{OrDateTimePicker-35-aTCIt.mjs.map → OrDateTimePicker-FuoCwgfZ.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker.vue_vue_type_script_lang-kFeSOigY.mjs → OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs} +2 -2
- package/dist/esm/{OrDateTimePicker.vue_vue_type_script_lang-kFeSOigY.mjs.map → OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs.map} +1 -1
- package/dist/esm/{OrEditorTabs-psJUG0D3.mjs → OrEditorTabs-B7_l5FVN.mjs} +2 -2
- package/dist/esm/{OrEditorTabs-psJUG0D3.mjs.map → OrEditorTabs-B7_l5FVN.mjs.map} +1 -1
- package/dist/esm/{OrMenu-CJT4Snay.mjs → OrMenu-naJcjd7Z.mjs} +22 -18
- package/dist/esm/OrMenu-naJcjd7Z.mjs.map +1 -0
- package/dist/esm/OrPagination-CTwCcz18.mjs +351 -0
- package/dist/esm/OrPagination-CTwCcz18.mjs.map +1 -0
- package/dist/esm/{OrRichTextEditor-CvbqTzyJ.mjs → OrRichTextEditor-DHc5Lsyu.mjs} +2 -2
- package/dist/esm/{OrRichTextEditor-CvbqTzyJ.mjs.map → OrRichTextEditor-DHc5Lsyu.mjs.map} +1 -1
- package/dist/esm/{OrSorting-DCAarSF1.mjs → OrSorting-C1m5NTQf.mjs} +2 -2
- package/dist/esm/{OrSorting-DCAarSF1.mjs.map → OrSorting-C1m5NTQf.mjs.map} +1 -1
- package/dist/esm/{OrTabs-6NfHHn7M.mjs → OrTabs-Dgii4fCQ.mjs} +2 -2
- package/dist/esm/{OrTabs-6NfHHn7M.mjs.map → OrTabs-Dgii4fCQ.mjs.map} +1 -1
- package/dist/esm/{OrTimeFormat-BZQ49Thn.mjs → OrTimeFormat-DScNr0vb.mjs} +2 -2
- package/dist/esm/{OrTimeFormat-BZQ49Thn.mjs.map → OrTimeFormat-DScNr0vb.mjs.map} +1 -1
- package/dist/esm/{OrTimePicker-CCcuAt6S.mjs → OrTimePicker-Deh-pYk1.mjs} +2 -2
- package/dist/esm/{OrTimePicker-CCcuAt6S.mjs.map → OrTimePicker-Deh-pYk1.mjs.map} +1 -1
- package/dist/esm/{OrTimeRangePicker-CD1eXHAg.mjs → OrTimeRangePicker-DhsGrtcw.mjs} +2 -2
- package/dist/esm/{OrTimeRangePicker-CD1eXHAg.mjs.map → OrTimeRangePicker-DhsGrtcw.mjs.map} +1 -1
- package/dist/esm/components/index.mjs +18 -18
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-context-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-picker-v3/index.mjs +2 -2
- package/dist/esm/components/or-editor-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-pagination-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
- package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
- package/dist/esm/components/or-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-range-picker-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +18 -18
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +20 -0
- package/dist/types/components/or-menu-v3/OrMenu.vue.d.ts +9 -0
- package/dist/types/components/or-pagination-v3/OrPagination.vue.d.ts +21 -0
- package/dist/types/components/or-pagination-v3/styles.d.ts +1 -0
- package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +10 -0
- package/dist/types/components/or-sorting-v3/OrSorting.vue.d.ts +9 -0
- package/dist/types/components/or-tabs-v3/OrTabs.vue.d.ts +10 -0
- package/package.json +1 -1
- package/dist/esm/OrMenu-CJT4Snay.mjs.map +0 -1
- package/dist/esm/OrPagination-DIacMkVe.mjs +0 -333
- package/dist/esm/OrPagination-DIacMkVe.mjs.map +0 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as d, ref as c, computed as i, toRef as
|
|
2
|
-
import { usePopoverState as
|
|
3
|
-
import { O as B, a as
|
|
1
|
+
import { defineComponent as d, ref as c, computed as i, toRef as y, resolveComponent as v, openBlock as g, createBlock as S, normalizeClass as O, withCtx as P, createElementVNode as C, mergeProps as k, withModifiers as $, renderSlot as b } from "vue";
|
|
2
|
+
import { usePopoverState as w } from "@onereach/ui-components-common/hooks";
|
|
3
|
+
import { O as B, a as h } from "./OrPopover-DbygLPtT.mjs";
|
|
4
4
|
import "@onereach/ui-components-common/utils";
|
|
5
|
-
import { _ as
|
|
6
|
-
const
|
|
5
|
+
import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
6
|
+
const R = [
|
|
7
7
|
// Layout
|
|
8
8
|
"overflow-y-auto",
|
|
9
9
|
// Box
|
|
10
10
|
"min-w-[160px]",
|
|
11
11
|
"md:max-w-[256px]",
|
|
12
12
|
"max-h-[340px]"
|
|
13
|
-
],
|
|
13
|
+
], j = d({
|
|
14
14
|
name: "OrMenu",
|
|
15
15
|
components: {
|
|
16
16
|
OrPopover: B
|
|
@@ -27,7 +27,7 @@ const j = [
|
|
|
27
27
|
},
|
|
28
28
|
placement: {
|
|
29
29
|
type: String,
|
|
30
|
-
default: () =>
|
|
30
|
+
default: () => h.Bottom
|
|
31
31
|
},
|
|
32
32
|
offset: {
|
|
33
33
|
type: [Number, Object, Function],
|
|
@@ -37,6 +37,10 @@ const j = [
|
|
|
37
37
|
additionalStyles: {
|
|
38
38
|
type: Array,
|
|
39
39
|
default: () => []
|
|
40
|
+
},
|
|
41
|
+
disableRootStyles: {
|
|
42
|
+
type: Boolean,
|
|
43
|
+
default: !1
|
|
40
44
|
}
|
|
41
45
|
},
|
|
42
46
|
emits: [
|
|
@@ -54,29 +58,29 @@ const j = [
|
|
|
54
58
|
setup(e, o) {
|
|
55
59
|
const s = c(), p = i(() => [
|
|
56
60
|
"or-menu-v3",
|
|
57
|
-
...
|
|
61
|
+
...e.disableRootStyles ? [] : R
|
|
58
62
|
]), a = i(() => [
|
|
59
63
|
"or-menu-popover-v3"
|
|
60
|
-
]), { state: l, open:
|
|
64
|
+
]), { state: l, open: n, close: t, toggle: m } = w(y(e, "isOpen"), o.emit);
|
|
61
65
|
function f(u) {
|
|
62
|
-
u.composedPath().some(({ classList:
|
|
66
|
+
u.composedPath().some(({ classList: r }) => r == null ? void 0 : r.contains("or-menu-item-v3")) && t();
|
|
63
67
|
}
|
|
64
68
|
return {
|
|
65
69
|
root: s,
|
|
66
70
|
rootStyles: p,
|
|
67
71
|
popoverStyles: a,
|
|
68
72
|
state: l,
|
|
69
|
-
open:
|
|
73
|
+
open: n,
|
|
70
74
|
close: t,
|
|
71
75
|
toggle: m,
|
|
72
76
|
onClick: f
|
|
73
77
|
};
|
|
74
78
|
}
|
|
75
79
|
});
|
|
76
|
-
function
|
|
77
|
-
const
|
|
78
|
-
return g(),
|
|
79
|
-
class:
|
|
80
|
+
function A(e, o, s, p, a, l) {
|
|
81
|
+
const n = v("OrPopover");
|
|
82
|
+
return g(), S(n, {
|
|
83
|
+
class: O(e.popoverStyles),
|
|
80
84
|
"custom-styles": e.popoverStyles,
|
|
81
85
|
"is-open": e.state === "open",
|
|
82
86
|
variant: "auto",
|
|
@@ -92,14 +96,14 @@ function N(e, o, s, p, a, l) {
|
|
|
92
96
|
class: [e.rootStyles, ...e.additionalStyles],
|
|
93
97
|
onClick: o[0] || (o[0] = $((t) => e.onClick(t), ["stop"]))
|
|
94
98
|
}), [
|
|
95
|
-
|
|
99
|
+
b(e.$slots, "default")
|
|
96
100
|
], 16)
|
|
97
101
|
]),
|
|
98
102
|
_: 3
|
|
99
103
|
}, 8, ["class", "custom-styles", "is-open", "trigger", "placement", "offset"]);
|
|
100
104
|
}
|
|
101
|
-
const q = /* @__PURE__ */
|
|
105
|
+
const q = /* @__PURE__ */ M(j, [["render", A]]);
|
|
102
106
|
export {
|
|
103
107
|
q as O
|
|
104
108
|
};
|
|
105
|
-
//# sourceMappingURL=OrMenu-
|
|
109
|
+
//# sourceMappingURL=OrMenu-naJcjd7Z.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrMenu-naJcjd7Z.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 disableRootStyles: {\n type: Boolean,\n default: false,\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 ...(props.disableRootStyles ? [] : 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,IAEA,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;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,GAAIL,EAAM,oBAAoB,CAAA,IAAKL;AAAA,IAAA,CACpC,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;;YA7HCG,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;;;;;;;"}
|
|
@@ -0,0 +1,351 @@
|
|
|
1
|
+
import { defineComponent as Q, ref as P, computed as n, toRef as U, resolveComponent as C, openBlock as u, createElementBlock as c, normalizeClass as l, createElementVNode as B, createTextVNode as p, createVNode as a, withCtx as f, toDisplayString as d, Fragment as O, renderList as I, createBlock as L, createCommentVNode as $ } from "vue";
|
|
2
|
+
import { useProxyModelValue as W, useResponsive as X } from "@onereach/ui-components-common/hooks";
|
|
3
|
+
import { O as Y } from "./OrButton-C_hXddAf.mjs";
|
|
4
|
+
import { O as Z } from "./OrIcon-k8cyvh-D.mjs";
|
|
5
|
+
import { O as _ } from "./OrMenuItem-BHRMA0L1.mjs";
|
|
6
|
+
import { O as x } from "./OrMenu-naJcjd7Z.mjs";
|
|
7
|
+
import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
8
|
+
const te = [
|
|
9
|
+
// Layout
|
|
10
|
+
"layout-row justify-between md:justify-end",
|
|
11
|
+
// Spacing
|
|
12
|
+
"gap-xl",
|
|
13
|
+
// Typography
|
|
14
|
+
"typography-caption-regular",
|
|
15
|
+
// Theme
|
|
16
|
+
"theme-foreground-outline",
|
|
17
|
+
"dark:theme-foreground-outline-dark"
|
|
18
|
+
], oe = [
|
|
19
|
+
// Layout
|
|
20
|
+
"layout-row shrink-0",
|
|
21
|
+
// Spacing
|
|
22
|
+
"gap-lg md:gap-md"
|
|
23
|
+
], ne = [
|
|
24
|
+
// Layout
|
|
25
|
+
"layout-row shrink-0",
|
|
26
|
+
// Spacing
|
|
27
|
+
"gap-md"
|
|
28
|
+
], re = [
|
|
29
|
+
// Typography
|
|
30
|
+
"typography-caption-regular",
|
|
31
|
+
// Typography (activated)
|
|
32
|
+
"activated:typography-caption-bold"
|
|
33
|
+
], le = [
|
|
34
|
+
// Layout
|
|
35
|
+
"overflow-y-auto",
|
|
36
|
+
// Box
|
|
37
|
+
"min-w-[60px]",
|
|
38
|
+
"md:max-w-[256px]",
|
|
39
|
+
"max-h-[340px]"
|
|
40
|
+
], se = Q({
|
|
41
|
+
name: "OrPagination",
|
|
42
|
+
components: {
|
|
43
|
+
OrButton: Y,
|
|
44
|
+
OrIcon: Z,
|
|
45
|
+
OrMenu: x,
|
|
46
|
+
OrMenuItem: _
|
|
47
|
+
},
|
|
48
|
+
model: {
|
|
49
|
+
prop: "modelValue",
|
|
50
|
+
event: "update:modelValue"
|
|
51
|
+
},
|
|
52
|
+
props: {
|
|
53
|
+
modelValue: {
|
|
54
|
+
type: void 0,
|
|
55
|
+
default: void 0
|
|
56
|
+
},
|
|
57
|
+
length: {
|
|
58
|
+
type: Number,
|
|
59
|
+
required: !0
|
|
60
|
+
},
|
|
61
|
+
options: {
|
|
62
|
+
type: Array,
|
|
63
|
+
default: () => [50, 20, 10, 5]
|
|
64
|
+
},
|
|
65
|
+
features: {
|
|
66
|
+
type: Object,
|
|
67
|
+
default: () => ({
|
|
68
|
+
limit: !0,
|
|
69
|
+
range: !0
|
|
70
|
+
})
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
emits: [
|
|
74
|
+
"update:modelValue"
|
|
75
|
+
],
|
|
76
|
+
expose: [
|
|
77
|
+
"root"
|
|
78
|
+
],
|
|
79
|
+
setup(e, s) {
|
|
80
|
+
const N = P(), j = n(() => [
|
|
81
|
+
"or-pagination-v3",
|
|
82
|
+
...te
|
|
83
|
+
]), D = n(() => [
|
|
84
|
+
...le
|
|
85
|
+
]), V = P(), v = n(() => {
|
|
86
|
+
var t;
|
|
87
|
+
return (t = V.value) == null ? void 0 : t.root;
|
|
88
|
+
}), m = P(), h = n(() => {
|
|
89
|
+
var t;
|
|
90
|
+
return (t = m.value) == null ? void 0 : t.root;
|
|
91
|
+
}), w = n(() => [
|
|
92
|
+
...oe
|
|
93
|
+
]), o = P(), y = n(() => {
|
|
94
|
+
var t;
|
|
95
|
+
return (t = o.value) == null ? void 0 : t.root;
|
|
96
|
+
}), G = P(), A = n(() => {
|
|
97
|
+
var t;
|
|
98
|
+
return (t = G.value) == null ? void 0 : t.root;
|
|
99
|
+
}), E = n(() => [
|
|
100
|
+
...ne
|
|
101
|
+
]), q = n(() => [
|
|
102
|
+
...re
|
|
103
|
+
]), k = W(U(e, "modelValue"), s.emit), M = n({
|
|
104
|
+
get: () => {
|
|
105
|
+
var t;
|
|
106
|
+
return ((t = k.value) == null ? void 0 : t.limit) ?? e.options[0];
|
|
107
|
+
},
|
|
108
|
+
set: (t) => {
|
|
109
|
+
k.value = {
|
|
110
|
+
limit: t,
|
|
111
|
+
offset: 0
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
}), R = n({
|
|
115
|
+
get: () => {
|
|
116
|
+
var t;
|
|
117
|
+
return ((t = k.value) == null ? void 0 : t.offset) ?? 0;
|
|
118
|
+
},
|
|
119
|
+
set: (t) => {
|
|
120
|
+
k.value = {
|
|
121
|
+
limit: M.value,
|
|
122
|
+
offset: t
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
}), i = n({
|
|
126
|
+
get: () => Math.floor(R.value / M.value) + 1,
|
|
127
|
+
set: (t) => {
|
|
128
|
+
R.value = (t - 1) * M.value;
|
|
129
|
+
}
|
|
130
|
+
}), b = n(() => 1), g = n(() => Math.ceil(e.length / M.value)), z = n(() => {
|
|
131
|
+
const t = Array.from({ length: g.value }, (r, S) => S + 1);
|
|
132
|
+
switch (!0) {
|
|
133
|
+
case g.value <= 7:
|
|
134
|
+
return t;
|
|
135
|
+
case i.value < b.value + 4:
|
|
136
|
+
return [
|
|
137
|
+
...t.slice(0, 5),
|
|
138
|
+
"…",
|
|
139
|
+
g.value
|
|
140
|
+
];
|
|
141
|
+
case i.value > g.value - 4:
|
|
142
|
+
return [
|
|
143
|
+
b.value,
|
|
144
|
+
"…",
|
|
145
|
+
...t.slice(-5)
|
|
146
|
+
];
|
|
147
|
+
default:
|
|
148
|
+
return t.map((r) => {
|
|
149
|
+
switch (!0) {
|
|
150
|
+
case (r > b.value && r < i.value - 1):
|
|
151
|
+
case (r < g.value && r > i.value + 1):
|
|
152
|
+
return "…";
|
|
153
|
+
default:
|
|
154
|
+
return r;
|
|
155
|
+
}
|
|
156
|
+
}).reduce((r, S) => r[r.length - 1] === S ? r : [...r, S], []);
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
function F() {
|
|
160
|
+
i.value = i.value - 1;
|
|
161
|
+
}
|
|
162
|
+
function T() {
|
|
163
|
+
i.value = i.value + 1;
|
|
164
|
+
}
|
|
165
|
+
function H(t) {
|
|
166
|
+
i.value = t;
|
|
167
|
+
}
|
|
168
|
+
const { isDesktop: J, isMobile: K } = X();
|
|
169
|
+
return {
|
|
170
|
+
root: N,
|
|
171
|
+
rootStyles: j,
|
|
172
|
+
menuStyles: D,
|
|
173
|
+
limitButton: V,
|
|
174
|
+
limitButtonRoot: v,
|
|
175
|
+
limitMenu: m,
|
|
176
|
+
limitMenuRoot: h,
|
|
177
|
+
limitGroupStyles: w,
|
|
178
|
+
offsetButton: o,
|
|
179
|
+
offsetButtonRoot: y,
|
|
180
|
+
offsetMenu: G,
|
|
181
|
+
offsetMenuRoot: A,
|
|
182
|
+
offsetGroupStyles: E,
|
|
183
|
+
itemStyles: q,
|
|
184
|
+
model: k,
|
|
185
|
+
currentLimit: M,
|
|
186
|
+
currentOffset: R,
|
|
187
|
+
currentPage: i,
|
|
188
|
+
firstPage: b,
|
|
189
|
+
lastPage: g,
|
|
190
|
+
buttonGroup: z,
|
|
191
|
+
toPreviousPage: F,
|
|
192
|
+
toNextPage: T,
|
|
193
|
+
toPage: H,
|
|
194
|
+
isDesktop: J,
|
|
195
|
+
isMobile: K
|
|
196
|
+
};
|
|
197
|
+
}
|
|
198
|
+
}), ie = {
|
|
199
|
+
key: 0,
|
|
200
|
+
class: /* @__PURE__ */ l(["layout-row", "gap-sm"])
|
|
201
|
+
};
|
|
202
|
+
function ue(e, s, N, j, D, V) {
|
|
203
|
+
const v = C("OrIcon"), m = C("OrButton"), h = C("OrMenuItem"), w = C("OrMenu");
|
|
204
|
+
return u(), c("div", {
|
|
205
|
+
ref: "root",
|
|
206
|
+
class: l(e.rootStyles)
|
|
207
|
+
}, [
|
|
208
|
+
B("div", {
|
|
209
|
+
class: l(e.limitGroupStyles)
|
|
210
|
+
}, [
|
|
211
|
+
e.features.limit ? (u(), c("div", ie, [
|
|
212
|
+
p(" Per page: "),
|
|
213
|
+
a(m, {
|
|
214
|
+
ref: "limitButton",
|
|
215
|
+
class: l(e.itemStyles),
|
|
216
|
+
variant: "link",
|
|
217
|
+
color: "inherit",
|
|
218
|
+
activated: !0,
|
|
219
|
+
onClick: s[0] || (s[0] = (o) => e.limitMenu && e.limitMenu.toggle())
|
|
220
|
+
}, {
|
|
221
|
+
default: f(() => [
|
|
222
|
+
p(d(e.currentLimit) + " ", 1),
|
|
223
|
+
a(v, {
|
|
224
|
+
icon: e.limitMenu && e.limitMenu.state === "open" ? "arrow_drop_up" : "arrow_drop_down"
|
|
225
|
+
}, null, 8, ["icon"])
|
|
226
|
+
]),
|
|
227
|
+
_: 1
|
|
228
|
+
}, 8, ["class"]),
|
|
229
|
+
a(w, {
|
|
230
|
+
ref: "limitMenu",
|
|
231
|
+
trigger: e.limitButtonRoot,
|
|
232
|
+
placement: "top",
|
|
233
|
+
"disable-root-styles": !0
|
|
234
|
+
}, {
|
|
235
|
+
default: f(() => [
|
|
236
|
+
B("div", {
|
|
237
|
+
class: l(e.menuStyles)
|
|
238
|
+
}, [
|
|
239
|
+
(u(!0), c(O, null, I(e.options, (o) => (u(), L(h, {
|
|
240
|
+
key: o,
|
|
241
|
+
selected: e.currentLimit === o,
|
|
242
|
+
onClick: (y) => {
|
|
243
|
+
e.currentLimit = o, e.limitMenu && e.limitMenu.close();
|
|
244
|
+
}
|
|
245
|
+
}, {
|
|
246
|
+
default: f(() => [
|
|
247
|
+
p(d(o), 1)
|
|
248
|
+
]),
|
|
249
|
+
_: 2
|
|
250
|
+
}, 1032, ["selected", "onClick"]))), 128))
|
|
251
|
+
], 2)
|
|
252
|
+
]),
|
|
253
|
+
_: 1
|
|
254
|
+
}, 8, ["trigger"])
|
|
255
|
+
])) : $("", !0),
|
|
256
|
+
e.features.range ? (u(), c(O, { key: 1 }, [
|
|
257
|
+
p(d(e.currentOffset + 1) + "-" + d(Math.min(e.currentOffset + e.currentLimit, e.length)) + " of " + d(e.length), 1)
|
|
258
|
+
], 64)) : $("", !0)
|
|
259
|
+
], 2),
|
|
260
|
+
B("div", {
|
|
261
|
+
class: l(e.offsetGroupStyles)
|
|
262
|
+
}, [
|
|
263
|
+
a(m, {
|
|
264
|
+
class: l(e.itemStyles),
|
|
265
|
+
variant: "link",
|
|
266
|
+
color: "inherit",
|
|
267
|
+
disabled: e.currentPage === e.firstPage,
|
|
268
|
+
onClick: s[1] || (s[1] = (o) => e.toPreviousPage())
|
|
269
|
+
}, {
|
|
270
|
+
default: f(() => [
|
|
271
|
+
a(v, { icon: "keyboard_arrow_left" })
|
|
272
|
+
]),
|
|
273
|
+
_: 1
|
|
274
|
+
}, 8, ["class", "disabled"]),
|
|
275
|
+
e.isDesktop ? (u(!0), c(O, { key: 0 }, I(e.buttonGroup, (o, y) => (u(), L(m, {
|
|
276
|
+
key: y,
|
|
277
|
+
class: l(e.itemStyles),
|
|
278
|
+
variant: "link",
|
|
279
|
+
color: "inherit",
|
|
280
|
+
activated: e.currentPage === o,
|
|
281
|
+
onClick: (G) => typeof o == "number" && e.toPage(o)
|
|
282
|
+
}, {
|
|
283
|
+
default: f(() => [
|
|
284
|
+
p(d(o), 1)
|
|
285
|
+
]),
|
|
286
|
+
_: 2
|
|
287
|
+
}, 1032, ["class", "activated", "onClick"]))), 128)) : $("", !0),
|
|
288
|
+
e.isMobile ? (u(), c(O, { key: 1 }, [
|
|
289
|
+
a(m, {
|
|
290
|
+
ref: "offsetButton",
|
|
291
|
+
class: l(e.itemStyles),
|
|
292
|
+
variant: "link",
|
|
293
|
+
color: "inherit",
|
|
294
|
+
activated: !0,
|
|
295
|
+
onClick: s[2] || (s[2] = (o) => e.offsetMenu && e.offsetMenu.open())
|
|
296
|
+
}, {
|
|
297
|
+
default: f(() => [
|
|
298
|
+
p(d(e.currentPage) + " ", 1),
|
|
299
|
+
a(v, {
|
|
300
|
+
icon: e.offsetMenu && e.offsetMenu.state === "open" ? "arrow_drop_up" : "arrow_drop_down"
|
|
301
|
+
}, null, 8, ["icon"])
|
|
302
|
+
]),
|
|
303
|
+
_: 1
|
|
304
|
+
}, 8, ["class"]),
|
|
305
|
+
a(w, {
|
|
306
|
+
ref: "offsetMenu",
|
|
307
|
+
trigger: e.offsetButtonRoot,
|
|
308
|
+
placement: "top",
|
|
309
|
+
"disable-root-styles": !0
|
|
310
|
+
}, {
|
|
311
|
+
default: f(() => [
|
|
312
|
+
B("div", {
|
|
313
|
+
class: l(e.menuStyles)
|
|
314
|
+
}, [
|
|
315
|
+
(u(!0), c(O, null, I(e.lastPage, (o) => (u(), L(h, {
|
|
316
|
+
key: o,
|
|
317
|
+
selected: e.currentPage === o,
|
|
318
|
+
onClick: (y) => {
|
|
319
|
+
e.currentPage = o, e.offsetMenu && e.offsetMenu.close();
|
|
320
|
+
}
|
|
321
|
+
}, {
|
|
322
|
+
default: f(() => [
|
|
323
|
+
p(d(o), 1)
|
|
324
|
+
]),
|
|
325
|
+
_: 2
|
|
326
|
+
}, 1032, ["selected", "onClick"]))), 128))
|
|
327
|
+
], 2)
|
|
328
|
+
]),
|
|
329
|
+
_: 1
|
|
330
|
+
}, 8, ["trigger"])
|
|
331
|
+
], 64)) : $("", !0),
|
|
332
|
+
a(m, {
|
|
333
|
+
class: l(e.itemStyles),
|
|
334
|
+
variant: "link",
|
|
335
|
+
color: "inherit",
|
|
336
|
+
disabled: e.currentPage === e.lastPage,
|
|
337
|
+
onClick: s[3] || (s[3] = (o) => e.toNextPage())
|
|
338
|
+
}, {
|
|
339
|
+
default: f(() => [
|
|
340
|
+
a(v, { icon: "keyboard_arrow_right" })
|
|
341
|
+
]),
|
|
342
|
+
_: 1
|
|
343
|
+
}, 8, ["class", "disabled"])
|
|
344
|
+
], 2)
|
|
345
|
+
], 2);
|
|
346
|
+
}
|
|
347
|
+
const ge = /* @__PURE__ */ ee(se, [["render", ue]]);
|
|
348
|
+
export {
|
|
349
|
+
ge as O
|
|
350
|
+
};
|
|
351
|
+
//# sourceMappingURL=OrPagination-CTwCcz18.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrPagination-CTwCcz18.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\nexport const Menu: string[] = [\n // Layout\n 'overflow-y-auto',\n\n // Box\n 'min-w-[60px]',\n 'md:max-w-[256px]',\n 'max-h-[340px]',\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 :trigger=\"limitButtonRoot\"\n :placement=\"'top'\"\n :disable-root-styles=\"true\"\n >\n <div :class=\"menuStyles\">\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 </div>\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 :trigger=\"offsetButtonRoot\"\n :placement=\"'top'\"\n :disable-root-styles=\"true\"\n >\n <div :class=\"menuStyles\">\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 </div>\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 menuStyles = computed(() => [\n ...Styles.Menu,\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 menuStyles,\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","Menu","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","menuStyles","Styles.Menu","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","_createElementVNode","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createBlock"],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ import { O as Ft } from "./OrInputBox-6ciokFdU.mjs";
|
|
|
23
23
|
import { O as zt } from "./OrInput-DBcNZlkx.mjs";
|
|
24
24
|
import { O as qt } from "./OrLabel-DssheqEn.mjs";
|
|
25
25
|
import { O as Tt } from "./OrMenuItem-BHRMA0L1.mjs";
|
|
26
|
-
import { O as Dt } from "./OrMenu-
|
|
26
|
+
import { O as Dt } from "./OrMenu-naJcjd7Z.mjs";
|
|
27
27
|
import { O as Ut } from "./OrModal-A9OL6kGW.mjs";
|
|
28
28
|
import { O as Wt } from "./OrPopover-DbygLPtT.mjs";
|
|
29
29
|
import { TextSelection as Gt, Selection as Jt } from "prosemirror-state";
|
|
@@ -1049,4 +1049,4 @@ export {
|
|
|
1049
1049
|
je as R,
|
|
1050
1050
|
Ke as a
|
|
1051
1051
|
};
|
|
1052
|
-
//# sourceMappingURL=OrRichTextEditor-
|
|
1052
|
+
//# sourceMappingURL=OrRichTextEditor-DHc5Lsyu.mjs.map
|