@vuetify/v0 0.1.5 → 0.1.6
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/{adapter-Cmeg49W9.mjs → adapter-Bjs_Nx_J.mjs} +8 -10
- package/dist/{adapter-D2JoR-4d.d.mts → adapter-CLs-OrSN.d.mts} +4 -4
- package/dist/browser/index.js +1645 -273
- package/dist/components/index.d.mts +8 -8
- package/dist/components/index.mjs +28 -28
- package/dist/{components-BbbGkTcN.mjs → components-GiQh_RfQ.mjs} +1101 -110
- package/dist/composables/index.d.mts +7 -7
- package/dist/composables/index.mjs +27 -27
- package/dist/constants/index.mjs +1 -1
- package/dist/{createDataTable-cNf6DdHz.mjs → createDataTable-lSofI5rU.mjs} +5 -5
- package/dist/{createGroup-BrZPZudL.mjs → createGroup-CCb7Zfyw.mjs} +6 -5
- package/dist/{createPagination-Wc_vRGNQ.mjs → createPagination-lagznd8i.mjs} +2 -2
- package/dist/{createSelection-BURpoE3p.mjs → createSelection-Zo4RQpYe.mjs} +217 -61
- package/dist/{createSingle-BE1vHaZy.mjs → createSingle-BH9wNDrS.mjs} +2 -2
- package/dist/{createTokens-jwf8-iGn.mjs → createTokens-Cu1efg9Z.mjs} +21 -3
- package/dist/{createTrinity-DkwPrPRS.mjs → createTrinity-Cii8-B2r.mjs} +1 -1
- package/dist/data-table/adapters/client/index.d.mts +2 -2
- package/dist/data-table/adapters/client/index.mjs +7 -7
- package/dist/data-table/adapters/index.d.mts +4 -4
- package/dist/data-table/adapters/index.mjs +9 -9
- package/dist/data-table/adapters/server/index.d.mts +2 -2
- package/dist/data-table/adapters/server/index.mjs +5 -5
- package/dist/data-table/adapters/virtual/index.d.mts +2 -2
- package/dist/data-table/adapters/virtual/index.mjs +7 -7
- package/dist/data-table/index.d.mts +5 -5
- package/dist/data-table/index.mjs +19 -19
- package/dist/date/index.mjs +2 -2
- package/dist/features/adapters/posthog/index.mjs +2 -2
- package/dist/features/index.d.mts +6 -6
- package/dist/features/index.mjs +12 -12
- package/dist/{globals-vN-O052q.mjs → globals-D6FBsWDI.mjs} +1 -1
- package/dist/{index-DdWxDPX3.d.mts → index-DIK84tM4.d.mts} +1 -1
- package/dist/{index-BTMzRHep.d.mts → index-De0SQt1w.d.mts} +801 -50
- package/dist/{index-DRax9EgT.d.mts → index-DlUIZN-F.d.mts} +1125 -373
- package/dist/index.d.mts +8 -8
- package/dist/index.mjs +28 -28
- package/dist/json/attributes.json +196 -12
- package/dist/json/importMap.json +40 -0
- package/dist/json/tags.json +86 -0
- package/dist/json/web-types.json +605 -13
- package/dist/locale/adapters/index.mjs +3 -3
- package/dist/locale/adapters/v0/index.mjs +3 -3
- package/dist/locale/index.d.mts +6 -6
- package/dist/locale/index.mjs +12 -12
- package/dist/logger/adapters/index.mjs +4 -4
- package/dist/logger/adapters/pino/index.mjs +3 -3
- package/dist/logger/adapters/v0/index.mjs +3 -3
- package/dist/logger/index.d.mts +6 -6
- package/dist/logger/index.mjs +6 -6
- package/dist/permissions/adapters/index.d.mts +7 -7
- package/dist/permissions/adapters/index.mjs +3 -3
- package/dist/permissions/adapters/v0/index.d.mts +7 -7
- package/dist/permissions/adapters/v0/index.mjs +3 -3
- package/dist/permissions/index.d.mts +6 -6
- package/dist/permissions/index.mjs +10 -10
- package/dist/{pino-DFxkZLiu.mjs → pino-BD5PCzAF.mjs} +1 -1
- package/dist/{posthog-BOUoZTTf.mjs → posthog-BxaG8sYi.mjs} +1 -1
- package/dist/{server-B-HWxaTQ.d.mts → server-CGAeOGPC.d.mts} +1 -1
- package/dist/{server-C2R2POGE.mjs → server-DgOdFYMU.mjs} +1 -1
- package/dist/storage/index.d.mts +6 -6
- package/dist/storage/index.mjs +26 -26
- package/dist/theme/adapters/index.d.mts +6 -6
- package/dist/theme/adapters/index.mjs +3 -3
- package/dist/theme/adapters/v0/index.d.mts +6 -6
- package/dist/theme/adapters/v0/index.mjs +3 -3
- package/dist/theme/index.d.mts +6 -6
- package/dist/theme/index.mjs +11 -11
- package/dist/{toArray-VIn8vYt3.mjs → toArray-BBZH-G2X.mjs} +1 -1
- package/dist/{useClickOutside-DIi0kjN5.mjs → useClickOutside-Bm_3mbcT.mjs} +306 -98
- package/dist/{useFeatures-6O7EPJUS.mjs → useFeatures-BS4mit8z.mjs} +4 -4
- package/dist/{useLocale-DHjbekzS.mjs → useLocale-DJJmg-wv.mjs} +6 -6
- package/dist/{useLogger-BXqiUvt2.mjs → useLogger-C8G5jgNk.mjs} +4 -4
- package/dist/{usePermissions-DFacFVqO.mjs → usePermissions-C5Mkotol.mjs} +4 -4
- package/dist/{useTheme-D0_1mjTw.mjs → useTheme-BBnASLr3.mjs} +4 -4
- package/dist/utilities/index.mjs +2 -2
- package/dist/{utilities-Dx8wzGa5.mjs → utilities-CcJtp9Gx.mjs} +1 -1
- package/dist/{v0-CfSj99gF.mjs → v0-BWBSVkew.mjs} +2 -2
- package/dist/{v0-BNXo1ecc.d.mts → v0-Bh8d1j_p.d.mts} +1 -1
- package/dist/{v0-BPzPP8C5.d.mts → v0-CVr15VcY.d.mts} +1 -1
- package/dist/{v0-Dc5mcpQs.mjs → v0-CWUF_HqP.mjs} +2 -2
- package/dist/{v0-BYqmw3qM.mjs → v0-DtO_ICXr.mjs} +1 -1
- package/dist/{v0-Dwufx8ae.mjs → v0-DzvhDU1W.mjs} +2 -2
- package/dist/{v0-C8DBv9mh.mjs → v0-lua6ffdk.mjs} +2 -2
- package/dist/{virtual-BoTGK6HT.mjs → virtual-BEOqkQvm.mjs} +2 -2
- package/dist/{virtual-A4e1yrdn.d.mts → virtual-CVb9hRUU.d.mts} +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { r as isSelfClosingTag } from "./htmlElements-d8iBCGpO.mjs";
|
|
2
|
-
import { t as IN_BROWSER } from "./globals-
|
|
3
|
-
import { c as isNull, d as isObject, l as isNullOrUndefined, p as isString } from "./utilities-
|
|
4
|
-
import { n as createContext } from "./createTrinity-
|
|
5
|
-
import { i as createRegistry } from "./createTokens-
|
|
6
|
-
import { t as createSelection } from "./createSelection-
|
|
7
|
-
import { t as createSingle } from "./createSingle-
|
|
8
|
-
import { $ as
|
|
9
|
-
import { t as createGroup } from "./createGroup-
|
|
10
|
-
import { a as useLocale } from "./useLocale-
|
|
11
|
-
import { t as createPagination } from "./createPagination-
|
|
12
|
-
import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
|
|
2
|
+
import { t as IN_BROWSER } from "./globals-D6FBsWDI.mjs";
|
|
3
|
+
import { c as isNull, d as isObject, h as isUndefined, l as isNullOrUndefined, p as isString, r as isArray, t as clamp, v as useId$1 } from "./utilities-CcJtp9Gx.mjs";
|
|
4
|
+
import { n as createContext } from "./createTrinity-Cii8-B2r.mjs";
|
|
5
|
+
import { i as createRegistry } from "./createTokens-Cu1efg9Z.mjs";
|
|
6
|
+
import { t as createSelection } from "./createSelection-Zo4RQpYe.mjs";
|
|
7
|
+
import { t as createSingle } from "./createSingle-BH9wNDrS.mjs";
|
|
8
|
+
import { $ as useProxyModel, C as createSlider, S as useStack, c as useToggleScope, dt as createBreadcrumbs, et as createOverflow, g as createStep, n as useDocumentEventListener, t as useClickOutside } from "./useClickOutside-Bm_3mbcT.mjs";
|
|
9
|
+
import { t as createGroup } from "./createGroup-CCb7Zfyw.mjs";
|
|
10
|
+
import { a as useLocale } from "./useLocale-DJJmg-wv.mjs";
|
|
11
|
+
import { t as createPagination } from "./createPagination-lagznd8i.mjs";
|
|
12
|
+
import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useId, useModel, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives } from "vue";
|
|
13
13
|
|
|
14
14
|
//#region src/components/Atom/Atom.vue
|
|
15
15
|
/**
|
|
@@ -33,7 +33,7 @@ import { Fragment, Teleport, TransitionGroup, computed, createBlock, createComme
|
|
|
33
33
|
* serving as the foundation for all other components that need polymorphic
|
|
34
34
|
* rendering capabilities.
|
|
35
35
|
*/
|
|
36
|
-
const _sfc_main$
|
|
36
|
+
const _sfc_main$68 = /* @__PURE__ */ defineComponent({
|
|
37
37
|
name: "Atom",
|
|
38
38
|
__name: "Atom",
|
|
39
39
|
props: {
|
|
@@ -64,12 +64,12 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
|
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
|
-
var Atom_default = _sfc_main$
|
|
67
|
+
var Atom_default = _sfc_main$68;
|
|
68
68
|
|
|
69
69
|
//#endregion
|
|
70
70
|
//#region src/components/Avatar/AvatarRoot.vue
|
|
71
71
|
const [useAvatarRoot, provideAvatarRoot] = createContext();
|
|
72
|
-
const _sfc_main$
|
|
72
|
+
const _sfc_main$67 = /* @__PURE__ */ defineComponent({
|
|
73
73
|
name: "AvatarRoot",
|
|
74
74
|
__name: "AvatarRoot",
|
|
75
75
|
props: {
|
|
@@ -94,11 +94,11 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
|
|
|
94
94
|
};
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
|
-
var AvatarRoot_default = _sfc_main$
|
|
97
|
+
var AvatarRoot_default = _sfc_main$67;
|
|
98
98
|
|
|
99
99
|
//#endregion
|
|
100
100
|
//#region src/components/Avatar/AvatarFallback.vue
|
|
101
|
-
const _sfc_main$
|
|
101
|
+
const _sfc_main$66 = /* @__PURE__ */ defineComponent({
|
|
102
102
|
name: "AvatarFallback",
|
|
103
103
|
__name: "AvatarFallback",
|
|
104
104
|
props: {
|
|
@@ -123,11 +123,11 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
|
|
|
123
123
|
};
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
|
-
var AvatarFallback_default = _sfc_main$
|
|
126
|
+
var AvatarFallback_default = _sfc_main$66;
|
|
127
127
|
|
|
128
128
|
//#endregion
|
|
129
129
|
//#region src/components/Avatar/AvatarImage.vue
|
|
130
|
-
const _sfc_main$
|
|
130
|
+
const _sfc_main$65 = /* @__PURE__ */ defineComponent({
|
|
131
131
|
name: "AvatarImage",
|
|
132
132
|
inheritAttrs: false,
|
|
133
133
|
__name: "AvatarImage",
|
|
@@ -187,7 +187,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
|
|
|
187
187
|
};
|
|
188
188
|
}
|
|
189
189
|
});
|
|
190
|
-
var AvatarImage_default = _sfc_main$
|
|
190
|
+
var AvatarImage_default = _sfc_main$65;
|
|
191
191
|
|
|
192
192
|
//#endregion
|
|
193
193
|
//#region src/components/Avatar/index.ts
|
|
@@ -205,7 +205,7 @@ const Avatar = {
|
|
|
205
205
|
//#endregion
|
|
206
206
|
//#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
|
|
207
207
|
const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
|
|
208
|
-
const _sfc_main$
|
|
208
|
+
const _sfc_main$64 = /* @__PURE__ */ defineComponent({
|
|
209
209
|
name: "BreadcrumbsRoot",
|
|
210
210
|
__name: "BreadcrumbsRoot",
|
|
211
211
|
props: {
|
|
@@ -344,11 +344,11 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
|
|
|
344
344
|
};
|
|
345
345
|
}
|
|
346
346
|
});
|
|
347
|
-
var BreadcrumbsRoot_default = _sfc_main$
|
|
347
|
+
var BreadcrumbsRoot_default = _sfc_main$64;
|
|
348
348
|
|
|
349
349
|
//#endregion
|
|
350
350
|
//#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
|
|
351
|
-
const _sfc_main$
|
|
351
|
+
const _sfc_main$63 = /* @__PURE__ */ defineComponent({
|
|
352
352
|
name: "BreadcrumbsDivider",
|
|
353
353
|
__name: "BreadcrumbsDivider",
|
|
354
354
|
props: {
|
|
@@ -395,11 +395,11 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
|
|
|
395
395
|
};
|
|
396
396
|
}
|
|
397
397
|
});
|
|
398
|
-
var BreadcrumbsDivider_default = _sfc_main$
|
|
398
|
+
var BreadcrumbsDivider_default = _sfc_main$63;
|
|
399
399
|
|
|
400
400
|
//#endregion
|
|
401
401
|
//#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
|
|
402
|
-
const _sfc_main$
|
|
402
|
+
const _sfc_main$62 = /* @__PURE__ */ defineComponent({
|
|
403
403
|
name: "BreadcrumbsEllipsis",
|
|
404
404
|
__name: "BreadcrumbsEllipsis",
|
|
405
405
|
props: {
|
|
@@ -453,11 +453,11 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
|
|
|
453
453
|
};
|
|
454
454
|
}
|
|
455
455
|
});
|
|
456
|
-
var BreadcrumbsEllipsis_default = _sfc_main$
|
|
456
|
+
var BreadcrumbsEllipsis_default = _sfc_main$62;
|
|
457
457
|
|
|
458
458
|
//#endregion
|
|
459
459
|
//#region src/components/Breadcrumbs/BreadcrumbsItem.vue
|
|
460
|
-
const _sfc_main$
|
|
460
|
+
const _sfc_main$61 = /* @__PURE__ */ defineComponent({
|
|
461
461
|
name: "BreadcrumbsItem",
|
|
462
462
|
__name: "BreadcrumbsItem",
|
|
463
463
|
props: {
|
|
@@ -507,11 +507,11 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
|
|
|
507
507
|
};
|
|
508
508
|
}
|
|
509
509
|
});
|
|
510
|
-
var BreadcrumbsItem_default = _sfc_main$
|
|
510
|
+
var BreadcrumbsItem_default = _sfc_main$61;
|
|
511
511
|
|
|
512
512
|
//#endregion
|
|
513
513
|
//#region src/components/Breadcrumbs/BreadcrumbsLink.vue
|
|
514
|
-
const _sfc_main$
|
|
514
|
+
const _sfc_main$60 = /* @__PURE__ */ defineComponent({
|
|
515
515
|
name: "BreadcrumbsLink",
|
|
516
516
|
__name: "BreadcrumbsLink",
|
|
517
517
|
props: {
|
|
@@ -530,11 +530,11 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
|
|
|
530
530
|
};
|
|
531
531
|
}
|
|
532
532
|
});
|
|
533
|
-
var BreadcrumbsLink_default = _sfc_main$
|
|
533
|
+
var BreadcrumbsLink_default = _sfc_main$60;
|
|
534
534
|
|
|
535
535
|
//#endregion
|
|
536
536
|
//#region src/components/Breadcrumbs/BreadcrumbsList.vue
|
|
537
|
-
const _sfc_main$
|
|
537
|
+
const _sfc_main$59 = /* @__PURE__ */ defineComponent({
|
|
538
538
|
name: "BreadcrumbsList",
|
|
539
539
|
__name: "BreadcrumbsList",
|
|
540
540
|
props: {
|
|
@@ -554,11 +554,11 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
|
|
|
554
554
|
};
|
|
555
555
|
}
|
|
556
556
|
});
|
|
557
|
-
var BreadcrumbsList_default = _sfc_main$
|
|
557
|
+
var BreadcrumbsList_default = _sfc_main$59;
|
|
558
558
|
|
|
559
559
|
//#endregion
|
|
560
560
|
//#region src/components/Breadcrumbs/BreadcrumbsPage.vue
|
|
561
|
-
const _sfc_main$
|
|
561
|
+
const _sfc_main$58 = /* @__PURE__ */ defineComponent({
|
|
562
562
|
name: "BreadcrumbsPage",
|
|
563
563
|
__name: "BreadcrumbsPage",
|
|
564
564
|
props: {
|
|
@@ -578,7 +578,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
|
|
|
578
578
|
};
|
|
579
579
|
}
|
|
580
580
|
});
|
|
581
|
-
var BreadcrumbsPage_default = _sfc_main$
|
|
581
|
+
var BreadcrumbsPage_default = _sfc_main$58;
|
|
582
582
|
|
|
583
583
|
//#endregion
|
|
584
584
|
//#region src/components/Breadcrumbs/index.ts
|
|
@@ -600,7 +600,7 @@ const Breadcrumbs = {
|
|
|
600
600
|
//#endregion
|
|
601
601
|
//#region src/components/Checkbox/CheckboxGroup.vue
|
|
602
602
|
const [useCheckboxGroup, provideCheckboxGroup] = createContext();
|
|
603
|
-
const _sfc_main$
|
|
603
|
+
const _sfc_main$57 = /* @__PURE__ */ defineComponent({
|
|
604
604
|
name: "CheckboxGroup",
|
|
605
605
|
__name: "CheckboxGroup",
|
|
606
606
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -666,12 +666,12 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
|
|
|
666
666
|
};
|
|
667
667
|
}
|
|
668
668
|
});
|
|
669
|
-
var CheckboxGroup_default = _sfc_main$
|
|
669
|
+
var CheckboxGroup_default = _sfc_main$57;
|
|
670
670
|
|
|
671
671
|
//#endregion
|
|
672
672
|
//#region src/components/Checkbox/CheckboxRoot.vue
|
|
673
673
|
const [useCheckboxRoot, provideCheckboxRoot] = createContext();
|
|
674
|
-
const _sfc_main$
|
|
674
|
+
const _sfc_main$56 = /* @__PURE__ */ defineComponent({
|
|
675
675
|
name: "CheckboxRoot",
|
|
676
676
|
inheritAttrs: false,
|
|
677
677
|
__name: "CheckboxRoot",
|
|
@@ -805,11 +805,11 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
|
|
|
805
805
|
};
|
|
806
806
|
}
|
|
807
807
|
});
|
|
808
|
-
var CheckboxRoot_default = _sfc_main$
|
|
808
|
+
var CheckboxRoot_default = _sfc_main$56;
|
|
809
809
|
|
|
810
810
|
//#endregion
|
|
811
811
|
//#region src/components/Checkbox/CheckboxHiddenInput.vue
|
|
812
|
-
const _hoisted_1$
|
|
812
|
+
const _hoisted_1$3 = [
|
|
813
813
|
"checked",
|
|
814
814
|
"disabled",
|
|
815
815
|
"form",
|
|
@@ -827,7 +827,7 @@ const visuallyHiddenStyle$2 = {
|
|
|
827
827
|
whiteSpace: "nowrap",
|
|
828
828
|
border: "0"
|
|
829
829
|
};
|
|
830
|
-
const _sfc_main$
|
|
830
|
+
const _sfc_main$55 = /* @__PURE__ */ defineComponent({
|
|
831
831
|
name: "CheckboxHiddenInput",
|
|
832
832
|
__name: "CheckboxHiddenInput",
|
|
833
833
|
props: {
|
|
@@ -859,15 +859,15 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
|
|
|
859
859
|
tabindex: "-1",
|
|
860
860
|
type: "checkbox",
|
|
861
861
|
value: value.value
|
|
862
|
-
}, null, 8, _hoisted_1$
|
|
862
|
+
}, null, 8, _hoisted_1$3);
|
|
863
863
|
};
|
|
864
864
|
}
|
|
865
865
|
});
|
|
866
|
-
var CheckboxHiddenInput_default = _sfc_main$
|
|
866
|
+
var CheckboxHiddenInput_default = _sfc_main$55;
|
|
867
867
|
|
|
868
868
|
//#endregion
|
|
869
869
|
//#region src/components/Checkbox/CheckboxIndicator.vue
|
|
870
|
-
const _sfc_main$
|
|
870
|
+
const _sfc_main$54 = /* @__PURE__ */ defineComponent({
|
|
871
871
|
name: "CheckboxIndicator",
|
|
872
872
|
__name: "CheckboxIndicator",
|
|
873
873
|
props: {
|
|
@@ -900,11 +900,11 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
|
|
|
900
900
|
};
|
|
901
901
|
}
|
|
902
902
|
});
|
|
903
|
-
var CheckboxIndicator_default = _sfc_main$
|
|
903
|
+
var CheckboxIndicator_default = _sfc_main$54;
|
|
904
904
|
|
|
905
905
|
//#endregion
|
|
906
906
|
//#region src/components/Checkbox/CheckboxSelectAll.vue
|
|
907
|
-
const _sfc_main$
|
|
907
|
+
const _sfc_main$53 = /* @__PURE__ */ defineComponent({
|
|
908
908
|
name: "CheckboxSelectAll",
|
|
909
909
|
inheritAttrs: false,
|
|
910
910
|
__name: "CheckboxSelectAll",
|
|
@@ -990,7 +990,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
|
|
|
990
990
|
};
|
|
991
991
|
}
|
|
992
992
|
});
|
|
993
|
-
var CheckboxSelectAll_default = _sfc_main$
|
|
993
|
+
var CheckboxSelectAll_default = _sfc_main$53;
|
|
994
994
|
|
|
995
995
|
//#endregion
|
|
996
996
|
//#region src/components/Checkbox/index.ts
|
|
@@ -1026,7 +1026,7 @@ const Checkbox = {
|
|
|
1026
1026
|
//#endregion
|
|
1027
1027
|
//#region src/components/Dialog/DialogRoot.vue
|
|
1028
1028
|
const [useDialogContext, provideDialogContext] = createContext();
|
|
1029
|
-
const _sfc_main$
|
|
1029
|
+
const _sfc_main$52 = /* @__PURE__ */ defineComponent({
|
|
1030
1030
|
name: "DialogRoot",
|
|
1031
1031
|
__name: "DialogRoot",
|
|
1032
1032
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -1078,11 +1078,11 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
|
|
|
1078
1078
|
};
|
|
1079
1079
|
}
|
|
1080
1080
|
});
|
|
1081
|
-
var DialogRoot_default = _sfc_main$
|
|
1081
|
+
var DialogRoot_default = _sfc_main$52;
|
|
1082
1082
|
|
|
1083
1083
|
//#endregion
|
|
1084
1084
|
//#region src/components/Dialog/DialogClose.vue
|
|
1085
|
-
const _sfc_main$
|
|
1085
|
+
const _sfc_main$51 = /* @__PURE__ */ defineComponent({
|
|
1086
1086
|
name: "DialogClose",
|
|
1087
1087
|
__name: "DialogClose",
|
|
1088
1088
|
props: {
|
|
@@ -1110,11 +1110,11 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
|
|
|
1110
1110
|
};
|
|
1111
1111
|
}
|
|
1112
1112
|
});
|
|
1113
|
-
var DialogClose_default = _sfc_main$
|
|
1113
|
+
var DialogClose_default = _sfc_main$51;
|
|
1114
1114
|
|
|
1115
1115
|
//#endregion
|
|
1116
1116
|
//#region src/components/Dialog/DialogContent.vue
|
|
1117
|
-
const _sfc_main$
|
|
1117
|
+
const _sfc_main$50 = /* @__PURE__ */ defineComponent({
|
|
1118
1118
|
name: "DialogContent",
|
|
1119
1119
|
__name: "DialogContent",
|
|
1120
1120
|
props: {
|
|
@@ -1196,11 +1196,11 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
|
|
|
1196
1196
|
};
|
|
1197
1197
|
}
|
|
1198
1198
|
});
|
|
1199
|
-
var DialogContent_default = _sfc_main$
|
|
1199
|
+
var DialogContent_default = _sfc_main$50;
|
|
1200
1200
|
|
|
1201
1201
|
//#endregion
|
|
1202
1202
|
//#region src/components/Dialog/DialogDescription.vue
|
|
1203
|
-
const _sfc_main$
|
|
1203
|
+
const _sfc_main$49 = /* @__PURE__ */ defineComponent({
|
|
1204
1204
|
name: "DialogDescription",
|
|
1205
1205
|
__name: "DialogDescription",
|
|
1206
1206
|
props: {
|
|
@@ -1219,11 +1219,11 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
|
|
|
1219
1219
|
};
|
|
1220
1220
|
}
|
|
1221
1221
|
});
|
|
1222
|
-
var DialogDescription_default = _sfc_main$
|
|
1222
|
+
var DialogDescription_default = _sfc_main$49;
|
|
1223
1223
|
|
|
1224
1224
|
//#endregion
|
|
1225
1225
|
//#region src/components/Dialog/DialogTitle.vue
|
|
1226
|
-
const _sfc_main$
|
|
1226
|
+
const _sfc_main$48 = /* @__PURE__ */ defineComponent({
|
|
1227
1227
|
name: "DialogTitle",
|
|
1228
1228
|
__name: "DialogTitle",
|
|
1229
1229
|
props: {
|
|
@@ -1242,11 +1242,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
|
|
|
1242
1242
|
};
|
|
1243
1243
|
}
|
|
1244
1244
|
});
|
|
1245
|
-
var DialogTitle_default = _sfc_main$
|
|
1245
|
+
var DialogTitle_default = _sfc_main$48;
|
|
1246
1246
|
|
|
1247
1247
|
//#endregion
|
|
1248
1248
|
//#region src/components/Dialog/DialogActivator.vue
|
|
1249
|
-
const _sfc_main$
|
|
1249
|
+
const _sfc_main$47 = /* @__PURE__ */ defineComponent({
|
|
1250
1250
|
name: "DialogActivator",
|
|
1251
1251
|
__name: "DialogActivator",
|
|
1252
1252
|
props: {
|
|
@@ -1276,7 +1276,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
|
|
|
1276
1276
|
};
|
|
1277
1277
|
}
|
|
1278
1278
|
});
|
|
1279
|
-
var DialogActivator_default = _sfc_main$
|
|
1279
|
+
var DialogActivator_default = _sfc_main$47;
|
|
1280
1280
|
|
|
1281
1281
|
//#endregion
|
|
1282
1282
|
//#region src/components/Dialog/index.ts
|
|
@@ -1321,7 +1321,7 @@ const Dialog = {
|
|
|
1321
1321
|
//#endregion
|
|
1322
1322
|
//#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
|
|
1323
1323
|
const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext();
|
|
1324
|
-
const _sfc_main$
|
|
1324
|
+
const _sfc_main$46 = /* @__PURE__ */ defineComponent({
|
|
1325
1325
|
name: "ExpansionPanelRoot",
|
|
1326
1326
|
__name: "ExpansionPanelRoot",
|
|
1327
1327
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -1378,12 +1378,12 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
|
|
|
1378
1378
|
};
|
|
1379
1379
|
}
|
|
1380
1380
|
});
|
|
1381
|
-
var ExpansionPanelRoot_default = _sfc_main$
|
|
1381
|
+
var ExpansionPanelRoot_default = _sfc_main$46;
|
|
1382
1382
|
|
|
1383
1383
|
//#endregion
|
|
1384
1384
|
//#region src/components/ExpansionPanel/ExpansionPanelItem.vue
|
|
1385
1385
|
const [useExpansionPanelItem, provideExpansionPanelItem] = createContext({ suffix: "item" });
|
|
1386
|
-
const _sfc_main$
|
|
1386
|
+
const _sfc_main$45 = /* @__PURE__ */ defineComponent({
|
|
1387
1387
|
name: "ExpansionPanelItem",
|
|
1388
1388
|
__name: "ExpansionPanelItem",
|
|
1389
1389
|
props: {
|
|
@@ -1427,11 +1427,11 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
|
|
|
1427
1427
|
};
|
|
1428
1428
|
}
|
|
1429
1429
|
});
|
|
1430
|
-
var ExpansionPanelItem_default = _sfc_main$
|
|
1430
|
+
var ExpansionPanelItem_default = _sfc_main$45;
|
|
1431
1431
|
|
|
1432
1432
|
//#endregion
|
|
1433
1433
|
//#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
|
|
1434
|
-
const _sfc_main$
|
|
1434
|
+
const _sfc_main$44 = /* @__PURE__ */ defineComponent({
|
|
1435
1435
|
name: "ExpansionPanelActivator",
|
|
1436
1436
|
__name: "ExpansionPanelActivator",
|
|
1437
1437
|
props: {
|
|
@@ -1477,11 +1477,11 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
|
|
|
1477
1477
|
};
|
|
1478
1478
|
}
|
|
1479
1479
|
});
|
|
1480
|
-
var ExpansionPanelActivator_default = _sfc_main$
|
|
1480
|
+
var ExpansionPanelActivator_default = _sfc_main$44;
|
|
1481
1481
|
|
|
1482
1482
|
//#endregion
|
|
1483
1483
|
//#region src/components/ExpansionPanel/ExpansionPanelContent.vue
|
|
1484
|
-
const _sfc_main$
|
|
1484
|
+
const _sfc_main$43 = /* @__PURE__ */ defineComponent({
|
|
1485
1485
|
name: "ExpansionPanelContent",
|
|
1486
1486
|
__name: "ExpansionPanelContent",
|
|
1487
1487
|
props: {
|
|
@@ -1512,11 +1512,11 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
|
|
|
1512
1512
|
};
|
|
1513
1513
|
}
|
|
1514
1514
|
});
|
|
1515
|
-
var ExpansionPanelContent_default = _sfc_main$
|
|
1515
|
+
var ExpansionPanelContent_default = _sfc_main$43;
|
|
1516
1516
|
|
|
1517
1517
|
//#endregion
|
|
1518
1518
|
//#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
|
|
1519
|
-
const _sfc_main$
|
|
1519
|
+
const _sfc_main$42 = /* @__PURE__ */ defineComponent({
|
|
1520
1520
|
name: "ExpansionPanelHeader",
|
|
1521
1521
|
__name: "ExpansionPanelHeader",
|
|
1522
1522
|
props: {
|
|
@@ -1541,7 +1541,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
|
|
|
1541
1541
|
};
|
|
1542
1542
|
}
|
|
1543
1543
|
});
|
|
1544
|
-
var ExpansionPanelHeader_default = _sfc_main$
|
|
1544
|
+
var ExpansionPanelHeader_default = _sfc_main$42;
|
|
1545
1545
|
|
|
1546
1546
|
//#endregion
|
|
1547
1547
|
//#region src/components/ExpansionPanel/index.ts
|
|
@@ -1561,7 +1561,7 @@ const ExpansionPanel = {
|
|
|
1561
1561
|
//#endregion
|
|
1562
1562
|
//#region src/components/Group/GroupRoot.vue
|
|
1563
1563
|
const [useGroupRoot, provideGroupRoot] = createContext();
|
|
1564
|
-
const _sfc_main$
|
|
1564
|
+
const _sfc_main$41 = /* @__PURE__ */ defineComponent({
|
|
1565
1565
|
name: "GroupRoot",
|
|
1566
1566
|
__name: "GroupRoot",
|
|
1567
1567
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -1611,11 +1611,11 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
|
|
|
1611
1611
|
};
|
|
1612
1612
|
}
|
|
1613
1613
|
});
|
|
1614
|
-
var GroupRoot_default = _sfc_main$
|
|
1614
|
+
var GroupRoot_default = _sfc_main$41;
|
|
1615
1615
|
|
|
1616
1616
|
//#endregion
|
|
1617
1617
|
//#region src/components/Group/GroupItem.vue
|
|
1618
|
-
const _sfc_main$
|
|
1618
|
+
const _sfc_main$40 = /* @__PURE__ */ defineComponent({
|
|
1619
1619
|
name: "GroupItem",
|
|
1620
1620
|
__name: "GroupItem",
|
|
1621
1621
|
props: {
|
|
@@ -1664,7 +1664,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
|
|
|
1664
1664
|
};
|
|
1665
1665
|
}
|
|
1666
1666
|
});
|
|
1667
|
-
var GroupItem_default = _sfc_main$
|
|
1667
|
+
var GroupItem_default = _sfc_main$40;
|
|
1668
1668
|
|
|
1669
1669
|
//#endregion
|
|
1670
1670
|
//#region src/components/Group/index.ts
|
|
@@ -1683,7 +1683,7 @@ const Group = {
|
|
|
1683
1683
|
const [usePaginationRoot, providePaginationRoot] = createContext();
|
|
1684
1684
|
const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
|
|
1685
1685
|
const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
|
|
1686
|
-
const _sfc_main$
|
|
1686
|
+
const _sfc_main$39 = /* @__PURE__ */ defineComponent({
|
|
1687
1687
|
name: "PaginationRoot",
|
|
1688
1688
|
__name: "PaginationRoot",
|
|
1689
1689
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -1783,11 +1783,11 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
|
|
|
1783
1783
|
};
|
|
1784
1784
|
}
|
|
1785
1785
|
});
|
|
1786
|
-
var PaginationRoot_default = _sfc_main$
|
|
1786
|
+
var PaginationRoot_default = _sfc_main$39;
|
|
1787
1787
|
|
|
1788
1788
|
//#endregion
|
|
1789
1789
|
//#region src/components/Pagination/PaginationEllipsis.vue
|
|
1790
|
-
const _sfc_main$
|
|
1790
|
+
const _sfc_main$38 = /* @__PURE__ */ defineComponent({
|
|
1791
1791
|
name: "PaginationEllipsis",
|
|
1792
1792
|
__name: "PaginationEllipsis",
|
|
1793
1793
|
props: {
|
|
@@ -1828,11 +1828,11 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
|
|
|
1828
1828
|
};
|
|
1829
1829
|
}
|
|
1830
1830
|
});
|
|
1831
|
-
var PaginationEllipsis_default = _sfc_main$
|
|
1831
|
+
var PaginationEllipsis_default = _sfc_main$38;
|
|
1832
1832
|
|
|
1833
1833
|
//#endregion
|
|
1834
1834
|
//#region src/components/Pagination/PaginationFirst.vue
|
|
1835
|
-
const _sfc_main$
|
|
1835
|
+
const _sfc_main$37 = /* @__PURE__ */ defineComponent({
|
|
1836
1836
|
name: "PaginationFirst",
|
|
1837
1837
|
__name: "PaginationFirst",
|
|
1838
1838
|
props: {
|
|
@@ -1887,11 +1887,11 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
|
|
|
1887
1887
|
};
|
|
1888
1888
|
}
|
|
1889
1889
|
});
|
|
1890
|
-
var PaginationFirst_default = _sfc_main$
|
|
1890
|
+
var PaginationFirst_default = _sfc_main$37;
|
|
1891
1891
|
|
|
1892
1892
|
//#endregion
|
|
1893
1893
|
//#region src/components/Pagination/PaginationItem.vue
|
|
1894
|
-
const _sfc_main$
|
|
1894
|
+
const _sfc_main$36 = /* @__PURE__ */ defineComponent({
|
|
1895
1895
|
name: "PaginationItem",
|
|
1896
1896
|
__name: "PaginationItem",
|
|
1897
1897
|
props: {
|
|
@@ -1957,11 +1957,11 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
|
|
|
1957
1957
|
};
|
|
1958
1958
|
}
|
|
1959
1959
|
});
|
|
1960
|
-
var PaginationItem_default = _sfc_main$
|
|
1960
|
+
var PaginationItem_default = _sfc_main$36;
|
|
1961
1961
|
|
|
1962
1962
|
//#endregion
|
|
1963
1963
|
//#region src/components/Pagination/PaginationLast.vue
|
|
1964
|
-
const _sfc_main$
|
|
1964
|
+
const _sfc_main$35 = /* @__PURE__ */ defineComponent({
|
|
1965
1965
|
name: "PaginationLast",
|
|
1966
1966
|
__name: "PaginationLast",
|
|
1967
1967
|
props: {
|
|
@@ -2016,11 +2016,11 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
|
|
|
2016
2016
|
};
|
|
2017
2017
|
}
|
|
2018
2018
|
});
|
|
2019
|
-
var PaginationLast_default = _sfc_main$
|
|
2019
|
+
var PaginationLast_default = _sfc_main$35;
|
|
2020
2020
|
|
|
2021
2021
|
//#endregion
|
|
2022
2022
|
//#region src/components/Pagination/PaginationNext.vue
|
|
2023
|
-
const _sfc_main$
|
|
2023
|
+
const _sfc_main$34 = /* @__PURE__ */ defineComponent({
|
|
2024
2024
|
name: "PaginationNext",
|
|
2025
2025
|
__name: "PaginationNext",
|
|
2026
2026
|
props: {
|
|
@@ -2075,11 +2075,11 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
|
|
|
2075
2075
|
};
|
|
2076
2076
|
}
|
|
2077
2077
|
});
|
|
2078
|
-
var PaginationNext_default = _sfc_main$
|
|
2078
|
+
var PaginationNext_default = _sfc_main$34;
|
|
2079
2079
|
|
|
2080
2080
|
//#endregion
|
|
2081
2081
|
//#region src/components/Pagination/PaginationPrev.vue
|
|
2082
|
-
const _sfc_main$
|
|
2082
|
+
const _sfc_main$33 = /* @__PURE__ */ defineComponent({
|
|
2083
2083
|
name: "PaginationPrev",
|
|
2084
2084
|
__name: "PaginationPrev",
|
|
2085
2085
|
props: {
|
|
@@ -2134,11 +2134,11 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
|
|
|
2134
2134
|
};
|
|
2135
2135
|
}
|
|
2136
2136
|
});
|
|
2137
|
-
var PaginationPrev_default = _sfc_main$
|
|
2137
|
+
var PaginationPrev_default = _sfc_main$33;
|
|
2138
2138
|
|
|
2139
2139
|
//#endregion
|
|
2140
2140
|
//#region src/components/Pagination/PaginationStatus.vue
|
|
2141
|
-
const _sfc_main$
|
|
2141
|
+
const _sfc_main$32 = /* @__PURE__ */ defineComponent({
|
|
2142
2142
|
name: "PaginationStatus",
|
|
2143
2143
|
__name: "PaginationStatus",
|
|
2144
2144
|
props: {
|
|
@@ -2182,7 +2182,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
|
|
|
2182
2182
|
};
|
|
2183
2183
|
}
|
|
2184
2184
|
});
|
|
2185
|
-
var PaginationStatus_default = _sfc_main$
|
|
2185
|
+
var PaginationStatus_default = _sfc_main$32;
|
|
2186
2186
|
|
|
2187
2187
|
//#endregion
|
|
2188
2188
|
//#region src/components/Pagination/index.ts
|
|
@@ -2205,7 +2205,7 @@ const Pagination = {
|
|
|
2205
2205
|
//#endregion
|
|
2206
2206
|
//#region src/components/Popover/PopoverRoot.vue
|
|
2207
2207
|
const [usePopoverContext, providePopoverContext] = createContext("Popover");
|
|
2208
|
-
const _sfc_main$
|
|
2208
|
+
const _sfc_main$31 = /* @__PURE__ */ defineComponent({
|
|
2209
2209
|
name: "PopoverRoot",
|
|
2210
2210
|
__name: "PopoverRoot",
|
|
2211
2211
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -2247,11 +2247,11 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
|
|
|
2247
2247
|
};
|
|
2248
2248
|
}
|
|
2249
2249
|
});
|
|
2250
|
-
var PopoverRoot_default = _sfc_main$
|
|
2250
|
+
var PopoverRoot_default = _sfc_main$31;
|
|
2251
2251
|
|
|
2252
2252
|
//#endregion
|
|
2253
2253
|
//#region src/components/Popover/PopoverActivator.vue
|
|
2254
|
-
const _sfc_main$
|
|
2254
|
+
const _sfc_main$30 = /* @__PURE__ */ defineComponent({
|
|
2255
2255
|
name: "PopoverActivator",
|
|
2256
2256
|
__name: "PopoverActivator",
|
|
2257
2257
|
props: {
|
|
@@ -2283,11 +2283,11 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
|
|
|
2283
2283
|
};
|
|
2284
2284
|
}
|
|
2285
2285
|
});
|
|
2286
|
-
var PopoverActivator_default = _sfc_main$
|
|
2286
|
+
var PopoverActivator_default = _sfc_main$30;
|
|
2287
2287
|
|
|
2288
2288
|
//#endregion
|
|
2289
2289
|
//#region src/components/Popover/PopoverContent.vue
|
|
2290
|
-
const _sfc_main$
|
|
2290
|
+
const _sfc_main$29 = /* @__PURE__ */ defineComponent({
|
|
2291
2291
|
name: "PopoverContent",
|
|
2292
2292
|
__name: "PopoverContent",
|
|
2293
2293
|
props: {
|
|
@@ -2354,7 +2354,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
|
|
|
2354
2354
|
};
|
|
2355
2355
|
}
|
|
2356
2356
|
});
|
|
2357
|
-
var PopoverContent_default = _sfc_main$
|
|
2357
|
+
var PopoverContent_default = _sfc_main$29;
|
|
2358
2358
|
|
|
2359
2359
|
//#endregion
|
|
2360
2360
|
//#region src/components/Popover/index.ts
|
|
@@ -2372,7 +2372,7 @@ const Popover = {
|
|
|
2372
2372
|
//#endregion
|
|
2373
2373
|
//#region src/components/Radio/RadioGroup.vue
|
|
2374
2374
|
const [useRadioGroup, provideRadioGroup] = createContext();
|
|
2375
|
-
const _sfc_main$
|
|
2375
|
+
const _sfc_main$28 = /* @__PURE__ */ defineComponent({
|
|
2376
2376
|
name: "RadioGroup",
|
|
2377
2377
|
__name: "RadioGroup",
|
|
2378
2378
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -2434,12 +2434,12 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
|
|
|
2434
2434
|
};
|
|
2435
2435
|
}
|
|
2436
2436
|
});
|
|
2437
|
-
var RadioGroup_default = _sfc_main$
|
|
2437
|
+
var RadioGroup_default = _sfc_main$28;
|
|
2438
2438
|
|
|
2439
2439
|
//#endregion
|
|
2440
2440
|
//#region src/components/Radio/RadioRoot.vue
|
|
2441
2441
|
const [useRadioRoot, provideRadioRoot] = createContext();
|
|
2442
|
-
const _sfc_main$
|
|
2442
|
+
const _sfc_main$27 = /* @__PURE__ */ defineComponent({
|
|
2443
2443
|
name: "RadioRoot",
|
|
2444
2444
|
inheritAttrs: false,
|
|
2445
2445
|
__name: "RadioRoot",
|
|
@@ -2564,11 +2564,11 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
2564
2564
|
};
|
|
2565
2565
|
}
|
|
2566
2566
|
});
|
|
2567
|
-
var RadioRoot_default = _sfc_main$
|
|
2567
|
+
var RadioRoot_default = _sfc_main$27;
|
|
2568
2568
|
|
|
2569
2569
|
//#endregion
|
|
2570
2570
|
//#region src/components/Radio/RadioHiddenInput.vue
|
|
2571
|
-
const _hoisted_1$
|
|
2571
|
+
const _hoisted_1$2 = [
|
|
2572
2572
|
"checked",
|
|
2573
2573
|
"disabled",
|
|
2574
2574
|
"form",
|
|
@@ -2586,7 +2586,7 @@ const visuallyHiddenStyle$1 = {
|
|
|
2586
2586
|
whiteSpace: "nowrap",
|
|
2587
2587
|
border: "0"
|
|
2588
2588
|
};
|
|
2589
|
-
const _sfc_main$
|
|
2589
|
+
const _sfc_main$26 = /* @__PURE__ */ defineComponent({
|
|
2590
2590
|
name: "RadioHiddenInput",
|
|
2591
2591
|
__name: "RadioHiddenInput",
|
|
2592
2592
|
props: {
|
|
@@ -2617,15 +2617,15 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
2617
2617
|
tabindex: "-1",
|
|
2618
2618
|
type: "radio",
|
|
2619
2619
|
value: value.value
|
|
2620
|
-
}, null, 8, _hoisted_1$
|
|
2620
|
+
}, null, 8, _hoisted_1$2);
|
|
2621
2621
|
};
|
|
2622
2622
|
}
|
|
2623
2623
|
});
|
|
2624
|
-
var RadioHiddenInput_default = _sfc_main$
|
|
2624
|
+
var RadioHiddenInput_default = _sfc_main$26;
|
|
2625
2625
|
|
|
2626
2626
|
//#endregion
|
|
2627
2627
|
//#region src/components/Radio/RadioIndicator.vue
|
|
2628
|
-
const _sfc_main$
|
|
2628
|
+
const _sfc_main$25 = /* @__PURE__ */ defineComponent({
|
|
2629
2629
|
name: "RadioIndicator",
|
|
2630
2630
|
__name: "RadioIndicator",
|
|
2631
2631
|
props: {
|
|
@@ -2655,7 +2655,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
2655
2655
|
};
|
|
2656
2656
|
}
|
|
2657
2657
|
});
|
|
2658
|
-
var RadioIndicator_default = _sfc_main$
|
|
2658
|
+
var RadioIndicator_default = _sfc_main$25;
|
|
2659
2659
|
|
|
2660
2660
|
//#endregion
|
|
2661
2661
|
//#region src/components/Radio/index.ts
|
|
@@ -2700,7 +2700,7 @@ const Radio = {
|
|
|
2700
2700
|
|
|
2701
2701
|
//#endregion
|
|
2702
2702
|
//#region src/components/Scrim/Scrim.vue
|
|
2703
|
-
const _sfc_main$
|
|
2703
|
+
const _sfc_main$24 = /* @__PURE__ */ defineComponent({
|
|
2704
2704
|
name: "Scrim",
|
|
2705
2705
|
inheritAttrs: false,
|
|
2706
2706
|
__name: "Scrim",
|
|
@@ -2775,12 +2775,12 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
2775
2775
|
};
|
|
2776
2776
|
}
|
|
2777
2777
|
});
|
|
2778
|
-
var Scrim_default = _sfc_main$
|
|
2778
|
+
var Scrim_default = _sfc_main$24;
|
|
2779
2779
|
|
|
2780
2780
|
//#endregion
|
|
2781
2781
|
//#region src/components/Selection/SelectionRoot.vue
|
|
2782
2782
|
const [useSelectionRoot, provideSelectionRoot] = createContext();
|
|
2783
|
-
const _sfc_main$
|
|
2783
|
+
const _sfc_main$23 = /* @__PURE__ */ defineComponent({
|
|
2784
2784
|
name: "SelectionRoot",
|
|
2785
2785
|
__name: "SelectionRoot",
|
|
2786
2786
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -2830,11 +2830,11 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
2830
2830
|
};
|
|
2831
2831
|
}
|
|
2832
2832
|
});
|
|
2833
|
-
var SelectionRoot_default = _sfc_main$
|
|
2833
|
+
var SelectionRoot_default = _sfc_main$23;
|
|
2834
2834
|
|
|
2835
2835
|
//#endregion
|
|
2836
2836
|
//#region src/components/Selection/SelectionItem.vue
|
|
2837
|
-
const _sfc_main$
|
|
2837
|
+
const _sfc_main$22 = /* @__PURE__ */ defineComponent({
|
|
2838
2838
|
name: "SelectionItem",
|
|
2839
2839
|
__name: "SelectionItem",
|
|
2840
2840
|
props: {
|
|
@@ -2876,7 +2876,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
2876
2876
|
};
|
|
2877
2877
|
}
|
|
2878
2878
|
});
|
|
2879
|
-
var SelectionItem_default = _sfc_main$
|
|
2879
|
+
var SelectionItem_default = _sfc_main$22;
|
|
2880
2880
|
|
|
2881
2881
|
//#endregion
|
|
2882
2882
|
//#region src/components/Selection/index.ts
|
|
@@ -2890,6 +2890,997 @@ const Selection = {
|
|
|
2890
2890
|
Item: SelectionItem_default
|
|
2891
2891
|
};
|
|
2892
2892
|
|
|
2893
|
+
//#endregion
|
|
2894
|
+
//#region src/components/Slider/SliderRoot.vue
|
|
2895
|
+
const [useSliderRoot, provideSliderRoot] = createContext();
|
|
2896
|
+
const _sfc_main$21 = /* @__PURE__ */ defineComponent({
|
|
2897
|
+
name: "SliderRoot",
|
|
2898
|
+
inheritAttrs: false,
|
|
2899
|
+
__name: "SliderRoot",
|
|
2900
|
+
props: /* @__PURE__ */ mergeModels({
|
|
2901
|
+
id: { default: () => useId() },
|
|
2902
|
+
min: { default: 0 },
|
|
2903
|
+
max: { default: 100 },
|
|
2904
|
+
step: { default: 1 },
|
|
2905
|
+
disabled: { default: false },
|
|
2906
|
+
readonly: { default: false },
|
|
2907
|
+
orientation: { default: "horizontal" },
|
|
2908
|
+
inverted: {
|
|
2909
|
+
type: Boolean,
|
|
2910
|
+
default: false
|
|
2911
|
+
},
|
|
2912
|
+
minStepsBetweenThumbs: { default: 0 },
|
|
2913
|
+
crossover: {
|
|
2914
|
+
type: Boolean,
|
|
2915
|
+
default: false
|
|
2916
|
+
},
|
|
2917
|
+
name: {},
|
|
2918
|
+
form: {},
|
|
2919
|
+
namespace: { default: "v0:slider:root" },
|
|
2920
|
+
as: { default: "div" },
|
|
2921
|
+
renderless: { type: Boolean }
|
|
2922
|
+
}, {
|
|
2923
|
+
"modelValue": { default: () => [] },
|
|
2924
|
+
"modelModifiers": {}
|
|
2925
|
+
}),
|
|
2926
|
+
emits: /* @__PURE__ */ mergeModels([
|
|
2927
|
+
"update:model-value",
|
|
2928
|
+
"start",
|
|
2929
|
+
"end"
|
|
2930
|
+
], ["update:modelValue"]),
|
|
2931
|
+
setup(__props, { emit: __emit }) {
|
|
2932
|
+
const attrs = useAttrs();
|
|
2933
|
+
const emit = __emit;
|
|
2934
|
+
const model = useModel(__props, "modelValue");
|
|
2935
|
+
const scalar = !/* @__PURE__ */ isArray(model.value) && !/* @__PURE__ */ isUndefined(model.value);
|
|
2936
|
+
const internal = computed({
|
|
2937
|
+
get: () => /* @__PURE__ */ isArray(model.value) ? model.value : [model.value],
|
|
2938
|
+
set: (arr) => {
|
|
2939
|
+
model.value = scalar ? arr[0] ?? 0 : arr;
|
|
2940
|
+
}
|
|
2941
|
+
});
|
|
2942
|
+
const slider = createSlider({
|
|
2943
|
+
min: __props.min,
|
|
2944
|
+
max: __props.max,
|
|
2945
|
+
step: __props.step,
|
|
2946
|
+
disabled: __props.disabled,
|
|
2947
|
+
readonly: __props.readonly,
|
|
2948
|
+
orientation: __props.orientation,
|
|
2949
|
+
inverted: __props.inverted,
|
|
2950
|
+
minStepsBetweenThumbs: __props.minStepsBetweenThumbs,
|
|
2951
|
+
crossover: __props.crossover
|
|
2952
|
+
});
|
|
2953
|
+
useProxyModel(slider, internal, { multiple: true });
|
|
2954
|
+
const dragging = shallowRef(null);
|
|
2955
|
+
const track = shallowRef(null);
|
|
2956
|
+
const dragOffset = shallowRef(0);
|
|
2957
|
+
function getPercent(e) {
|
|
2958
|
+
const el = track.value;
|
|
2959
|
+
if (!el) return 0;
|
|
2960
|
+
const rect = el.getBoundingClientRect();
|
|
2961
|
+
return toValue(slider.orientation) === "vertical" ? (rect.bottom - e.clientY - dragOffset.value) / rect.height * 100 : (e.clientX - rect.left - dragOffset.value) / rect.width * 100;
|
|
2962
|
+
}
|
|
2963
|
+
useToggleScope(() => !/* @__PURE__ */ isNull(dragging.value), () => {
|
|
2964
|
+
if (IN_BROWSER) document.documentElement.style.touchAction = "none";
|
|
2965
|
+
useDocumentEventListener("pointermove", (e) => {
|
|
2966
|
+
if (/* @__PURE__ */ isNull(dragging.value)) return;
|
|
2967
|
+
const percent = getPercent(e);
|
|
2968
|
+
slider.set(dragging.value, slider.fromPercent(percent));
|
|
2969
|
+
});
|
|
2970
|
+
useDocumentEventListener("pointerup", () => {
|
|
2971
|
+
if (IN_BROWSER) document.documentElement.style.touchAction = "";
|
|
2972
|
+
const values = [...slider.values.value];
|
|
2973
|
+
emit("end", scalar ? values[0] ?? 0 : values);
|
|
2974
|
+
dragging.value = null;
|
|
2975
|
+
dragOffset.value = 0;
|
|
2976
|
+
});
|
|
2977
|
+
});
|
|
2978
|
+
function onDrag(index, event, thumbEl) {
|
|
2979
|
+
if (toValue(__props.disabled)) return;
|
|
2980
|
+
if (toValue(__props.readonly)) return;
|
|
2981
|
+
if (event.button !== 0) return;
|
|
2982
|
+
event.preventDefault();
|
|
2983
|
+
if (thumbEl) {
|
|
2984
|
+
const rect = thumbEl.getBoundingClientRect();
|
|
2985
|
+
dragOffset.value = toValue(slider.orientation) === "vertical" ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2);
|
|
2986
|
+
} else dragOffset.value = 0;
|
|
2987
|
+
dragging.value = index;
|
|
2988
|
+
const values = [...slider.values.value];
|
|
2989
|
+
emit("start", scalar ? values[0] ?? 0 : values);
|
|
2990
|
+
}
|
|
2991
|
+
const context = {
|
|
2992
|
+
...slider,
|
|
2993
|
+
id: __props.id,
|
|
2994
|
+
name: __props.name,
|
|
2995
|
+
form: __props.form,
|
|
2996
|
+
dragging,
|
|
2997
|
+
track,
|
|
2998
|
+
onDrag
|
|
2999
|
+
};
|
|
3000
|
+
provideSliderRoot(__props.namespace, context);
|
|
3001
|
+
const isDisabled = toRef(() => toValue(__props.disabled));
|
|
3002
|
+
const isReadonly = toRef(() => toValue(__props.readonly));
|
|
3003
|
+
const slotProps = toRef(() => ({
|
|
3004
|
+
id: __props.id,
|
|
3005
|
+
values: slider.values.value,
|
|
3006
|
+
min: __props.min,
|
|
3007
|
+
max: __props.max,
|
|
3008
|
+
isDisabled: isDisabled.value,
|
|
3009
|
+
isReadonly: isReadonly.value,
|
|
3010
|
+
orientation: toValue(slider.orientation),
|
|
3011
|
+
attrs: {
|
|
3012
|
+
"data-disabled": isDisabled.value ? true : void 0,
|
|
3013
|
+
"data-readonly": isReadonly.value ? true : void 0,
|
|
3014
|
+
"data-orientation": toValue(slider.orientation)
|
|
3015
|
+
}
|
|
3016
|
+
}));
|
|
3017
|
+
return (_ctx, _cache) => {
|
|
3018
|
+
return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Atom_default), mergeProps({
|
|
3019
|
+
...unref(attrs),
|
|
3020
|
+
...slotProps.value.attrs
|
|
3021
|
+
}, {
|
|
3022
|
+
as: __props.as,
|
|
3023
|
+
renderless: __props.renderless
|
|
3024
|
+
}), {
|
|
3025
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3026
|
+
_: 3
|
|
3027
|
+
}, 16, ["as", "renderless"]), __props.name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(slider).values.value, (_, index) => {
|
|
3028
|
+
return openBlock(), createBlock(SliderHiddenInput_default, {
|
|
3029
|
+
key: index,
|
|
3030
|
+
index
|
|
3031
|
+
}, null, 8, ["index"]);
|
|
3032
|
+
}), 128)) : createCommentVNode("v-if", true)], 64);
|
|
3033
|
+
};
|
|
3034
|
+
}
|
|
3035
|
+
});
|
|
3036
|
+
var SliderRoot_default = _sfc_main$21;
|
|
3037
|
+
|
|
3038
|
+
//#endregion
|
|
3039
|
+
//#region src/components/Slider/SliderHiddenInput.vue
|
|
3040
|
+
const _hoisted_1$1 = [
|
|
3041
|
+
"disabled",
|
|
3042
|
+
"form",
|
|
3043
|
+
"name",
|
|
3044
|
+
"value"
|
|
3045
|
+
];
|
|
3046
|
+
const _sfc_main$20 = /* @__PURE__ */ defineComponent({
|
|
3047
|
+
name: "SliderHiddenInput",
|
|
3048
|
+
__name: "SliderHiddenInput",
|
|
3049
|
+
props: {
|
|
3050
|
+
namespace: { default: "v0:slider:root" },
|
|
3051
|
+
index: { default: 0 }
|
|
3052
|
+
},
|
|
3053
|
+
setup(__props) {
|
|
3054
|
+
const root = useSliderRoot(__props.namespace);
|
|
3055
|
+
const value = toRef(() => root.values.value[__props.index] ?? root.min);
|
|
3056
|
+
const isDisabled = toRef(() => toValue(root.disabled));
|
|
3057
|
+
return (_ctx, _cache) => {
|
|
3058
|
+
return openBlock(), createElementBlock("input", {
|
|
3059
|
+
disabled: isDisabled.value,
|
|
3060
|
+
form: unref(root).form,
|
|
3061
|
+
name: unref(root).name,
|
|
3062
|
+
tabindex: "-1",
|
|
3063
|
+
type: "hidden",
|
|
3064
|
+
value: value.value
|
|
3065
|
+
}, null, 8, _hoisted_1$1);
|
|
3066
|
+
};
|
|
3067
|
+
}
|
|
3068
|
+
});
|
|
3069
|
+
var SliderHiddenInput_default = _sfc_main$20;
|
|
3070
|
+
|
|
3071
|
+
//#endregion
|
|
3072
|
+
//#region src/components/Slider/SliderRange.vue
|
|
3073
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
3074
|
+
name: "SliderRange",
|
|
3075
|
+
inheritAttrs: false,
|
|
3076
|
+
__name: "SliderRange",
|
|
3077
|
+
props: {
|
|
3078
|
+
namespace: { default: "v0:slider:root" },
|
|
3079
|
+
as: { default: "span" },
|
|
3080
|
+
renderless: { type: Boolean }
|
|
3081
|
+
},
|
|
3082
|
+
setup(__props) {
|
|
3083
|
+
const attrs = useAttrs();
|
|
3084
|
+
const root = useSliderRoot(__props.namespace);
|
|
3085
|
+
const rawStart = toRef(() => {
|
|
3086
|
+
const values = root.values.value;
|
|
3087
|
+
if (values.length === 0) return 0;
|
|
3088
|
+
if (values.length === 1) return root.fromValue(root.min);
|
|
3089
|
+
return root.fromValue(Math.min(...values));
|
|
3090
|
+
});
|
|
3091
|
+
const rawEnd = toRef(() => {
|
|
3092
|
+
const values = root.values.value;
|
|
3093
|
+
if (values.length === 0) return 0;
|
|
3094
|
+
if (values.length === 1) return root.fromValue(values[0]);
|
|
3095
|
+
return root.fromValue(Math.max(...values));
|
|
3096
|
+
});
|
|
3097
|
+
const start = toRef(() => Math.min(rawStart.value, rawEnd.value));
|
|
3098
|
+
const end = toRef(() => Math.max(rawStart.value, rawEnd.value));
|
|
3099
|
+
const isVertical = toRef(() => toValue(root.orientation) === "vertical");
|
|
3100
|
+
const slotProps = toRef(() => ({
|
|
3101
|
+
start: start.value,
|
|
3102
|
+
end: end.value,
|
|
3103
|
+
attrs: {
|
|
3104
|
+
"data-disabled": toValue(root.disabled) ? true : void 0,
|
|
3105
|
+
"data-readonly": toValue(root.readonly) ? true : void 0,
|
|
3106
|
+
"data-orientation": toValue(root.orientation),
|
|
3107
|
+
"style": {
|
|
3108
|
+
[isVertical.value ? "bottom" : "left"]: `${start.value}%`,
|
|
3109
|
+
[isVertical.value ? "height" : "width"]: `${end.value - start.value}%`
|
|
3110
|
+
}
|
|
3111
|
+
}
|
|
3112
|
+
}));
|
|
3113
|
+
return (_ctx, _cache) => {
|
|
3114
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({
|
|
3115
|
+
...unref(attrs),
|
|
3116
|
+
...slotProps.value.attrs
|
|
3117
|
+
}, {
|
|
3118
|
+
as: __props.as,
|
|
3119
|
+
renderless: __props.renderless,
|
|
3120
|
+
style: [unref(attrs).style, slotProps.value.attrs.style]
|
|
3121
|
+
}), {
|
|
3122
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3123
|
+
_: 3
|
|
3124
|
+
}, 16, [
|
|
3125
|
+
"as",
|
|
3126
|
+
"renderless",
|
|
3127
|
+
"style"
|
|
3128
|
+
]);
|
|
3129
|
+
};
|
|
3130
|
+
}
|
|
3131
|
+
});
|
|
3132
|
+
var SliderRange_default = _sfc_main$19;
|
|
3133
|
+
|
|
3134
|
+
//#endregion
|
|
3135
|
+
//#region src/components/Slider/SliderThumb.vue
|
|
3136
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
3137
|
+
name: "SliderThumb",
|
|
3138
|
+
inheritAttrs: false,
|
|
3139
|
+
__name: "SliderThumb",
|
|
3140
|
+
props: {
|
|
3141
|
+
namespace: { default: "v0:slider:root" },
|
|
3142
|
+
ariaLabel: {},
|
|
3143
|
+
ariaLabelledby: {},
|
|
3144
|
+
ariaValuetext: {},
|
|
3145
|
+
as: { default: "span" },
|
|
3146
|
+
renderless: { type: Boolean }
|
|
3147
|
+
},
|
|
3148
|
+
setup(__props) {
|
|
3149
|
+
const attrs = useAttrs();
|
|
3150
|
+
const root = useSliderRoot(__props.namespace);
|
|
3151
|
+
const thumbRef = useTemplateRef("thumb");
|
|
3152
|
+
const ticket = root.register();
|
|
3153
|
+
onUnmounted(() => {
|
|
3154
|
+
root.unregister(ticket.id);
|
|
3155
|
+
});
|
|
3156
|
+
const index = toRef(() => ticket.index);
|
|
3157
|
+
const value = toRef(() => toValue(ticket.value));
|
|
3158
|
+
const pct = toRef(() => root.fromValue(value.value));
|
|
3159
|
+
const isDragging = toRef(() => root.dragging.value === index.value);
|
|
3160
|
+
const isDisabled = toRef(() => toValue(root.disabled));
|
|
3161
|
+
const isReadonly = toRef(() => toValue(root.readonly));
|
|
3162
|
+
const isVertical = toRef(() => toValue(root.orientation) === "vertical");
|
|
3163
|
+
const valueMin = toRef(() => {
|
|
3164
|
+
if (root.crossover) return root.min;
|
|
3165
|
+
const prev = root.values.value[index.value - 1];
|
|
3166
|
+
return /* @__PURE__ */ isUndefined(prev) ? root.min : prev;
|
|
3167
|
+
});
|
|
3168
|
+
const valueMax = toRef(() => {
|
|
3169
|
+
if (root.crossover) return root.max;
|
|
3170
|
+
const next = root.values.value[index.value + 1];
|
|
3171
|
+
return /* @__PURE__ */ isUndefined(next) ? root.max : next;
|
|
3172
|
+
});
|
|
3173
|
+
function onPointerdown(e) {
|
|
3174
|
+
root.onDrag(index.value, e, thumbRef.value?.element ?? void 0);
|
|
3175
|
+
}
|
|
3176
|
+
function onKeydown(e) {
|
|
3177
|
+
if (isDisabled.value || isReadonly.value) return;
|
|
3178
|
+
const isInverted = toValue(root.inverted);
|
|
3179
|
+
const actions = {
|
|
3180
|
+
ArrowRight: () => isInverted ? root.down(index.value) : root.up(index.value),
|
|
3181
|
+
ArrowUp: () => root.up(index.value),
|
|
3182
|
+
ArrowLeft: () => isInverted ? root.up(index.value) : root.down(index.value),
|
|
3183
|
+
ArrowDown: () => root.down(index.value),
|
|
3184
|
+
PageUp: () => root.up(index.value, 10),
|
|
3185
|
+
PageDown: () => root.down(index.value, 10),
|
|
3186
|
+
Home: () => root.floor(index.value),
|
|
3187
|
+
End: () => root.ceil(index.value)
|
|
3188
|
+
};
|
|
3189
|
+
if (e.shiftKey && e.key.startsWith("Arrow")) {
|
|
3190
|
+
e.preventDefault();
|
|
3191
|
+
const base = e.key === "ArrowRight" || e.key === "ArrowUp" ? "up" : "down";
|
|
3192
|
+
root[(e.key === "ArrowRight" || e.key === "ArrowLeft") && isInverted ? base === "up" ? "down" : "up" : base](index.value, 10);
|
|
3193
|
+
return;
|
|
3194
|
+
}
|
|
3195
|
+
const action = actions[e.key];
|
|
3196
|
+
if (!action) return;
|
|
3197
|
+
e.preventDefault();
|
|
3198
|
+
action();
|
|
3199
|
+
}
|
|
3200
|
+
const dataState = toRef(() => isDragging.value ? "dragging" : "idle");
|
|
3201
|
+
const slotProps = toRef(() => ({
|
|
3202
|
+
index: index.value,
|
|
3203
|
+
value: value.value,
|
|
3204
|
+
percent: pct.value,
|
|
3205
|
+
isDragging: isDragging.value,
|
|
3206
|
+
attrs: {
|
|
3207
|
+
"role": "slider",
|
|
3208
|
+
"tabindex": isDisabled.value ? -1 : 0,
|
|
3209
|
+
"aria-valuenow": value.value,
|
|
3210
|
+
"aria-valuemin": valueMin.value,
|
|
3211
|
+
"aria-valuemax": valueMax.value,
|
|
3212
|
+
"aria-valuetext": __props.ariaValuetext || void 0,
|
|
3213
|
+
"aria-orientation": toValue(root.orientation),
|
|
3214
|
+
"aria-disabled": isDisabled.value ? true : void 0,
|
|
3215
|
+
"aria-readonly": isReadonly.value ? true : void 0,
|
|
3216
|
+
"aria-label": __props.ariaLabel || void 0,
|
|
3217
|
+
"aria-labelledby": __props.ariaLabelledby || void 0,
|
|
3218
|
+
"data-state": dataState.value,
|
|
3219
|
+
"data-disabled": isDisabled.value ? true : void 0,
|
|
3220
|
+
"data-readonly": isReadonly.value ? true : void 0,
|
|
3221
|
+
"style": {
|
|
3222
|
+
[isVertical.value ? "bottom" : "left"]: `${pct.value}%`,
|
|
3223
|
+
"touch-action": "none"
|
|
3224
|
+
},
|
|
3225
|
+
"onKeydown": onKeydown,
|
|
3226
|
+
"onPointerdown": onPointerdown
|
|
3227
|
+
}
|
|
3228
|
+
}));
|
|
3229
|
+
return (_ctx, _cache) => {
|
|
3230
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({ ref: "thumb" }, {
|
|
3231
|
+
...unref(attrs),
|
|
3232
|
+
...slotProps.value.attrs
|
|
3233
|
+
}, {
|
|
3234
|
+
as: __props.as,
|
|
3235
|
+
renderless: __props.renderless,
|
|
3236
|
+
style: [unref(attrs).style, slotProps.value.attrs.style]
|
|
3237
|
+
}), {
|
|
3238
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3239
|
+
_: 3
|
|
3240
|
+
}, 16, [
|
|
3241
|
+
"as",
|
|
3242
|
+
"renderless",
|
|
3243
|
+
"style"
|
|
3244
|
+
]);
|
|
3245
|
+
};
|
|
3246
|
+
}
|
|
3247
|
+
});
|
|
3248
|
+
var SliderThumb_default = _sfc_main$18;
|
|
3249
|
+
|
|
3250
|
+
//#endregion
|
|
3251
|
+
//#region src/components/Slider/SliderTrack.vue
|
|
3252
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
3253
|
+
name: "SliderTrack",
|
|
3254
|
+
inheritAttrs: false,
|
|
3255
|
+
__name: "SliderTrack",
|
|
3256
|
+
props: {
|
|
3257
|
+
namespace: { default: "v0:slider:root" },
|
|
3258
|
+
as: { default: "div" },
|
|
3259
|
+
renderless: { type: Boolean }
|
|
3260
|
+
},
|
|
3261
|
+
setup(__props) {
|
|
3262
|
+
const attrs = useAttrs();
|
|
3263
|
+
const root = useSliderRoot(__props.namespace);
|
|
3264
|
+
const trackRef = useTemplateRef("track");
|
|
3265
|
+
watchEffect(() => {
|
|
3266
|
+
root.track.value = trackRef.value?.element ?? null;
|
|
3267
|
+
});
|
|
3268
|
+
function nearest(value) {
|
|
3269
|
+
let closest = 0;
|
|
3270
|
+
let distance = Infinity;
|
|
3271
|
+
for (let index = 0; index < root.values.value.length; index++) {
|
|
3272
|
+
const d = Math.abs(root.values.value[index] - value);
|
|
3273
|
+
if (d < distance) {
|
|
3274
|
+
distance = d;
|
|
3275
|
+
closest = index;
|
|
3276
|
+
}
|
|
3277
|
+
}
|
|
3278
|
+
return closest;
|
|
3279
|
+
}
|
|
3280
|
+
function onPointerdown(e) {
|
|
3281
|
+
if (toValue(root.disabled)) return;
|
|
3282
|
+
if (toValue(root.readonly)) return;
|
|
3283
|
+
if (e.button !== 0) return;
|
|
3284
|
+
const el = trackRef.value?.element;
|
|
3285
|
+
if (!el) return;
|
|
3286
|
+
const rect = el.getBoundingClientRect();
|
|
3287
|
+
const percent = toValue(root.orientation) === "vertical" ? (rect.bottom - e.clientY) / rect.height * 100 : (e.clientX - rect.left) / rect.width * 100;
|
|
3288
|
+
const value = root.fromPercent(percent);
|
|
3289
|
+
const index = nearest(value);
|
|
3290
|
+
root.set(index, value);
|
|
3291
|
+
root.onDrag(index, e);
|
|
3292
|
+
}
|
|
3293
|
+
const slotProps = toRef(() => ({ attrs: {
|
|
3294
|
+
"data-disabled": toValue(root.disabled) ? true : void 0,
|
|
3295
|
+
"data-readonly": toValue(root.readonly) ? true : void 0,
|
|
3296
|
+
"data-orientation": toValue(root.orientation),
|
|
3297
|
+
"style": { "touch-action": "none" },
|
|
3298
|
+
"onPointerdown": onPointerdown
|
|
3299
|
+
} }));
|
|
3300
|
+
return (_ctx, _cache) => {
|
|
3301
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({ ref: "track" }, {
|
|
3302
|
+
...unref(attrs),
|
|
3303
|
+
...slotProps.value.attrs
|
|
3304
|
+
}, {
|
|
3305
|
+
as: __props.as,
|
|
3306
|
+
renderless: __props.renderless,
|
|
3307
|
+
style: [unref(attrs).style, slotProps.value.attrs.style]
|
|
3308
|
+
}), {
|
|
3309
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3310
|
+
_: 3
|
|
3311
|
+
}, 16, [
|
|
3312
|
+
"as",
|
|
3313
|
+
"renderless",
|
|
3314
|
+
"style"
|
|
3315
|
+
]);
|
|
3316
|
+
};
|
|
3317
|
+
}
|
|
3318
|
+
});
|
|
3319
|
+
var SliderTrack_default = _sfc_main$17;
|
|
3320
|
+
|
|
3321
|
+
//#endregion
|
|
3322
|
+
//#region src/components/Slider/index.ts
|
|
3323
|
+
/**
|
|
3324
|
+
* Slider component with sub-components for range input controls.
|
|
3325
|
+
*
|
|
3326
|
+
* @see https://0.vuetifyjs.com/components/slider
|
|
3327
|
+
*
|
|
3328
|
+
* @example
|
|
3329
|
+
* ```vue
|
|
3330
|
+
* <script setup lang="ts">
|
|
3331
|
+
* import { Slider } from '@vuetify/v0'
|
|
3332
|
+
* import { ref } from 'vue'
|
|
3333
|
+
*
|
|
3334
|
+
* const value = ref([50])
|
|
3335
|
+
* <\/script>
|
|
3336
|
+
*
|
|
3337
|
+
* <template>
|
|
3338
|
+
* <Slider.Root v-model="value" :min="0" :max="100">
|
|
3339
|
+
* <Slider.Track>
|
|
3340
|
+
* <Slider.Range />
|
|
3341
|
+
* </Slider.Track>
|
|
3342
|
+
* <Slider.Thumb />
|
|
3343
|
+
* </Slider.Root>
|
|
3344
|
+
* </template>
|
|
3345
|
+
* ```
|
|
3346
|
+
*/
|
|
3347
|
+
const Slider = {
|
|
3348
|
+
Root: SliderRoot_default,
|
|
3349
|
+
Track: SliderTrack_default,
|
|
3350
|
+
Range: SliderRange_default,
|
|
3351
|
+
Thumb: SliderThumb_default,
|
|
3352
|
+
HiddenInput: SliderHiddenInput_default
|
|
3353
|
+
};
|
|
3354
|
+
|
|
3355
|
+
//#endregion
|
|
3356
|
+
//#region src/components/Splitter/SplitterRoot.vue
|
|
3357
|
+
const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
|
|
3358
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
3359
|
+
name: "SplitterRoot",
|
|
3360
|
+
inheritAttrs: false,
|
|
3361
|
+
__name: "SplitterRoot",
|
|
3362
|
+
props: {
|
|
3363
|
+
orientation: { default: "horizontal" },
|
|
3364
|
+
disabled: {
|
|
3365
|
+
type: Boolean,
|
|
3366
|
+
default: false
|
|
3367
|
+
},
|
|
3368
|
+
as: { default: "div" },
|
|
3369
|
+
renderless: { type: Boolean }
|
|
3370
|
+
},
|
|
3371
|
+
emits: ["layout"],
|
|
3372
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
3373
|
+
const attrs = useAttrs();
|
|
3374
|
+
const emit = __emit;
|
|
3375
|
+
const rootAtom = useTemplateRef("root");
|
|
3376
|
+
const rootEl = toRef(() => rootAtom.value?.element ?? null);
|
|
3377
|
+
const draggingHandle = shallowRef(null);
|
|
3378
|
+
const dragging = toRef(() => !/* @__PURE__ */ isNull(draggingHandle.value));
|
|
3379
|
+
const panels = createSelection({
|
|
3380
|
+
multiple: true,
|
|
3381
|
+
enroll: true,
|
|
3382
|
+
reactive: true
|
|
3383
|
+
});
|
|
3384
|
+
const handles = createRegistry();
|
|
3385
|
+
watch(() => panels.collection.size, (size, prev) => {
|
|
3386
|
+
const values = panels.values();
|
|
3387
|
+
if (values.length === 0) return;
|
|
3388
|
+
const total = values.reduce((sum, t) => sum + t.size, 0);
|
|
3389
|
+
if (total === 0 || total === 100) return;
|
|
3390
|
+
distribute(!/* @__PURE__ */ isUndefined(prev) && size > prev ? values.map((t) => t.defaultSize) : values.map((t) => t.size));
|
|
3391
|
+
}, { flush: "post" });
|
|
3392
|
+
function panel(index) {
|
|
3393
|
+
const id = panels.lookup(index);
|
|
3394
|
+
return /* @__PURE__ */ isNullOrUndefined(id) ? void 0 : panels.get(id);
|
|
3395
|
+
}
|
|
3396
|
+
function effectiveMin(ticket) {
|
|
3397
|
+
return ticket.collapsible && !toValue(ticket.isSelected) ? ticket.collapsedSize : ticket.minSize;
|
|
3398
|
+
}
|
|
3399
|
+
function resize(index, delta, options) {
|
|
3400
|
+
const before = panel(index);
|
|
3401
|
+
const after = panel(index + 1);
|
|
3402
|
+
if (!before || !after) return;
|
|
3403
|
+
const total = before.size + after.size;
|
|
3404
|
+
const min1 = effectiveMin(before);
|
|
3405
|
+
const min2 = effectiveMin(after);
|
|
3406
|
+
const lower = Math.max(min1, total - after.maxSize);
|
|
3407
|
+
const upper = Math.min(before.maxSize, total - min2);
|
|
3408
|
+
const size = /* @__PURE__ */ clamp(before.size + delta, lower, upper);
|
|
3409
|
+
before.size = size;
|
|
3410
|
+
after.size = total - size;
|
|
3411
|
+
for (const p of [before, after]) {
|
|
3412
|
+
if (!p.collapsible) continue;
|
|
3413
|
+
const collapsed = !toValue(p.isSelected);
|
|
3414
|
+
if (!collapsed && p.size <= p.collapsedSize) p.unselect();
|
|
3415
|
+
else if (collapsed && p.size > p.collapsedSize) p.select();
|
|
3416
|
+
}
|
|
3417
|
+
if (options?.emit) emitLayout();
|
|
3418
|
+
}
|
|
3419
|
+
function collapse(index, neighborIndex) {
|
|
3420
|
+
const ticket = panel(index);
|
|
3421
|
+
if (!ticket?.collapsible || !toValue(ticket.isSelected)) return;
|
|
3422
|
+
const neighbor = panel(neighborIndex ?? (index > 0 ? index - 1 : index + 1));
|
|
3423
|
+
if (!neighbor) return;
|
|
3424
|
+
const diff = ticket.size - ticket.collapsedSize;
|
|
3425
|
+
const absorbed = Math.min(diff, neighbor.maxSize - neighbor.size);
|
|
3426
|
+
neighbor.size += absorbed;
|
|
3427
|
+
ticket.size = ticket.collapsedSize;
|
|
3428
|
+
let remaining = diff - absorbed;
|
|
3429
|
+
if (remaining > 0) for (const p of panels.values()) {
|
|
3430
|
+
if (p.id === ticket.id || p.id === neighbor.id || remaining <= 0) continue;
|
|
3431
|
+
const room = p.maxSize - p.size;
|
|
3432
|
+
const take = Math.min(remaining, room);
|
|
3433
|
+
p.size += take;
|
|
3434
|
+
remaining -= take;
|
|
3435
|
+
}
|
|
3436
|
+
if (remaining > 0) ticket.size += remaining;
|
|
3437
|
+
if (ticket.size <= ticket.collapsedSize) ticket.unselect();
|
|
3438
|
+
emitLayout();
|
|
3439
|
+
}
|
|
3440
|
+
function expand(index, neighborIndex) {
|
|
3441
|
+
const ticket = panel(index);
|
|
3442
|
+
if (!ticket?.collapsible || toValue(ticket.isSelected)) return;
|
|
3443
|
+
const neighbor = panel(neighborIndex ?? (index > 0 ? index - 1 : index + 1));
|
|
3444
|
+
if (!neighbor) return;
|
|
3445
|
+
const diff = Math.min(ticket.defaultSize, ticket.maxSize) - ticket.collapsedSize;
|
|
3446
|
+
const available = neighbor.size - neighbor.minSize;
|
|
3447
|
+
const take = Math.min(diff, available);
|
|
3448
|
+
if (ticket.collapsedSize + take < ticket.minSize) return;
|
|
3449
|
+
neighbor.size -= take;
|
|
3450
|
+
ticket.size = ticket.collapsedSize + take;
|
|
3451
|
+
ticket.select();
|
|
3452
|
+
emitLayout();
|
|
3453
|
+
}
|
|
3454
|
+
function distribute(incoming) {
|
|
3455
|
+
const values = panels.values();
|
|
3456
|
+
if (incoming.length !== values.length) return;
|
|
3457
|
+
for (const [index, ticket] of values.entries()) {
|
|
3458
|
+
const value = incoming[index];
|
|
3459
|
+
ticket.size = /* @__PURE__ */ clamp(value, ticket.collapsible && value <= ticket.collapsedSize ? ticket.collapsedSize : ticket.minSize, ticket.maxSize);
|
|
3460
|
+
}
|
|
3461
|
+
let remainder = 100 - values.reduce((sum, t) => sum + t.size, 0);
|
|
3462
|
+
for (const ticket of values) {
|
|
3463
|
+
if (remainder === 0) break;
|
|
3464
|
+
const min = ticket.collapsible && ticket.size <= ticket.collapsedSize ? ticket.collapsedSize : ticket.minSize;
|
|
3465
|
+
const room = remainder > 0 ? ticket.maxSize - ticket.size : ticket.size - min;
|
|
3466
|
+
const adjust = remainder > 0 ? Math.min(remainder, room) : Math.max(remainder, -room);
|
|
3467
|
+
ticket.size += adjust;
|
|
3468
|
+
remainder -= adjust;
|
|
3469
|
+
}
|
|
3470
|
+
for (const ticket of values) {
|
|
3471
|
+
if (!ticket.collapsible) continue;
|
|
3472
|
+
const collapsed = !toValue(ticket.isSelected);
|
|
3473
|
+
if (!collapsed && ticket.size <= ticket.collapsedSize) ticket.unselect();
|
|
3474
|
+
else if (collapsed && ticket.size > ticket.collapsedSize) ticket.select();
|
|
3475
|
+
}
|
|
3476
|
+
emit("layout", values.map((t) => t.size));
|
|
3477
|
+
}
|
|
3478
|
+
function onStartDrag(index) {
|
|
3479
|
+
draggingHandle.value = index;
|
|
3480
|
+
}
|
|
3481
|
+
function onEndDrag() {
|
|
3482
|
+
draggingHandle.value = null;
|
|
3483
|
+
emitLayout();
|
|
3484
|
+
}
|
|
3485
|
+
function emitLayout() {
|
|
3486
|
+
emit("layout", panels.values().map((t) => t.size));
|
|
3487
|
+
}
|
|
3488
|
+
provideSplitterRoot({
|
|
3489
|
+
orientation: toRef(() => __props.orientation),
|
|
3490
|
+
disabled: toRef(() => __props.disabled),
|
|
3491
|
+
panels,
|
|
3492
|
+
handles,
|
|
3493
|
+
dragging,
|
|
3494
|
+
draggingHandle,
|
|
3495
|
+
rootEl,
|
|
3496
|
+
panel,
|
|
3497
|
+
resize,
|
|
3498
|
+
onStartDrag,
|
|
3499
|
+
onEndDrag,
|
|
3500
|
+
collapse,
|
|
3501
|
+
expand,
|
|
3502
|
+
distribute
|
|
3503
|
+
});
|
|
3504
|
+
__expose({ distribute });
|
|
3505
|
+
const slotProps = toRef(() => ({
|
|
3506
|
+
orientation: __props.orientation,
|
|
3507
|
+
isDisabled: __props.disabled,
|
|
3508
|
+
sizes: panels.values().map((t) => t.size),
|
|
3509
|
+
isDragging: dragging.value,
|
|
3510
|
+
distribute,
|
|
3511
|
+
attrs: {
|
|
3512
|
+
"data-orientation": __props.orientation,
|
|
3513
|
+
"data-dragging": dragging.value || void 0
|
|
3514
|
+
}
|
|
3515
|
+
}));
|
|
3516
|
+
return (_ctx, _cache) => {
|
|
3517
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({ ref: "root" }, {
|
|
3518
|
+
...unref(attrs),
|
|
3519
|
+
...slotProps.value.attrs
|
|
3520
|
+
}, {
|
|
3521
|
+
as: __props.as,
|
|
3522
|
+
renderless: __props.renderless,
|
|
3523
|
+
style: {
|
|
3524
|
+
display: "flex",
|
|
3525
|
+
flexDirection: __props.orientation === "horizontal" ? "row" : "column"
|
|
3526
|
+
}
|
|
3527
|
+
}), {
|
|
3528
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3529
|
+
_: 3
|
|
3530
|
+
}, 16, [
|
|
3531
|
+
"as",
|
|
3532
|
+
"renderless",
|
|
3533
|
+
"style"
|
|
3534
|
+
]);
|
|
3535
|
+
};
|
|
3536
|
+
}
|
|
3537
|
+
});
|
|
3538
|
+
var SplitterRoot_default = _sfc_main$16;
|
|
3539
|
+
|
|
3540
|
+
//#endregion
|
|
3541
|
+
//#region src/components/Splitter/SplitterPanel.vue
|
|
3542
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
3543
|
+
name: "SplitterPanel",
|
|
3544
|
+
inheritAttrs: false,
|
|
3545
|
+
__name: "SplitterPanel",
|
|
3546
|
+
props: /* @__PURE__ */ mergeModels({
|
|
3547
|
+
defaultSize: {},
|
|
3548
|
+
minSize: { default: 0 },
|
|
3549
|
+
maxSize: { default: 100 },
|
|
3550
|
+
collapsible: {
|
|
3551
|
+
type: Boolean,
|
|
3552
|
+
default: false
|
|
3553
|
+
},
|
|
3554
|
+
collapsedSize: { default: 0 },
|
|
3555
|
+
as: { default: "div" },
|
|
3556
|
+
renderless: { type: Boolean }
|
|
3557
|
+
}, {
|
|
3558
|
+
"collapsed": {
|
|
3559
|
+
type: Boolean,
|
|
3560
|
+
default: void 0
|
|
3561
|
+
},
|
|
3562
|
+
"collapsedModifiers": {}
|
|
3563
|
+
}),
|
|
3564
|
+
emits: /* @__PURE__ */ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
|
|
3565
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
3566
|
+
const attrs = useAttrs();
|
|
3567
|
+
const collapsed = useModel(__props, "collapsed");
|
|
3568
|
+
const emit = __emit;
|
|
3569
|
+
const splitter = useSplitterRoot();
|
|
3570
|
+
const panelId = /* @__PURE__ */ useId$1();
|
|
3571
|
+
const ticket = splitter.panels.register({
|
|
3572
|
+
id: panelId,
|
|
3573
|
+
size: __props.defaultSize,
|
|
3574
|
+
minSize: __props.minSize,
|
|
3575
|
+
maxSize: __props.maxSize,
|
|
3576
|
+
collapsible: __props.collapsible,
|
|
3577
|
+
collapsedSize: __props.collapsedSize,
|
|
3578
|
+
defaultSize: __props.defaultSize
|
|
3579
|
+
});
|
|
3580
|
+
watchEffect(() => {
|
|
3581
|
+
ticket.minSize = __props.minSize;
|
|
3582
|
+
ticket.maxSize = __props.maxSize;
|
|
3583
|
+
ticket.collapsible = __props.collapsible;
|
|
3584
|
+
ticket.collapsedSize = __props.collapsedSize;
|
|
3585
|
+
ticket.defaultSize = __props.defaultSize;
|
|
3586
|
+
});
|
|
3587
|
+
onUnmounted(() => {
|
|
3588
|
+
splitter.panels.unregister(ticket.id);
|
|
3589
|
+
});
|
|
3590
|
+
const size = toRef(() => ticket.size);
|
|
3591
|
+
const isCollapsed = toRef(() => __props.collapsible && !toValue(ticket.isSelected));
|
|
3592
|
+
function collapse() {
|
|
3593
|
+
splitter.collapse(ticket.index);
|
|
3594
|
+
}
|
|
3595
|
+
function expand() {
|
|
3596
|
+
splitter.expand(ticket.index);
|
|
3597
|
+
}
|
|
3598
|
+
__expose({
|
|
3599
|
+
collapse,
|
|
3600
|
+
expand,
|
|
3601
|
+
size,
|
|
3602
|
+
isCollapsed
|
|
3603
|
+
});
|
|
3604
|
+
watch(collapsed, (val) => {
|
|
3605
|
+
if (val === void 0) return;
|
|
3606
|
+
if (val && !isCollapsed.value) collapse();
|
|
3607
|
+
else if (!val && isCollapsed.value) expand();
|
|
3608
|
+
}, {
|
|
3609
|
+
immediate: true,
|
|
3610
|
+
flush: "post"
|
|
3611
|
+
});
|
|
3612
|
+
watch(isCollapsed, (val) => {
|
|
3613
|
+
if (collapsed.value === void 0) return;
|
|
3614
|
+
collapsed.value = val;
|
|
3615
|
+
});
|
|
3616
|
+
watch(size, (val) => emit("resize", val));
|
|
3617
|
+
const slotProps = toRef(() => ({
|
|
3618
|
+
size: size.value,
|
|
3619
|
+
isCollapsed: isCollapsed.value,
|
|
3620
|
+
collapse,
|
|
3621
|
+
expand,
|
|
3622
|
+
attrs: {
|
|
3623
|
+
"id": panelId,
|
|
3624
|
+
"data-orientation": splitter.orientation.value,
|
|
3625
|
+
"data-panel-index": ticket.index,
|
|
3626
|
+
"data-collapsed": isCollapsed.value || void 0
|
|
3627
|
+
}
|
|
3628
|
+
}));
|
|
3629
|
+
return (_ctx, _cache) => {
|
|
3630
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({
|
|
3631
|
+
...unref(attrs),
|
|
3632
|
+
...slotProps.value.attrs
|
|
3633
|
+
}, {
|
|
3634
|
+
as: __props.as,
|
|
3635
|
+
renderless: __props.renderless,
|
|
3636
|
+
style: {
|
|
3637
|
+
flexGrow: 0,
|
|
3638
|
+
flexShrink: 0,
|
|
3639
|
+
flexBasis: `${size.value}%`,
|
|
3640
|
+
overflow: "hidden"
|
|
3641
|
+
}
|
|
3642
|
+
}), {
|
|
3643
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3644
|
+
_: 3
|
|
3645
|
+
}, 16, [
|
|
3646
|
+
"as",
|
|
3647
|
+
"renderless",
|
|
3648
|
+
"style"
|
|
3649
|
+
]);
|
|
3650
|
+
};
|
|
3651
|
+
}
|
|
3652
|
+
});
|
|
3653
|
+
var SplitterPanel_default = _sfc_main$15;
|
|
3654
|
+
|
|
3655
|
+
//#endregion
|
|
3656
|
+
//#region src/components/Splitter/SplitterHandle.vue
|
|
3657
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
3658
|
+
name: "SplitterHandle",
|
|
3659
|
+
inheritAttrs: false,
|
|
3660
|
+
__name: "SplitterHandle",
|
|
3661
|
+
props: {
|
|
3662
|
+
disabled: {
|
|
3663
|
+
type: Boolean,
|
|
3664
|
+
default: false
|
|
3665
|
+
},
|
|
3666
|
+
label: {},
|
|
3667
|
+
as: { default: "div" },
|
|
3668
|
+
renderless: { type: Boolean }
|
|
3669
|
+
},
|
|
3670
|
+
setup(__props) {
|
|
3671
|
+
const attrs = useAttrs();
|
|
3672
|
+
const ARROW_STEP = 1;
|
|
3673
|
+
const PAGE_STEP = 10;
|
|
3674
|
+
const splitter = useSplitterRoot();
|
|
3675
|
+
const ticket = splitter.handles.register();
|
|
3676
|
+
onUnmounted(() => {
|
|
3677
|
+
splitter.handles.unregister(ticket.id);
|
|
3678
|
+
});
|
|
3679
|
+
const hovering = shallowRef(false);
|
|
3680
|
+
const startPosition = shallowRef(0);
|
|
3681
|
+
let rafId = 0;
|
|
3682
|
+
let latestPos = 0;
|
|
3683
|
+
const isDisabled = toRef(() => __props.disabled || splitter.disabled.value);
|
|
3684
|
+
const isHorizontal = toRef(() => splitter.orientation.value === "horizontal");
|
|
3685
|
+
const state = toRef(() => {
|
|
3686
|
+
if (splitter.draggingHandle.value === ticket.index) return "drag";
|
|
3687
|
+
if (hovering.value) return "hover";
|
|
3688
|
+
return "inactive";
|
|
3689
|
+
});
|
|
3690
|
+
const valuenow = toRef(() => Math.round(splitter.panel(ticket.index)?.size ?? 0));
|
|
3691
|
+
const valuemin = toRef(() => {
|
|
3692
|
+
const p = splitter.panel(ticket.index);
|
|
3693
|
+
if (!p) return 0;
|
|
3694
|
+
return p.collapsible ? p.collapsedSize : p.minSize;
|
|
3695
|
+
});
|
|
3696
|
+
const valuemax = toRef(() => {
|
|
3697
|
+
const p = splitter.panel(ticket.index);
|
|
3698
|
+
const adjacent = splitter.panel(ticket.index + 1);
|
|
3699
|
+
if (!p || !adjacent) return 100;
|
|
3700
|
+
const adjMin = adjacent.collapsible ? adjacent.collapsedSize : adjacent.minSize;
|
|
3701
|
+
return Math.min(p.maxSize, p.size + adjacent.size - adjMin);
|
|
3702
|
+
});
|
|
3703
|
+
function onPointerDown(e) {
|
|
3704
|
+
if (isDisabled.value) return;
|
|
3705
|
+
e.currentTarget.setPointerCapture(e.pointerId);
|
|
3706
|
+
startPosition.value = isHorizontal.value ? e.clientX : e.clientY;
|
|
3707
|
+
if (IN_BROWSER) {
|
|
3708
|
+
document.documentElement.style.userSelect = "none";
|
|
3709
|
+
document.documentElement.style.touchAction = "none";
|
|
3710
|
+
}
|
|
3711
|
+
splitter.onStartDrag(ticket.index);
|
|
3712
|
+
}
|
|
3713
|
+
useToggleScope(() => splitter.draggingHandle.value === ticket.index, () => {
|
|
3714
|
+
useDocumentEventListener("pointermove", (e) => {
|
|
3715
|
+
latestPos = isHorizontal.value ? e.clientX : e.clientY;
|
|
3716
|
+
if (rafId) return;
|
|
3717
|
+
rafId = requestAnimationFrame(() => {
|
|
3718
|
+
const root = splitter.rootEl.value;
|
|
3719
|
+
if (!root) return;
|
|
3720
|
+
const rootSize = isHorizontal.value ? root.offsetWidth : root.offsetHeight;
|
|
3721
|
+
if (!rootSize) return;
|
|
3722
|
+
const delta = (latestPos - startPosition.value) / rootSize * 100;
|
|
3723
|
+
startPosition.value = latestPos;
|
|
3724
|
+
splitter.resize(ticket.index, delta);
|
|
3725
|
+
rafId = 0;
|
|
3726
|
+
});
|
|
3727
|
+
});
|
|
3728
|
+
useDocumentEventListener("pointerup", () => {
|
|
3729
|
+
if (rafId) cancelAnimationFrame(rafId);
|
|
3730
|
+
rafId = 0;
|
|
3731
|
+
if (IN_BROWSER) {
|
|
3732
|
+
document.documentElement.style.userSelect = "";
|
|
3733
|
+
document.documentElement.style.touchAction = "";
|
|
3734
|
+
}
|
|
3735
|
+
splitter.onEndDrag();
|
|
3736
|
+
});
|
|
3737
|
+
onScopeDispose(() => {
|
|
3738
|
+
if (rafId) cancelAnimationFrame(rafId);
|
|
3739
|
+
rafId = 0;
|
|
3740
|
+
splitter.onEndDrag();
|
|
3741
|
+
if (IN_BROWSER) {
|
|
3742
|
+
document.documentElement.style.userSelect = "";
|
|
3743
|
+
document.documentElement.style.touchAction = "";
|
|
3744
|
+
}
|
|
3745
|
+
});
|
|
3746
|
+
});
|
|
3747
|
+
function onKeydown(e) {
|
|
3748
|
+
if (isDisabled.value) return;
|
|
3749
|
+
const forward = isHorizontal.value ? "ArrowRight" : "ArrowDown";
|
|
3750
|
+
const backward = isHorizontal.value ? "ArrowLeft" : "ArrowUp";
|
|
3751
|
+
switch (e.key) {
|
|
3752
|
+
case forward:
|
|
3753
|
+
e.preventDefault();
|
|
3754
|
+
splitter.resize(ticket.index, ARROW_STEP, { emit: true });
|
|
3755
|
+
break;
|
|
3756
|
+
case backward:
|
|
3757
|
+
e.preventDefault();
|
|
3758
|
+
splitter.resize(ticket.index, -ARROW_STEP, { emit: true });
|
|
3759
|
+
break;
|
|
3760
|
+
case "PageDown":
|
|
3761
|
+
e.preventDefault();
|
|
3762
|
+
splitter.resize(ticket.index, PAGE_STEP, { emit: true });
|
|
3763
|
+
break;
|
|
3764
|
+
case "PageUp":
|
|
3765
|
+
e.preventDefault();
|
|
3766
|
+
splitter.resize(ticket.index, -PAGE_STEP, { emit: true });
|
|
3767
|
+
break;
|
|
3768
|
+
case "Home": {
|
|
3769
|
+
e.preventDefault();
|
|
3770
|
+
const p = splitter.panel(ticket.index);
|
|
3771
|
+
if (p?.collapsible) splitter.collapse(ticket.index, ticket.index + 1);
|
|
3772
|
+
else {
|
|
3773
|
+
const current = p?.size ?? 0;
|
|
3774
|
+
splitter.resize(ticket.index, valuemin.value - current, { emit: true });
|
|
3775
|
+
}
|
|
3776
|
+
break;
|
|
3777
|
+
}
|
|
3778
|
+
case "End": {
|
|
3779
|
+
e.preventDefault();
|
|
3780
|
+
const p = splitter.panel(ticket.index);
|
|
3781
|
+
if (p?.collapsible && !toValue(p.isSelected)) splitter.expand(ticket.index, ticket.index + 1);
|
|
3782
|
+
else {
|
|
3783
|
+
const current = p?.size ?? 0;
|
|
3784
|
+
splitter.resize(ticket.index, valuemax.value - current, { emit: true });
|
|
3785
|
+
}
|
|
3786
|
+
break;
|
|
3787
|
+
}
|
|
3788
|
+
case "Enter": {
|
|
3789
|
+
e.preventDefault();
|
|
3790
|
+
const p = splitter.panel(ticket.index);
|
|
3791
|
+
if (!p?.collapsible) break;
|
|
3792
|
+
if (toValue(p.isSelected)) splitter.collapse(ticket.index, ticket.index + 1);
|
|
3793
|
+
else splitter.expand(ticket.index, ticket.index + 1);
|
|
3794
|
+
break;
|
|
3795
|
+
}
|
|
3796
|
+
}
|
|
3797
|
+
}
|
|
3798
|
+
function onPointerEnter() {
|
|
3799
|
+
hovering.value = true;
|
|
3800
|
+
}
|
|
3801
|
+
function onPointerLeave() {
|
|
3802
|
+
hovering.value = false;
|
|
3803
|
+
}
|
|
3804
|
+
const ariaOrientation = toRef(() => splitter.orientation.value === "horizontal" ? "vertical" : "horizontal");
|
|
3805
|
+
const ariaControls = toRef(() => {
|
|
3806
|
+
const p = splitter.panel(ticket.index);
|
|
3807
|
+
return /* @__PURE__ */ isNullOrUndefined(p) ? void 0 : String(p.id);
|
|
3808
|
+
});
|
|
3809
|
+
const slotProps = toRef(() => ({
|
|
3810
|
+
isDragging: splitter.draggingHandle.value === ticket.index,
|
|
3811
|
+
isDisabled: isDisabled.value,
|
|
3812
|
+
state: state.value,
|
|
3813
|
+
attrs: {
|
|
3814
|
+
"role": "separator",
|
|
3815
|
+
"tabindex": isDisabled.value ? -1 : 0,
|
|
3816
|
+
"aria-valuenow": valuenow.value,
|
|
3817
|
+
"aria-valuemin": valuemin.value,
|
|
3818
|
+
"aria-valuemax": valuemax.value,
|
|
3819
|
+
"aria-orientation": ariaOrientation.value,
|
|
3820
|
+
"aria-controls": ariaControls.value,
|
|
3821
|
+
"aria-label": __props.label || void 0,
|
|
3822
|
+
"aria-disabled": isDisabled.value || void 0,
|
|
3823
|
+
"data-state": state.value,
|
|
3824
|
+
"data-orientation": splitter.orientation.value,
|
|
3825
|
+
"data-disabled": isDisabled.value || void 0,
|
|
3826
|
+
"style": { "touch-action": "none" },
|
|
3827
|
+
"onPointerdown": onPointerDown,
|
|
3828
|
+
"onPointerenter": onPointerEnter,
|
|
3829
|
+
"onPointerleave": onPointerLeave,
|
|
3830
|
+
"onKeydown": onKeydown
|
|
3831
|
+
}
|
|
3832
|
+
}));
|
|
3833
|
+
return (_ctx, _cache) => {
|
|
3834
|
+
return openBlock(), createBlock(unref(Atom_default), mergeProps({
|
|
3835
|
+
...unref(attrs),
|
|
3836
|
+
...slotProps.value.attrs
|
|
3837
|
+
}, {
|
|
3838
|
+
as: __props.as,
|
|
3839
|
+
renderless: __props.renderless,
|
|
3840
|
+
style: { flexShrink: 0 }
|
|
3841
|
+
}), {
|
|
3842
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))]),
|
|
3843
|
+
_: 3
|
|
3844
|
+
}, 16, ["as", "renderless"]);
|
|
3845
|
+
};
|
|
3846
|
+
}
|
|
3847
|
+
});
|
|
3848
|
+
var SplitterHandle_default = _sfc_main$14;
|
|
3849
|
+
|
|
3850
|
+
//#endregion
|
|
3851
|
+
//#region src/components/Splitter/index.ts
|
|
3852
|
+
/**
|
|
3853
|
+
* Splitter component with sub-components for building resizable panel layouts.
|
|
3854
|
+
*
|
|
3855
|
+
* @see https://0.vuetifyjs.com/components/splitter
|
|
3856
|
+
*
|
|
3857
|
+
* @example
|
|
3858
|
+
* ```vue
|
|
3859
|
+
* <script lang="ts" setup>
|
|
3860
|
+
* import { Splitter } from '@vuetify/v0'
|
|
3861
|
+
* <\/script>
|
|
3862
|
+
*
|
|
3863
|
+
* <template>
|
|
3864
|
+
* <Splitter.Root orientation="horizontal">
|
|
3865
|
+
* <Splitter.Panel :default-size="60" :min-size="20">
|
|
3866
|
+
* Left content
|
|
3867
|
+
* </Splitter.Panel>
|
|
3868
|
+
*
|
|
3869
|
+
* <Splitter.Handle />
|
|
3870
|
+
*
|
|
3871
|
+
* <Splitter.Panel :default-size="40" :min-size="20">
|
|
3872
|
+
* Right content
|
|
3873
|
+
* </Splitter.Panel>
|
|
3874
|
+
* </Splitter.Root>
|
|
3875
|
+
* </template>
|
|
3876
|
+
* ```
|
|
3877
|
+
*/
|
|
3878
|
+
const Splitter = {
|
|
3879
|
+
Root: SplitterRoot_default,
|
|
3880
|
+
Panel: SplitterPanel_default,
|
|
3881
|
+
Handle: SplitterHandle_default
|
|
3882
|
+
};
|
|
3883
|
+
|
|
2893
3884
|
//#endregion
|
|
2894
3885
|
//#region src/components/Switch/SwitchGroup.vue
|
|
2895
3886
|
const [useSwitchGroup, provideSwitchGroup] = createContext();
|
|
@@ -3897,4 +4888,4 @@ const Tabs = {
|
|
|
3897
4888
|
};
|
|
3898
4889
|
|
|
3899
4890
|
//#endregion
|
|
3900
|
-
export {
|
|
4891
|
+
export { provideRadioRoot as $, CheckboxRoot_default as $t, SplitterHandle_default as A, ExpansionPanel as At, SliderRoot_default as B, Dialog as Bt, SwitchRoot_default as C, usePaginationItems as Ct, provideSwitchGroup as D, GroupRoot_default as Dt, SwitchGroup_default as E, GroupItem_default as Et, Slider as F, provideExpansionPanelItem as Ft, SelectionRoot_default as G, DialogClose_default as Gt, useSliderRoot as H, DialogTitle_default as Ht, SliderTrack_default as I, useExpansionPanelItem as It, Scrim_default as J, useDialogContext as Jt, provideSelectionRoot as K, DialogRoot_default as Kt, SliderThumb_default as L, ExpansionPanelRoot_default as Lt, SplitterRoot_default as M, ExpansionPanelContent_default as Mt, provideSplitterRoot as N, ExpansionPanelActivator_default as Nt, useSwitchGroup as O, provideGroupRoot as Ot, useSplitterRoot as P, ExpansionPanelItem_default as Pt, RadioRoot_default as Q, CheckboxHiddenInput_default as Qt, SliderRange_default as R, provideExpansionPanelRoot as Rt, SwitchHiddenInput_default as S, usePaginationControls as St, useSwitchRoot as T, Group as Tt, Selection as U, DialogDescription_default as Ut, provideSliderRoot as V, DialogActivator_default as Vt, SelectionItem_default as W, DialogContent_default as Wt, RadioIndicator_default as X, CheckboxSelectAll_default as Xt, Radio as Y, Checkbox as Yt, RadioHiddenInput_default as Z, CheckboxIndicator_default as Zt, useSingleRoot as _, AvatarFallback_default as _n, PaginationEllipsis_default as _t, TabsRoot_default as a, Breadcrumbs as an, PopoverContent_default as at, SwitchThumb_default as b, useAvatarRoot as bn, providePaginationItems as bt, Step as c, BreadcrumbsLink_default as cn, providePopoverContext as ct, provideStepRoot as d, BreadcrumbsDivider_default as dn, PaginationStatus_default as dt, provideCheckboxRoot as en, useRadioRoot as et, useStepRoot as f, BreadcrumbsRoot_default as fn, PaginationPrev_default as ft, provideSingleRoot as g, AvatarImage_default as gn, PaginationFirst_default as gt, SingleRoot_default as h, Avatar as hn, PaginationItem_default as ht, TabsList_default as i, useCheckboxGroup as in, Popover as it, SplitterPanel_default as j, ExpansionPanelHeader_default as jt, Splitter as k, useGroupRoot as kt, StepItem_default as l, BreadcrumbsItem_default as ln, usePopoverContext as lt, SingleItem_default as m, useBreadcrumbsRoot as mn, PaginationLast_default as mt, TabsPanel_default as n, CheckboxGroup_default as nn, provideRadioGroup as nt, provideTabsRoot as o, BreadcrumbsPage_default as on, PopoverActivator_default as ot, Single as p, provideBreadcrumbsRoot as pn, PaginationNext_default as pt, useSelectionRoot as q, provideDialogContext as qt, TabsItem_default as r, provideCheckboxGroup as rn, useRadioGroup as rt, useTabsRoot as s, BreadcrumbsList_default as sn, PopoverRoot_default as st, Tabs as t, useCheckboxRoot as tn, RadioGroup_default as tt, StepRoot_default as u, BreadcrumbsEllipsis_default as un, Pagination as ut, Switch as v, AvatarRoot_default as vn, PaginationRoot_default as vt, provideSwitchRoot as w, usePaginationRoot as wt, SwitchSelectAll_default as x, Atom_default as xn, providePaginationRoot as xt, SwitchTrack_default as y, provideAvatarRoot as yn, providePaginationControls as yt, SliderHiddenInput_default as z, useExpansionPanelRoot as zt };
|