@onereach/ui-components 24.0.2-beta.5693.0 → 24.0.2-beta.5695.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/{OrDrawer-DMkYoWOZ.mjs → OrDrawer-BR0r7GeI.mjs} +38 -38
- package/dist/esm/OrDrawer-BR0r7GeI.mjs.map +1 -0
- package/dist/esm/components/index.mjs +1 -1
- package/dist/esm/components/or-drawer-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts +18 -18
- package/dist/types/components/or-data-grid-v3/OrDataGrid.vue.d.ts +2 -2
- package/dist/types/components/or-date-picker-v3/OrDatePicker.vue.d.ts +2 -2
- package/dist/types/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts +3 -3
- package/dist/types/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +4 -4
- package/dist/types/components/or-drop-area-v3/OrDropArea.vue.d.ts +1 -1
- package/dist/types/components/or-editor-tabs-v3/OrEditorTabs.vue.d.ts +1 -1
- package/dist/types/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts +1 -1
- package/dist/types/components/or-filter-v3/OrFilter.vue.d.ts +2 -2
- package/dist/types/components/or-pagination-v3/OrPagination.vue.d.ts +1 -1
- package/dist/types/components/or-popover-v3/OrPopover.vue.d.ts +1 -1
- package/dist/types/components/or-range-slider-v3/OrRangeSlider.vue.d.ts +1 -1
- package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +2 -2
- package/dist/types/components/or-rich-tooltip-v3/OrRichTooltip.vue.d.ts +2 -2
- package/dist/types/components/or-select-v3/OrSelect.vue.d.ts +11 -11
- package/dist/types/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts +4 -4
- package/dist/types/components/or-slider-v3/OrSlider.vue.d.ts +1 -1
- package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts +4 -4
- package/dist/types/components/or-tags-v3/OrTags.vue.d.ts +2 -2
- package/dist/types/components/or-time-picker-v3/OrTimePicker.vue.d.ts +2 -2
- package/dist/types/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts +3 -3
- package/package.json +7 -7
- package/dist/esm/OrDrawer-DMkYoWOZ.mjs.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { O as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { onClickOutside as k, useSwipe as y, SwipeDirection as f } from "@vueuse/core";
|
|
2
|
+
import { defineComponent as O, ref as x, computed as d, toRef as S, resolveComponent as C, openBlock as D, createBlock as _, withCtx as b, createElementVNode as u, mergeProps as R, normalizeClass as $, renderSlot as B, createCommentVNode as P } from "vue";
|
|
3
|
+
import { usePopoverState as E } from "@onereach/ui-components-common/hooks";
|
|
4
|
+
import { O as L } from "./OrOverlay-BjrghiC-.mjs";
|
|
5
5
|
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
6
6
|
var t = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(t || {});
|
|
7
|
-
const
|
|
7
|
+
const T = [
|
|
8
8
|
// Position
|
|
9
9
|
"absolute inset-y-0",
|
|
10
10
|
// Box
|
|
@@ -22,7 +22,7 @@ const V = [
|
|
|
22
22
|
"dark:theme-background-default-dark",
|
|
23
23
|
// Transition
|
|
24
24
|
"transition-transform duration-medium ease-standard"
|
|
25
|
-
],
|
|
25
|
+
], V = {
|
|
26
26
|
[t.Left]: [
|
|
27
27
|
// Position
|
|
28
28
|
"start-0",
|
|
@@ -35,20 +35,20 @@ const V = [
|
|
|
35
35
|
// Shape
|
|
36
36
|
"rounded-s-xl"
|
|
37
37
|
]
|
|
38
|
-
},
|
|
38
|
+
}, z = [
|
|
39
39
|
// Spacing
|
|
40
40
|
"px-md",
|
|
41
41
|
"py-md"
|
|
42
|
-
],
|
|
42
|
+
], A = [
|
|
43
43
|
// Overflow
|
|
44
44
|
"overflow-auto",
|
|
45
45
|
// Box
|
|
46
46
|
"w-full",
|
|
47
47
|
"h-full"
|
|
48
|
-
],
|
|
48
|
+
], F = O({
|
|
49
49
|
name: "OrDrawer",
|
|
50
50
|
components: {
|
|
51
|
-
OrOverlay:
|
|
51
|
+
OrOverlay: L
|
|
52
52
|
},
|
|
53
53
|
inheritAttrs: !1,
|
|
54
54
|
props: {
|
|
@@ -77,16 +77,16 @@ const V = [
|
|
|
77
77
|
"close",
|
|
78
78
|
"toggle"
|
|
79
79
|
],
|
|
80
|
-
setup(e,
|
|
81
|
-
const o =
|
|
80
|
+
setup(e, c) {
|
|
81
|
+
const o = x(), m = d(() => [
|
|
82
82
|
"or-drawer-v3",
|
|
83
|
-
...
|
|
84
|
-
...
|
|
85
|
-
...e.padding ?
|
|
86
|
-
|
|
83
|
+
...T,
|
|
84
|
+
...V[e.placement],
|
|
85
|
+
...e.padding ? z : [],
|
|
86
|
+
g.value
|
|
87
87
|
]), p = d(() => [
|
|
88
|
-
...
|
|
89
|
-
]), { state: r, open: s, close: a, toggle:
|
|
88
|
+
...A
|
|
89
|
+
]), { state: r, open: s, close: a, toggle: h } = E(S(e, "isOpen"), c.emit), g = d(() => {
|
|
90
90
|
switch (e.placement) {
|
|
91
91
|
case t.Left:
|
|
92
92
|
return r.value === "closed" ? "-translate-x-[calc(100%+80px)]" : "translate-x-0";
|
|
@@ -94,55 +94,55 @@ const V = [
|
|
|
94
94
|
return r.value === "closed" ? "translate-x-[calc(100%+80px)]" : "translate-x-0";
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
|
-
return
|
|
98
|
-
const n =
|
|
99
|
-
n.some(({ classList: l }) =>
|
|
100
|
-
}),
|
|
101
|
-
onSwipeEnd: (
|
|
97
|
+
return k(o, (i) => {
|
|
98
|
+
const n = i.composedPath(), v = ["or-popover-v3", "or-bottom-sheet-v3", "or-modal-v3", "or-confirm-v3"];
|
|
99
|
+
n.some(({ classList: l }) => v.some((w) => l == null ? void 0 : l.contains(w))) || a();
|
|
100
|
+
}), y(o, {
|
|
101
|
+
onSwipeEnd: (i, n) => {
|
|
102
102
|
switch (e.placement) {
|
|
103
103
|
case t.Left:
|
|
104
|
-
n ===
|
|
104
|
+
n === f.LEFT && a();
|
|
105
105
|
break;
|
|
106
106
|
case t.Right:
|
|
107
|
-
n ===
|
|
107
|
+
n === f.RIGHT && a();
|
|
108
108
|
break;
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}), {
|
|
112
112
|
root: o,
|
|
113
|
-
rootStyles:
|
|
113
|
+
rootStyles: m,
|
|
114
114
|
contentStyles: p,
|
|
115
115
|
state: r,
|
|
116
116
|
open: s,
|
|
117
117
|
close: a,
|
|
118
|
-
toggle:
|
|
118
|
+
toggle: h
|
|
119
119
|
};
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
|
-
function
|
|
123
|
-
const s =
|
|
124
|
-
return e.state === "open" ? (
|
|
122
|
+
function G(e, c, o, m, p, r) {
|
|
123
|
+
const s = C("OrOverlay");
|
|
124
|
+
return e.state === "open" ? (D(), _(s, {
|
|
125
125
|
key: 0,
|
|
126
126
|
fullscreen: !0
|
|
127
127
|
}, {
|
|
128
|
-
default:
|
|
129
|
-
|
|
128
|
+
default: b(() => [
|
|
129
|
+
u("div", R(e.$attrs, {
|
|
130
130
|
ref: "root",
|
|
131
131
|
class: e.rootStyles
|
|
132
132
|
}), [
|
|
133
|
-
|
|
134
|
-
class:
|
|
133
|
+
u("div", {
|
|
134
|
+
class: $(e.contentStyles)
|
|
135
135
|
}, [
|
|
136
|
-
|
|
136
|
+
B(e.$slots, "default")
|
|
137
137
|
], 2)
|
|
138
138
|
], 16)
|
|
139
139
|
]),
|
|
140
140
|
_: 3
|
|
141
|
-
})) :
|
|
141
|
+
})) : P("", !0);
|
|
142
142
|
}
|
|
143
|
-
const K = /* @__PURE__ */ N(
|
|
143
|
+
const K = /* @__PURE__ */ N(F, [["render", G]]);
|
|
144
144
|
export {
|
|
145
145
|
t as D,
|
|
146
146
|
K as O
|
|
147
147
|
};
|
|
148
|
-
//# sourceMappingURL=OrDrawer-
|
|
148
|
+
//# sourceMappingURL=OrDrawer-BR0r7GeI.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrDrawer-BR0r7GeI.mjs","sources":["../../../components/or-drawer-v3/src/types.ts","../../../components/or-drawer-v3/src/styles.ts","../../../components/or-drawer-v3/src/OrDrawer.vue"],"sourcesContent":["export enum DrawerPlacement {\n Left = 'left',\n Right = 'right',\n}\n","import { DrawerPlacement } from './types';\n\nexport const Drawer: string[] = [\n // Position\n 'absolute inset-y-0',\n\n // Box\n 'max-w-[min(360px,100%-theme(spacing.md))]',\n\n // Spacing\n 'px-0',\n 'py-sm+',\n\n // Elevation\n 'shadow-modal',\n 'dark:shadow-modal-dark',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n // Transition\n 'transition-transform duration-medium ease-standard',\n];\n\nexport const DrawerPlacements: Record<DrawerPlacement, string[]> = {\n [DrawerPlacement.Left]: [\n // Position\n 'start-0',\n\n // Shape\n 'rounded-e-xl',\n ],\n\n [DrawerPlacement.Right]: [\n // Position\n 'end-0',\n\n // Shape\n 'rounded-s-xl',\n ],\n};\n\nexport const DrawerPadding: string[] = [\n // Spacing\n 'px-md',\n 'py-md',\n];\n\nexport const DrawerContent: string[] = [\n // Overflow\n 'overflow-auto',\n\n // Box\n 'w-full',\n 'h-full',\n];\n","<template>\n <OrOverlay\n v-if=\"state === 'open'\"\n :fullscreen=\"true\"\n >\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"contentStyles\">\n <slot />\n </div>\n </div>\n </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { SwipeDirection, onClickOutside, useSwipe } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport * as Styles from './styles';\nimport { DrawerPlacement } from './types';\n\nexport default defineComponent({\n name: 'OrDrawer',\n\n components: {\n OrOverlay,\n },\n\n inheritAttrs: false,\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n placement: {\n type: String as PropType<`${DrawerPlacement}`>,\n default: () => DrawerPlacement.Left,\n },\n\n padding: {\n type: Boolean,\n default: true,\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 & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-drawer-v3',\n ...Styles.Drawer,\n ...Styles.DrawerPlacements[props.placement],\n ...props.padding ? Styles.DrawerPadding : [],\n transform.value,\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.DrawerContent,\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n // eslint-disable-next-line vue/return-in-computed-property\n const transform = computed(() => {\n switch (props.placement) {\n case DrawerPlacement.Left:\n return state.value === 'closed' ? '-translate-x-[calc(100%+80px)]' : 'translate-x-0';\n\n case DrawerPlacement.Right:\n return state.value === 'closed' ? 'translate-x-[calc(100%+80px)]' : 'translate-x-0';\n }\n });\n\n // Effects\n onClickOutside(root, (event) => {\n const path = event.composedPath() as Element[];\n const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3', 'or-confirm-v3'];\n\n if (!path.some(({ classList }) => ignoreClasses.some((ignoreClass) => classList?.contains(ignoreClass)))) {\n close();\n }\n\n });\n\n useSwipe(root, {\n onSwipeEnd: (event, direction) => {\n switch (props.placement) {\n case DrawerPlacement.Left:\n if (direction === SwipeDirection.LEFT) close();\n break;\n\n case DrawerPlacement.Right:\n if (direction === SwipeDirection.RIGHT) close();\n break;\n }\n },\n });\n\n return {\n root,\n rootStyles,\n\n contentStyles,\n\n state,\n\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n"],"names":["DrawerPlacement","Drawer","DrawerPlacements","DrawerPadding","DrawerContent","_sfc_main","defineComponent","OrOverlay","props","context","root","ref","rootStyles","computed","Styles.Drawer","Styles.DrawerPlacements","Styles.DrawerPadding","transform","contentStyles","Styles.DrawerContent","state","open","close","toggle","usePopoverState","toRef","onClickOutside","event","path","ignoreClasses","classList","ignoreClass","useSwipe","direction","SwipeDirection","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass"],"mappings":";;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAmB;AAAA;AAAA,EAE9B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAsD;AAAA,EACjE,CAACF,EAAgB,IAAI,GAAG;AAAA;AAAA,IAEtB;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAgB,KAAK,GAAG;AAAA;AAAA,IAEvB;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaG,IAA0B;AAAA;AAAA,EAErC;AAAA,EACA;AACF,GAEaC,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GClCAC,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,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMP,EAAgB;AAAA,IACjC;AAAA,IAEA,SAAS;AAAA,MACP,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,MAAMQ,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGC,EAAwBP,EAAM,SAAS;AAAA,MAC1C,GAAGA,EAAM,UAAUQ,IAAuB,CAAC;AAAA,MAC3CC,EAAU;AAAA,IAAA,CACX,GAEKC,IAAgBL,EAAS,MAAM;AAAA,MACnC,GAAGM;AAAAA,IAAO,CACX,GAGK,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMjB,GAAO,QAAQ,GAAGC,EAAQ,IAAI,GAGrFQ,IAAYJ,EAAS,MAAM;AAC/B,cAAQL,EAAM,WAAW;AAAA,QACvB,KAAKR,EAAgB;AACZ,iBAAAoB,EAAM,UAAU,WAAW,mCAAmC;AAAA,QAEvE,KAAKpB,EAAgB;AACZ,iBAAAoB,EAAM,UAAU,WAAW,kCAAkC;AAAA,MACxE;AAAA,IAAA,CACD;AAGc,WAAAM,EAAAhB,GAAM,CAACiB,MAAU;AACxB,YAAAC,IAAOD,EAAM,gBACbE,IAAgB,CAAC,iBAAiB,sBAAsB,eAAe,eAAe;AAE5F,MAAKD,EAAK,KAAK,CAAC,EAAE,WAAAE,EAAgB,MAAAD,EAAc,KAAK,CAACE,MAAgBD,KAAA,gBAAAA,EAAW,SAASC,EAAY,CAAC,KAC/FT;IACR,CAED,GAEDU,EAAStB,GAAM;AAAA,MACb,YAAY,CAACiB,GAAOM,MAAc;AAChC,gBAAQzB,EAAM,WAAW;AAAA,UACvB,KAAKR,EAAgB;AACf,YAAAiC,MAAcC,EAAe,QAAYZ,EAAA;AAC7C;AAAA,UAEF,KAAKtB,EAAgB;AACf,YAAAiC,MAAcC,EAAe,SAAaZ,EAAA;AAC9C;AAAA,QACJ;AAAA,MACF;AAAA,IAAA,CACD,GAEM;AAAA,MACL,MAAAZ;AAAA,MACA,YAAAE;AAAA,MAEA,eAAAM;AAAA,MAEA,OAAAE;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;AAtIc,QAAAY,IAAAC,EAAA,WAAA;AACA,SAAAC,EAAA,UAAA,UAAAC,EAAA,GAAEC,EAAIJ,GAAA;AAAA,IAAA,KAAA;AAAA;;aAITK,EAAM,MAAA;AAAA,MAAAC,EACJ,OAAUC,EAAAL,EAAA,QAAA;AAAA,QAAA,KAAA;AAAA,QAElB,OAAAA,EAAA;AAAA,MAAA,CAAM,GAAA;AAAA,QAAAI,EAAA,OAAA;AAAA,UACJ,OAAQE,EAAAN,EAAA,aAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;"}
|
|
@@ -27,7 +27,7 @@ import { O as Fr } from "../OrDateTimeFormat-DpLQd-pE.mjs";
|
|
|
27
27
|
import { O as Er } from "../OrDateTimePicker-CGIojTPp.mjs";
|
|
28
28
|
import { O as vr, a as zr, b as Lr, c as wr, d as Mr, e as yr, f as Ar, g as Nr, h as Hr, i as jr, j as Qr, k as Wr, l as qr, s as Jr } from "../OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
|
|
29
29
|
import { g as Ur } from "../getNextMonthDate-CzdFz1JW.mjs";
|
|
30
|
-
import { D as Yr, O as Zr } from "../OrDrawer-
|
|
30
|
+
import { D as Yr, O as Zr } from "../OrDrawer-BR0r7GeI.mjs";
|
|
31
31
|
import { D as $r, O as ra, a as aa } from "../OrDropArea-CtaQeTMw.mjs";
|
|
32
32
|
import { E as ea, O as ta } from "../OrEditorTabs-psJUG0D3.mjs";
|
|
33
33
|
import { E as Oa, O as ia } from "../OrEmptyState-C6viT2WQ.mjs";
|
package/dist/esm/index.mjs
CHANGED
|
@@ -27,7 +27,7 @@ import { O as Fr } from "./OrDateTimeFormat-DpLQd-pE.mjs";
|
|
|
27
27
|
import { O as Er } from "./OrDateTimePicker-CGIojTPp.mjs";
|
|
28
28
|
import { O as vr, a as zr, b as Lr, c as wr, d as Mr, e as yr, f as Ar, g as Nr, h as Hr, i as jr, j as Qr, k as Wr, l as qr, s as Jr } from "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
|
|
29
29
|
import { g as Ur } from "./getNextMonthDate-CzdFz1JW.mjs";
|
|
30
|
-
import { D as Yr, O as Zr } from "./OrDrawer-
|
|
30
|
+
import { D as Yr, O as Zr } from "./OrDrawer-BR0r7GeI.mjs";
|
|
31
31
|
import { D as $r, O as ra, a as aa } from "./OrDropArea-CtaQeTMw.mjs";
|
|
32
32
|
import { E as ea, O as ta } from "./OrEditorTabs-psJUG0D3.mjs";
|
|
33
33
|
import { E as Oa, O as ia } from "./OrEmptyState-C6viT2WQ.mjs";
|
|
@@ -1197,7 +1197,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1197
1197
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1198
1198
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1199
1199
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1200
|
-
isDesktop: import("vue").ComputedRef<
|
|
1200
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1201
1201
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1202
1202
|
open: () => void;
|
|
1203
1203
|
close: () => void;
|
|
@@ -1573,7 +1573,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1573
1573
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1574
1574
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1575
1575
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1576
|
-
isDesktop: import("vue").ComputedRef<
|
|
1576
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1577
1577
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1578
1578
|
open: () => void;
|
|
1579
1579
|
close: () => void;
|
|
@@ -2344,7 +2344,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2344
2344
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2345
2345
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2346
2346
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2347
|
-
isDesktop: import("vue").ComputedRef<
|
|
2347
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2348
2348
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2349
2349
|
open: () => void;
|
|
2350
2350
|
close: () => void;
|
|
@@ -2720,7 +2720,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2720
2720
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2721
2721
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2722
2722
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2723
|
-
isDesktop: import("vue").ComputedRef<
|
|
2723
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2724
2724
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2725
2725
|
open: () => void;
|
|
2726
2726
|
close: () => void;
|
|
@@ -3837,7 +3837,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3837
3837
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
3838
3838
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
3839
3839
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
3840
|
-
isDesktop: import("vue").ComputedRef<
|
|
3840
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
3841
3841
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
3842
3842
|
open: () => void;
|
|
3843
3843
|
close: () => void;
|
|
@@ -4213,7 +4213,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4213
4213
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
4214
4214
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
4215
4215
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
4216
|
-
isDesktop: import("vue").ComputedRef<
|
|
4216
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
4217
4217
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
4218
4218
|
open: () => void;
|
|
4219
4219
|
close: () => void;
|
|
@@ -4984,7 +4984,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4984
4984
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
4985
4985
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
4986
4986
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
4987
|
-
isDesktop: import("vue").ComputedRef<
|
|
4987
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
4988
4988
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
4989
4989
|
open: () => void;
|
|
4990
4990
|
close: () => void;
|
|
@@ -5360,7 +5360,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5360
5360
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
5361
5361
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
5362
5362
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
5363
|
-
isDesktop: import("vue").ComputedRef<
|
|
5363
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
5364
5364
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
5365
5365
|
open: () => void;
|
|
5366
5366
|
close: () => void;
|
|
@@ -6995,7 +6995,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6995
6995
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
6996
6996
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
6997
6997
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
6998
|
-
isDesktop: import("vue").ComputedRef<
|
|
6998
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
6999
6999
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
7000
7000
|
open: () => void;
|
|
7001
7001
|
close: () => void;
|
|
@@ -7371,7 +7371,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7371
7371
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
7372
7372
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
7373
7373
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
7374
|
-
isDesktop: import("vue").ComputedRef<
|
|
7374
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
7375
7375
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
7376
7376
|
open: () => void;
|
|
7377
7377
|
close: () => void;
|
|
@@ -8142,7 +8142,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8142
8142
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
8143
8143
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
8144
8144
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
8145
|
-
isDesktop: import("vue").ComputedRef<
|
|
8145
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
8146
8146
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
8147
8147
|
open: () => void;
|
|
8148
8148
|
close: () => void;
|
|
@@ -8518,7 +8518,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8518
8518
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
8519
8519
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
8520
8520
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
8521
|
-
isDesktop: import("vue").ComputedRef<
|
|
8521
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
8522
8522
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
8523
8523
|
open: () => void;
|
|
8524
8524
|
close: () => void;
|
|
@@ -9635,7 +9635,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9635
9635
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
9636
9636
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
9637
9637
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
9638
|
-
isDesktop: import("vue").ComputedRef<
|
|
9638
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
9639
9639
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
9640
9640
|
open: () => void;
|
|
9641
9641
|
close: () => void;
|
|
@@ -10011,7 +10011,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
10011
10011
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
10012
10012
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
10013
10013
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
10014
|
-
isDesktop: import("vue").ComputedRef<
|
|
10014
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
10015
10015
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
10016
10016
|
open: () => void;
|
|
10017
10017
|
close: () => void;
|
|
@@ -10782,7 +10782,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
10782
10782
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
10783
10783
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
10784
10784
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
10785
|
-
isDesktop: import("vue").ComputedRef<
|
|
10785
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
10786
10786
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
10787
10787
|
open: () => void;
|
|
10788
10788
|
close: () => void;
|
|
@@ -11158,7 +11158,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11158
11158
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
11159
11159
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
11160
11160
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
11161
|
-
isDesktop: import("vue").ComputedRef<
|
|
11161
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
11162
11162
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
11163
11163
|
open: () => void;
|
|
11164
11164
|
close: () => void;
|
|
@@ -11631,7 +11631,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11631
11631
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
11632
11632
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
11633
11633
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
11634
|
-
isDesktop: import("vue").ComputedRef<
|
|
11634
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
11635
11635
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
11636
11636
|
open: () => void;
|
|
11637
11637
|
close: () => void;
|
|
@@ -12007,7 +12007,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12007
12007
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
12008
12008
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
12009
12009
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
12010
|
-
isDesktop: import("vue").ComputedRef<
|
|
12010
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
12011
12011
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
12012
12012
|
open: () => void;
|
|
12013
12013
|
close: () => void;
|
|
@@ -898,7 +898,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
898
898
|
toPreviousPage: () => void;
|
|
899
899
|
toNextPage: () => void;
|
|
900
900
|
toPage: (page: number) => void;
|
|
901
|
-
isDesktop: import("vue").ComputedRef<
|
|
901
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
902
902
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
903
903
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
|
|
904
904
|
options: number[];
|
|
@@ -1663,7 +1663,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1663
1663
|
toPreviousPage: () => void;
|
|
1664
1664
|
toNextPage: () => void;
|
|
1665
1665
|
toPage: (page: number) => void;
|
|
1666
|
-
isDesktop: import("vue").ComputedRef<
|
|
1666
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1667
1667
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1668
1668
|
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
1669
1669
|
tableInlineStyles: import("vue").ComputedRef<{
|
|
@@ -652,7 +652,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
652
652
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
653
653
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
654
654
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
655
|
-
isDesktop: import("vue").ComputedRef<
|
|
655
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
656
656
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
657
657
|
open: () => void;
|
|
658
658
|
close: () => void;
|
|
@@ -1028,7 +1028,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1028
1028
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1029
1029
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1030
1030
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1031
|
-
isDesktop: import("vue").ComputedRef<
|
|
1031
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1032
1032
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1033
1033
|
open: () => void;
|
|
1034
1034
|
close: () => void;
|
|
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
653
653
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
654
654
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
655
655
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
656
|
-
isDesktop: import("vue").ComputedRef<
|
|
656
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
657
657
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
658
658
|
open: () => void;
|
|
659
659
|
close: () => void;
|
|
@@ -1029,7 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1029
1029
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1030
1030
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1031
1031
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1032
|
-
isDesktop: import("vue").ComputedRef<
|
|
1032
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1033
1033
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1034
1034
|
open: () => void;
|
|
1035
1035
|
close: () => void;
|
|
@@ -1488,7 +1488,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1488
1488
|
openPopover: (control: 'from' | 'to') => void;
|
|
1489
1489
|
closePopover: () => void;
|
|
1490
1490
|
formatMobileDate: (value: Date, format: "short" | "medium" | "long" | FormatFunction<Date>, locale: string) => string;
|
|
1491
|
-
isDesktop: import("vue").ComputedRef<
|
|
1491
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1492
1492
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1493
1493
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1494
1494
|
modelValue: {
|
|
@@ -672,7 +672,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
672
672
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
673
673
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
674
674
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
675
|
-
isDesktop: import("vue").ComputedRef<
|
|
675
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
676
676
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
677
677
|
open: () => void;
|
|
678
678
|
close: () => void;
|
|
@@ -1048,7 +1048,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1048
1048
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1049
1049
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1050
1050
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1051
|
-
isDesktop: import("vue").ComputedRef<
|
|
1051
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1052
1052
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1053
1053
|
open: () => void;
|
|
1054
1054
|
close: () => void;
|
|
@@ -1471,7 +1471,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1471
1471
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1472
1472
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1473
1473
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1474
|
-
isDesktop: import("vue").ComputedRef<
|
|
1474
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1475
1475
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1476
1476
|
open: () => void;
|
|
1477
1477
|
close: () => void;
|
|
@@ -1847,7 +1847,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1847
1847
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1848
1848
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1849
1849
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1850
|
-
isDesktop: import("vue").ComputedRef<
|
|
1850
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1851
1851
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1852
1852
|
open: () => void;
|
|
1853
1853
|
close: () => void;
|
|
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
42
|
accept: import("vue").ComputedRef<string>;
|
|
43
43
|
invalid: import("vue").ComputedRef<boolean>;
|
|
44
44
|
onChange: (event: Event) => void;
|
|
45
|
-
isDesktop: import("vue").ComputedRef<
|
|
45
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
46
46
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
47
47
|
approximateFileSize: typeof approximateFileSize;
|
|
48
48
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
165
165
|
showOverflowMenu: import("vue").Ref<boolean>;
|
|
166
166
|
open: () => void;
|
|
167
167
|
close: (item: EditorTabsItem) => void;
|
|
168
|
-
isDesktop: import("vue").ComputedRef<
|
|
168
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
169
169
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
170
170
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "update:modelValue")[], "open" | "close" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
171
171
|
modelValue: {
|
|
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
53
|
toggle: () => void;
|
|
54
54
|
apply: () => void;
|
|
55
55
|
reset: () => void;
|
|
56
|
-
isDesktop: import("vue").ComputedRef<
|
|
56
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
57
57
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
58
58
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close" | "apply" | "reset")[], "update:state" | "open" | "close" | "apply" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
59
59
|
isOpen: {
|
|
@@ -408,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
408
408
|
toggle: () => void;
|
|
409
409
|
apply: () => void;
|
|
410
410
|
reset: () => void;
|
|
411
|
-
isDesktop: import("vue").ComputedRef<
|
|
411
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
412
412
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
413
413
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close" | "apply" | "reset")[], string, {
|
|
414
414
|
offset: import("..").PopoverOffset;
|
|
@@ -499,7 +499,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
499
499
|
toggle: () => void;
|
|
500
500
|
apply: () => void;
|
|
501
501
|
reset: () => void;
|
|
502
|
-
isDesktop: import("vue").ComputedRef<
|
|
502
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
503
503
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
504
504
|
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
505
505
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
@@ -737,7 +737,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
737
737
|
toPreviousPage: () => void;
|
|
738
738
|
toNextPage: () => void;
|
|
739
739
|
toPage: (page: number) => void;
|
|
740
|
-
isDesktop: import("vue").ComputedRef<
|
|
740
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
741
741
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
742
742
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
743
743
|
modelValue: {
|
|
@@ -277,7 +277,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
277
277
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
278
278
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
279
279
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
280
|
-
isDesktop: import("vue").ComputedRef<
|
|
280
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
281
281
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
282
282
|
open: () => void;
|
|
283
283
|
close: () => void;
|
|
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
125
125
|
labelStyles: import("vue").ComputedRef<string[]>;
|
|
126
126
|
labelMarkStyles: import("vue").ComputedRef<string[]>;
|
|
127
127
|
proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<[number, number]>;
|
|
128
|
-
tooltipPlacement: import("vue").ComputedRef<"
|
|
128
|
+
tooltipPlacement: import("vue").ComputedRef<"top" | "right" | undefined>;
|
|
129
129
|
highlightedBreakpoint: import("vue").Ref<number | undefined>;
|
|
130
130
|
selectedControl: import("vue").Ref<"to" | "from" | undefined>;
|
|
131
131
|
onClick: (breakpoint: number) => void;
|
|
@@ -2631,7 +2631,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2631
2631
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2632
2632
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2633
2633
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2634
|
-
isDesktop: import("vue").ComputedRef<
|
|
2634
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2635
2635
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2636
2636
|
open: () => void;
|
|
2637
2637
|
close: () => void;
|
|
@@ -3007,7 +3007,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3007
3007
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
3008
3008
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
3009
3009
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
3010
|
-
isDesktop: import("vue").ComputedRef<
|
|
3010
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
3011
3011
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
3012
3012
|
open: () => void;
|
|
3013
3013
|
close: () => void;
|
|
@@ -432,7 +432,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
432
432
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
433
433
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
434
434
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
435
|
-
isDesktop: import("vue").ComputedRef<
|
|
435
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
436
436
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
437
437
|
open: () => void;
|
|
438
438
|
close: () => void;
|
|
@@ -808,7 +808,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
808
808
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
809
809
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
810
810
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
811
|
-
isDesktop: import("vue").ComputedRef<
|
|
811
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
812
812
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
813
813
|
open: () => void;
|
|
814
814
|
close: () => void;
|
|
@@ -1166,7 +1166,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1166
1166
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1167
1167
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1168
1168
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1169
|
-
isDesktop: import("vue").ComputedRef<
|
|
1169
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1170
1170
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1171
1171
|
open: () => void;
|
|
1172
1172
|
close: () => void;
|
|
@@ -1542,7 +1542,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1542
1542
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1543
1543
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1544
1544
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1545
|
-
isDesktop: import("vue").ComputedRef<
|
|
1545
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1546
1546
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1547
1547
|
open: () => void;
|
|
1548
1548
|
close: () => void;
|
|
@@ -2313,7 +2313,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2313
2313
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2314
2314
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2315
2315
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2316
|
-
isDesktop: import("vue").ComputedRef<
|
|
2316
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2317
2317
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2318
2318
|
open: () => void;
|
|
2319
2319
|
close: () => void;
|
|
@@ -2689,7 +2689,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2689
2689
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2690
2690
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2691
2691
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2692
|
-
isDesktop: import("vue").ComputedRef<
|
|
2692
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2693
2693
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2694
2694
|
open: () => void;
|
|
2695
2695
|
close: () => void;
|
|
@@ -3734,7 +3734,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3734
3734
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
3735
3735
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
3736
3736
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
3737
|
-
isDesktop: import("vue").ComputedRef<
|
|
3737
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
3738
3738
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
3739
3739
|
open: () => void;
|
|
3740
3740
|
close: () => void;
|
|
@@ -4110,7 +4110,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4110
4110
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
4111
4111
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
4112
4112
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
4113
|
-
isDesktop: import("vue").ComputedRef<
|
|
4113
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
4114
4114
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
4115
4115
|
open: () => void;
|
|
4116
4116
|
close: () => void;
|
|
@@ -4881,7 +4881,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4881
4881
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
4882
4882
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
4883
4883
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
4884
|
-
isDesktop: import("vue").ComputedRef<
|
|
4884
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
4885
4885
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
4886
4886
|
open: () => void;
|
|
4887
4887
|
close: () => void;
|
|
@@ -5257,7 +5257,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5257
5257
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
5258
5258
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
5259
5259
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
5260
|
-
isDesktop: import("vue").ComputedRef<
|
|
5260
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
5261
5261
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
5262
5262
|
open: () => void;
|
|
5263
5263
|
close: () => void;
|
|
@@ -6729,7 +6729,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6729
6729
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
6730
6730
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
6731
6731
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
6732
|
-
isDesktop: import("vue").ComputedRef<
|
|
6732
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
6733
6733
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
6734
6734
|
open: () => void;
|
|
6735
6735
|
close: () => void;
|
|
@@ -7105,7 +7105,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7105
7105
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
7106
7106
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
7107
7107
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
7108
|
-
isDesktop: import("vue").ComputedRef<
|
|
7108
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
7109
7109
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
7110
7110
|
open: () => void;
|
|
7111
7111
|
close: () => void;
|
|
@@ -7142,7 +7142,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7142
7142
|
deselectOption: (value: SelectItem['value']) => void;
|
|
7143
7143
|
toggleOption: (value: SelectItem['value']) => void;
|
|
7144
7144
|
resetSearch: () => void;
|
|
7145
|
-
isDesktop: import("vue").ComputedRef<
|
|
7145
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
7146
7146
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
7147
7147
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "search" | "update:modelValue")[], "focus" | "blur" | "search" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7148
7148
|
modelValue: {
|
|
@@ -841,7 +841,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
841
841
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
842
842
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
843
843
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
844
|
-
isDesktop: import("vue").ComputedRef<
|
|
844
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
845
845
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
846
846
|
open: () => void;
|
|
847
847
|
close: () => void;
|
|
@@ -1217,7 +1217,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1217
1217
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1218
1218
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1219
1219
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1220
|
-
isDesktop: import("vue").ComputedRef<
|
|
1220
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1221
1221
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1222
1222
|
open: () => void;
|
|
1223
1223
|
close: () => void;
|
|
@@ -1988,7 +1988,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1988
1988
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1989
1989
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1990
1990
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1991
|
-
isDesktop: import("vue").ComputedRef<
|
|
1991
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1992
1992
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1993
1993
|
open: () => void;
|
|
1994
1994
|
close: () => void;
|
|
@@ -2364,7 +2364,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2364
2364
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2365
2365
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2366
2366
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2367
|
-
isDesktop: import("vue").ComputedRef<
|
|
2367
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2368
2368
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2369
2369
|
open: () => void;
|
|
2370
2370
|
close: () => void;
|
|
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
112
112
|
labelStyles: import("vue").ComputedRef<string[]>;
|
|
113
113
|
labelMarkStyles: import("vue").ComputedRef<string[]>;
|
|
114
114
|
proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<number>;
|
|
115
|
-
tooltipPlacement: import("vue").ComputedRef<"
|
|
115
|
+
tooltipPlacement: import("vue").ComputedRef<"top" | "right" | undefined>;
|
|
116
116
|
highlightedBreakpoint: import("vue").Ref<number | undefined>;
|
|
117
117
|
getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
|
|
118
118
|
isHovering: import("vue").Ref<boolean>;
|
|
@@ -1020,7 +1020,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1020
1020
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1021
1021
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1022
1022
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1023
|
-
isDesktop: import("vue").ComputedRef<
|
|
1023
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1024
1024
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1025
1025
|
open: () => void;
|
|
1026
1026
|
close: () => void;
|
|
@@ -1396,7 +1396,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1396
1396
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1397
1397
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1398
1398
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1399
|
-
isDesktop: import("vue").ComputedRef<
|
|
1399
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1400
1400
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1401
1401
|
open: () => void;
|
|
1402
1402
|
close: () => void;
|
|
@@ -2167,7 +2167,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2167
2167
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2168
2168
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2169
2169
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2170
|
-
isDesktop: import("vue").ComputedRef<
|
|
2170
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2171
2171
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2172
2172
|
open: () => void;
|
|
2173
2173
|
close: () => void;
|
|
@@ -2543,7 +2543,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2543
2543
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
2544
2544
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
2545
2545
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
2546
|
-
isDesktop: import("vue").ComputedRef<
|
|
2546
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
2547
2547
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
2548
2548
|
open: () => void;
|
|
2549
2549
|
close: () => void;
|
|
@@ -675,7 +675,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
675
675
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
676
676
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
677
677
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
678
|
-
isDesktop: import("vue").ComputedRef<
|
|
678
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
679
679
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
680
680
|
open: () => void;
|
|
681
681
|
close: () => void;
|
|
@@ -1051,7 +1051,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1051
1051
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1052
1052
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1053
1053
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1054
|
-
isDesktop: import("vue").ComputedRef<
|
|
1054
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1055
1055
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1056
1056
|
open: () => void;
|
|
1057
1057
|
close: () => void;
|
|
@@ -644,7 +644,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
644
644
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
645
645
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
646
646
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
647
|
-
isDesktop: import("vue").ComputedRef<
|
|
647
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
648
648
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
649
649
|
open: () => void;
|
|
650
650
|
close: () => void;
|
|
@@ -1020,7 +1020,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1020
1020
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1021
1021
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1022
1022
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1023
|
-
isDesktop: import("vue").ComputedRef<
|
|
1023
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1024
1024
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1025
1025
|
open: () => void;
|
|
1026
1026
|
close: () => void;
|
|
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
653
653
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
654
654
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
655
655
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
656
|
-
isDesktop: import("vue").ComputedRef<
|
|
656
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
657
657
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
658
658
|
open: () => void;
|
|
659
659
|
close: () => void;
|
|
@@ -1029,7 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1029
1029
|
state: Readonly<import("vue").Ref<"open" | "closed">>;
|
|
1030
1030
|
isFlipped: import("vue").ComputedRef<boolean>;
|
|
1031
1031
|
isHidden: import("vue").ComputedRef<boolean>;
|
|
1032
|
-
isDesktop: import("vue").ComputedRef<
|
|
1032
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1033
1033
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1034
1034
|
open: () => void;
|
|
1035
1035
|
close: () => void;
|
|
@@ -1424,7 +1424,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1424
1424
|
openPopover: (control: 'from' | 'to') => void;
|
|
1425
1425
|
closePopover: () => void;
|
|
1426
1426
|
formatMobileTime: (value: Date, format: "auto" | "h12" | "h23" | FormatFunction<Date>, locale: string) => string;
|
|
1427
|
-
isDesktop: import("vue").ComputedRef<
|
|
1427
|
+
isDesktop: import("vue").ComputedRef<boolean>;
|
|
1428
1428
|
isMobile: import("vue").ComputedRef<boolean>;
|
|
1429
1429
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1430
1430
|
modelValue: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "24.0.2-beta.
|
|
3
|
+
"version": "24.0.2-beta.5695.0",
|
|
4
4
|
"description": "Vue components library for v3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@codemirror/view": "^6",
|
|
47
47
|
"@floating-ui/dom": "1.5.3",
|
|
48
48
|
"@lezer/highlight": "*",
|
|
49
|
-
"@onereach/styles": "^24.0.2-beta.
|
|
50
|
-
"@onereach/ui-components-common": "^24.0.2-beta.
|
|
49
|
+
"@onereach/styles": "^24.0.2-beta.5695.0",
|
|
50
|
+
"@onereach/ui-components-common": "^24.0.2-beta.5695.0",
|
|
51
51
|
"@splidejs/splide": "4.0.6",
|
|
52
52
|
"@tiptap/core": "2.0.3",
|
|
53
53
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -69,9 +69,9 @@
|
|
|
69
69
|
"@tiptap/starter-kit": "2.0.3",
|
|
70
70
|
"@types/sortablejs": "1.10.7",
|
|
71
71
|
"@types/uuid": "8.3.1",
|
|
72
|
-
"@vueuse/core": "
|
|
73
|
-
"@vueuse/integrations": "
|
|
74
|
-
"@vueuse/math": "
|
|
72
|
+
"@vueuse/core": "9.13.0",
|
|
73
|
+
"@vueuse/integrations": "9.13.0",
|
|
74
|
+
"@vueuse/math": "9.13.0",
|
|
75
75
|
"codemirror": "6.0.1",
|
|
76
76
|
"focus-trap": "7.5.2",
|
|
77
77
|
"marked": "9.1.2",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"vue-tsc": "^2.0.19"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
|
-
"@vueuse/core": "^
|
|
99
|
+
"@vueuse/core": "^9",
|
|
100
100
|
"vue": ">=3.0.5"
|
|
101
101
|
},
|
|
102
102
|
"publishConfig": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrDrawer-DMkYoWOZ.mjs","sources":["../../../components/or-drawer-v3/src/types.ts","../../../components/or-drawer-v3/src/styles.ts","../../../components/or-drawer-v3/src/OrDrawer.vue"],"sourcesContent":["export enum DrawerPlacement {\n Left = 'left',\n Right = 'right',\n}\n","import { DrawerPlacement } from './types';\n\nexport const Drawer: string[] = [\n // Position\n 'absolute inset-y-0',\n\n // Box\n 'max-w-[min(360px,100%-theme(spacing.md))]',\n\n // Spacing\n 'px-0',\n 'py-sm+',\n\n // Elevation\n 'shadow-modal',\n 'dark:shadow-modal-dark',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n // Transition\n 'transition-transform duration-medium ease-standard',\n];\n\nexport const DrawerPlacements: Record<DrawerPlacement, string[]> = {\n [DrawerPlacement.Left]: [\n // Position\n 'start-0',\n\n // Shape\n 'rounded-e-xl',\n ],\n\n [DrawerPlacement.Right]: [\n // Position\n 'end-0',\n\n // Shape\n 'rounded-s-xl',\n ],\n};\n\nexport const DrawerPadding: string[] = [\n // Spacing\n 'px-md',\n 'py-md',\n];\n\nexport const DrawerContent: string[] = [\n // Overflow\n 'overflow-auto',\n\n // Box\n 'w-full',\n 'h-full',\n];\n","<template>\n <OrOverlay\n v-if=\"state === 'open'\"\n :fullscreen=\"true\"\n >\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"contentStyles\">\n <slot />\n </div>\n </div>\n </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useSwipe } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { DrawerPlacement } from './types';\n\nexport default defineComponent({\n name: 'OrDrawer',\n\n components: {\n OrOverlay,\n },\n\n inheritAttrs: false,\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n placement: {\n type: String as PropType<`${DrawerPlacement}`>,\n default: () => DrawerPlacement.Left,\n },\n\n padding: {\n type: Boolean,\n default: true,\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 & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-drawer-v3',\n ...Styles.Drawer,\n ...Styles.DrawerPlacements[props.placement],\n ...props.padding ? Styles.DrawerPadding : [],\n transform.value,\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.DrawerContent,\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n // eslint-disable-next-line vue/return-in-computed-property\n const transform = computed(() => {\n switch (props.placement) {\n case DrawerPlacement.Left:\n return state.value === 'closed' ? '-translate-x-[calc(100%+80px)]' : 'translate-x-0';\n\n case DrawerPlacement.Right:\n return state.value === 'closed' ? 'translate-x-[calc(100%+80px)]' : 'translate-x-0';\n }\n });\n\n // Effects\n onClickOutside(root, (event) => {\n const path = event.composedPath() as Element[];\n const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3', 'or-confirm-v3'];\n\n if (!path.some(({ classList }) => ignoreClasses.some((ignoreClass) => classList?.contains(ignoreClass)))) {\n close();\n }\n\n });\n\n useSwipe(root, {\n onSwipeEnd: (event, direction) => {\n switch (props.placement) {\n case DrawerPlacement.Left:\n if (direction === 'left') close();\n break;\n\n case DrawerPlacement.Right:\n if (direction === 'right') close();\n break;\n }\n },\n });\n\n return {\n root,\n rootStyles,\n\n contentStyles,\n\n state,\n\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n"],"names":["DrawerPlacement","Drawer","DrawerPlacements","DrawerPadding","DrawerContent","_sfc_main","defineComponent","OrOverlay","props","context","root","ref","rootStyles","computed","Styles.Drawer","Styles.DrawerPlacements","Styles.DrawerPadding","transform","contentStyles","Styles.DrawerContent","state","open","close","toggle","usePopoverState","toRef","onClickOutside","event","path","ignoreClasses","classList","ignoreClass","useSwipe","direction","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass"],"mappings":"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"}
|