@eodash/eodash 5.7.0 → 5.7.1

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.
Files changed (113) hide show
  1. package/core/client/components/EodashOverlay.vue +27 -4
  2. package/core/client/composables/DefineEodash.js +0 -1
  3. package/core/client/composables/DefineWidgets.js +3 -1
  4. package/core/client/eodashSTAC/EodashCollection.js +74 -20
  5. package/core/client/eodashSTAC/cql.js +64 -0
  6. package/core/client/eodashSTAC/createLayers.js +169 -116
  7. package/core/client/eodashSTAC/helpers.js +391 -98
  8. package/core/client/eodashSTAC/mosaic.js +416 -0
  9. package/core/client/plugins/axios.js +31 -1
  10. package/core/client/store/actions.js +1 -1
  11. package/core/client/store/stac.js +25 -4
  12. package/core/client/store/states.js +20 -2
  13. package/core/client/types.ts +147 -28
  14. package/core/client/utils/bands-editor/exampleSchema.json +50 -50
  15. package/core/client/utils/states.js +10 -0
  16. package/dist/client/{DashboardLayout-kRsmsNW5.js → DashboardLayout-ePbdvUTE.js} +2 -2
  17. package/dist/client/{DynamicWebComponent-CnKhYo0K.js → DynamicWebComponent-g5SdRbjY.js} +1 -1
  18. package/dist/client/{EodashChart-CLDqE93C.js → EodashChart-ChrkA5oS.js} +7 -6
  19. package/dist/client/{EodashDatePicker-CMPDT-ce.js → EodashDatePicker-CY1TrsDo.js} +3 -3
  20. package/dist/client/{EodashItemFilter-BpdA8QQa.js → EodashItemFilter-DzshHDlS.js} +2 -1
  21. package/dist/client/{EodashLayerControl-BHpDA4_0.js → EodashLayerControl-DMCeMkSd.js} +50 -20
  22. package/dist/client/{EodashLayoutSwitcher-B1fRUt7G.js → EodashLayoutSwitcher-iJ8mX1rF.js} +3 -3
  23. package/dist/client/{EodashMapBtns-Cpned0tc.js → EodashMapBtns-C7Cr7q5Y.js} +200 -86
  24. package/dist/client/EodashStacInfo-K7-iuXa7.js +169 -0
  25. package/dist/client/{EodashTools-1zHz26gv.js → EodashTools-BEK7e7JM.js} +4 -4
  26. package/dist/client/{ExportState-DbOm8hBI.js → ExportState-CqIzfMYQ.js} +6 -168
  27. package/dist/client/{Footer-BKg-VVkj.js → Footer-1P0cmBOZ.js} +1 -1
  28. package/dist/client/{Header-DCrwCvmY.js → Header-CkkBaBNh.js} +2 -2
  29. package/dist/client/{MobileLayout-vWSHpluo.js → MobileLayout-BPf49kDU.js} +2 -2
  30. package/dist/client/{PopUp-9uimfK49.js → PopUp-DPZq5SWI.js} +4 -168
  31. package/dist/client/{ProcessList-CTTIZa06.js → ProcessList-DuI6WpS1.js} +5 -5
  32. package/dist/client/VDivider-Bj9LG_JV.js +168 -0
  33. package/dist/client/{VImg-CrmB76ZY.js → VImg-Ddv5OyMz.js} +2 -2
  34. package/dist/client/{VMain-OKZNpcEG.js → VMain-7yqk_qC3.js} +1 -1
  35. package/dist/client/{VTooltip-CJw2FyWk.js → VTooltip-2hAJyEoa.js} +2 -2
  36. package/dist/client/{WidgetsContainer-BaWOnE5R.js → WidgetsContainer-2DOrlwCB.js} +1 -1
  37. package/dist/client/{asWebComponent-BHWpMuE3.js → asWebComponent-BlFN2lkB.js} +456 -306
  38. package/dist/client/{async-DSKj6g1f.js → async-B2H8ZwUK.js} +2 -2
  39. package/dist/client/{create-layers-config-CBoYedqB.js → create-layers-config-u_vn5hPk.js} +17 -17
  40. package/dist/client/dialog-transition-BrMkMiNa.js +170 -0
  41. package/dist/client/eo-dash.js +1 -1
  42. package/dist/client/{forwardRefs-DH51zPUr.js → forwardRefs-DAlror6d.js} +8 -87
  43. package/dist/client/{handling-BrcDDlgS.js → handling-B6I1V5eG.js} +3 -3
  44. package/dist/client/{helpers-DjZVl_WF.js → helpers-CBqIUSXJ.js} +794 -182
  45. package/dist/client/index-BWq1ZKaV.js +3168 -0
  46. package/dist/client/{index-CUjl-ZsI.js → index-CJ9UI3ln.js} +2 -2
  47. package/dist/client/{index-CSG_JoOA.js → index-DXLz4sFR.js} +62 -56
  48. package/dist/client/{index-1JKE68n3.js → index-DhKU6KqM.js} +211 -67
  49. package/dist/client/{index-Cu3-13Xg.js → index-DjQlbWbJ.js} +7 -6
  50. package/dist/client/mosaic-BFYLEwyx.js +455 -0
  51. package/dist/client/templates.js +250 -119
  52. package/dist/client/{transition-OHcz5Qq1.js → transition-D_W6Wn9v.js} +1 -1
  53. package/dist/node/cli.js +5 -5
  54. package/dist/node/types.d.ts +4 -0
  55. package/dist/types/core/client/composables/DefineEodash.d.ts +1 -1
  56. package/dist/types/core/client/eodashSTAC/EodashCollection.d.ts +57 -25
  57. package/dist/types/core/client/eodashSTAC/cql.d.ts +15 -0
  58. package/dist/types/core/client/eodashSTAC/createLayers.d.ts +42 -23
  59. package/dist/types/core/client/eodashSTAC/helpers.d.ts +77 -18
  60. package/dist/types/core/client/eodashSTAC/mosaic.d.ts +56 -0
  61. package/dist/types/core/client/store/stac.d.ts +31 -7
  62. package/dist/types/core/client/store/states.d.ts +24 -2
  63. package/dist/types/core/client/types.d.ts +123 -24
  64. package/dist/types/core/client/utils/states.d.ts +12 -0
  65. package/dist/types/templates/baseConfig.d.ts +1 -100
  66. package/dist/types/templates/compare.d.ts +32 -3
  67. package/dist/types/templates/expert.d.ts +18 -0
  68. package/dist/types/templates/explore.d.ts +9 -1
  69. package/dist/types/templates/lite.d.ts +11 -0
  70. package/dist/types/widgets/EodashChart.vue.d.ts +5 -3
  71. package/dist/types/widgets/EodashItemCatalog/index.vue.d.ts +129 -2
  72. package/dist/types/widgets/EodashItemCatalog/methods/filters.d.ts +28 -6
  73. package/dist/types/widgets/EodashItemCatalog/methods/handlers.d.ts +17 -4
  74. package/dist/types/widgets/EodashItemCatalog/methods/map.d.ts +16 -4
  75. package/dist/types/widgets/EodashLayerControl.vue.d.ts +35 -16
  76. package/dist/types/widgets/EodashMap/EodashMapBtns.vue.d.ts +14 -10
  77. package/dist/types/widgets/EodashMap/index.vue.d.ts +86 -37
  78. package/dist/types/widgets/EodashMap/methods/create-layers-config.d.ts +1 -1
  79. package/dist/types/widgets/EodashMap/methods/index.d.ts +5 -1
  80. package/dist/types/widgets/EodashMap/methods/use-map-loading.d.ts +1 -0
  81. package/dist/types/widgets/EodashProcess/index.vue.d.ts +5 -3
  82. package/dist/types/widgets/EodashProcess/states.d.ts +1 -1
  83. package/dist/types/widgets/EodashStacInfo.vue.d.ts +20 -0
  84. package/dist/types/widgets/EodashTimeSlider/index.vue.d.ts +20 -0
  85. package/dist/types/widgets/EodashTimeSlider/methods/index.d.ts +3 -8
  86. package/dist/types/widgets/EodashTimeSlider/types.d.ts +6 -16
  87. package/dist/types/widgets/EodashTools.vue.d.ts +5 -5
  88. package/package.json +33 -33
  89. package/templates/baseConfig.js +36 -6
  90. package/templates/compare.js +62 -7
  91. package/templates/expert.js +23 -0
  92. package/templates/explore.js +11 -5
  93. package/templates/lite.js +14 -0
  94. package/widgets/EodashChart.vue +1 -0
  95. package/widgets/EodashItemCatalog/index.vue +363 -35
  96. package/widgets/EodashItemCatalog/methods/filters.js +134 -70
  97. package/widgets/EodashItemCatalog/methods/handlers.js +113 -19
  98. package/widgets/EodashItemCatalog/methods/map.js +142 -28
  99. package/widgets/EodashLayerControl.vue +42 -11
  100. package/widgets/EodashMap/EodashMapBtns.vue +109 -48
  101. package/widgets/EodashMap/index.vue +89 -105
  102. package/widgets/EodashMap/methods/btns.js +37 -5
  103. package/widgets/EodashMap/methods/create-layers-config.js +16 -16
  104. package/widgets/EodashMap/methods/index.js +71 -8
  105. package/widgets/EodashMap/methods/use-map-loading.js +52 -0
  106. package/widgets/EodashProcess/index.vue +1 -0
  107. package/widgets/EodashProcess/states.js +1 -1
  108. package/widgets/EodashStacInfo.vue +64 -2
  109. package/widgets/EodashTimeSlider/index.vue +58 -2
  110. package/widgets/EodashTimeSlider/methods/index.js +5 -48
  111. package/widgets/EodashTimeSlider/types.ts +7 -17
  112. package/dist/client/EodashStacInfo-BQspAHKH.js +0 -107
  113. package/dist/client/index-5Jhsa8Xe.js +0 -570
@@ -1,171 +1,7 @@
1
- import { createVNode, Transition, mergeProps, ref, watch, nextTick, normalizeStyle, normalizeClass, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, mergeModels } from 'vue';
2
- import { g as genericComponent, ak as PREFERS_REDUCED_MOTION, p as propsFactory, am as acceleratedEasing, an as deceleratedEasing, ao as standardEasing, z as useProxiedModel, c as useRender, C as omit, V as VDefaultsProvider, l as provideTheme, f as useBackgroundColor, h as useBorder, b as useDimension, i as useElevation, j as useLocation, ab as usePosition, k as useRounded, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, ae as makePositionProps, t as makeLocationProps, v as makeElevationProps, d as makeDimensionProps, e as makeComponentProps, w as makeBorderProps, ap as useDefineWidgets } from './asWebComponent-BHWpMuE3.js';
3
- import { a as animate, g as getTargetBox, n as nullifyTransforms, u as useScopeId, f as forwardRefs, m as makeVOverlayProps, V as VOverlay } from './forwardRefs-DH51zPUr.js';
4
-
5
- // Utilities
6
- const makeVDialogTransitionProps = propsFactory({
7
- target: [Object, Array]
8
- }, 'v-dialog-transition');
9
- const saved = new WeakMap();
10
- const VDialogTransition = genericComponent()({
11
- name: 'VDialogTransition',
12
- props: makeVDialogTransitionProps(),
13
- setup(props, _ref) {
14
- let {
15
- slots
16
- } = _ref;
17
- const functions = {
18
- onBeforeEnter(el) {
19
- el.style.pointerEvents = 'none';
20
- el.style.visibility = 'hidden';
21
- },
22
- async onEnter(el, done) {
23
- await new Promise(resolve => requestAnimationFrame(resolve));
24
- await new Promise(resolve => requestAnimationFrame(resolve));
25
- el.style.visibility = '';
26
- const dimensions = getDimensions(props.target, el);
27
- const {
28
- x,
29
- y,
30
- sx,
31
- sy,
32
- speed
33
- } = dimensions;
34
- saved.set(el, dimensions);
35
- if (PREFERS_REDUCED_MOTION()) {
36
- animate(el, [{
37
- opacity: 0
38
- }, {}], {
39
- duration: 125 * speed,
40
- easing: deceleratedEasing
41
- }).finished.then(() => done());
42
- } else {
43
- const animation = animate(el, [{
44
- transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
45
- opacity: 0
46
- }, {}], {
47
- duration: 225 * speed,
48
- easing: deceleratedEasing
49
- });
50
- getChildren(el)?.forEach(el => {
51
- animate(el, [{
52
- opacity: 0
53
- }, {
54
- opacity: 0,
55
- offset: 0.33
56
- }, {}], {
57
- duration: 225 * 2 * speed,
58
- easing: standardEasing
59
- });
60
- });
61
- animation.finished.then(() => done());
62
- }
63
- },
64
- onAfterEnter(el) {
65
- el.style.removeProperty('pointer-events');
66
- },
67
- onBeforeLeave(el) {
68
- el.style.pointerEvents = 'none';
69
- },
70
- async onLeave(el, done) {
71
- await new Promise(resolve => requestAnimationFrame(resolve));
72
- let dimensions;
73
- if (!saved.has(el) || Array.isArray(props.target) || props.target.offsetParent || props.target.getClientRects().length) {
74
- dimensions = getDimensions(props.target, el);
75
- } else {
76
- dimensions = saved.get(el);
77
- }
78
- const {
79
- x,
80
- y,
81
- sx,
82
- sy,
83
- speed
84
- } = dimensions;
85
- if (PREFERS_REDUCED_MOTION()) {
86
- animate(el, [{}, {
87
- opacity: 0
88
- }], {
89
- duration: 85 * speed,
90
- easing: acceleratedEasing
91
- }).finished.then(() => done());
92
- } else {
93
- const animation = animate(el, [{}, {
94
- transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
95
- opacity: 0
96
- }], {
97
- duration: 125 * speed,
98
- easing: acceleratedEasing
99
- });
100
- animation.finished.then(() => done());
101
- getChildren(el)?.forEach(el => {
102
- animate(el, [{}, {
103
- opacity: 0,
104
- offset: 0.2
105
- }, {
106
- opacity: 0
107
- }], {
108
- duration: 125 * 2 * speed,
109
- easing: standardEasing
110
- });
111
- });
112
- }
113
- },
114
- onAfterLeave(el) {
115
- el.style.removeProperty('pointer-events');
116
- }
117
- };
118
- return () => {
119
- return props.target ? createVNode(Transition, mergeProps({
120
- "name": "dialog-transition"
121
- }, functions, {
122
- "css": false
123
- }), slots) : createVNode(Transition, {
124
- "name": "dialog-transition"
125
- }, slots);
126
- };
127
- }
128
- });
129
-
130
- /** Animatable children (card, sheet, list) */
131
- function getChildren(el) {
132
- const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children;
133
- return els && [...els];
134
- }
135
- function getDimensions(target, el) {
136
- const targetBox = getTargetBox(target);
137
- const elBox = nullifyTransforms(el);
138
- const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v));
139
- const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ');
140
- let offsetX = targetBox.left + targetBox.width / 2;
141
- if (anchorSide === 'left' || anchorOffset === 'left') {
142
- offsetX -= targetBox.width / 2;
143
- } else if (anchorSide === 'right' || anchorOffset === 'right') {
144
- offsetX += targetBox.width / 2;
145
- }
146
- let offsetY = targetBox.top + targetBox.height / 2;
147
- if (anchorSide === 'top' || anchorOffset === 'top') {
148
- offsetY -= targetBox.height / 2;
149
- } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {
150
- offsetY += targetBox.height / 2;
151
- }
152
- const tsx = targetBox.width / elBox.width;
153
- const tsy = targetBox.height / elBox.height;
154
- const maxs = Math.max(1, tsx, tsy);
155
- const sx = tsx / maxs || 0;
156
- const sy = tsy / maxs || 0;
157
-
158
- // Animate elements larger than 12% of the screen area up to 1.5x slower
159
- const asa = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
160
- const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;
161
- return {
162
- x: offsetX - (originX + elBox.left),
163
- y: offsetY - (originY + elBox.top),
164
- sx,
165
- sy,
166
- speed
167
- };
168
- }
1
+ import { ref, watch, nextTick, mergeProps, createVNode, normalizeStyle, normalizeClass, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, mergeModels } from 'vue';
2
+ import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit, V as VDefaultsProvider, l as provideTheme, f as useBackgroundColor, h as useBorder, b as useDimension, i as useElevation, j as useLocation, aj as usePosition, k as useRounded, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, v as makeElevationProps, d as makeDimensionProps, e as makeComponentProps, w as makeBorderProps, as as useDefineWidgets } from './asWebComponent-BlFN2lkB.js';
3
+ import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-DAlror6d.js';
4
+ import { V as VDialogTransition } from './dialog-transition-BrMkMiNa.js';
169
5
 
170
6
  const makeVDialogProps = propsFactory({
171
7
  fullscreen: Boolean,
@@ -1,15 +1,15 @@
1
1
  import { ref, createVNode, normalizeStyle, normalizeClass, createElementVNode, toRefs, onMounted, openBlock, createElementBlock, unref, createBlock, withCtx, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, toRef, createCommentVNode } from 'vue';
2
2
  import { mdiOpenInNew, mdiUploadBox, mdiDownloadBox, mdiTrashCanOutline } from '@mdi/js';
3
- import { g as genericComponent, l as provideTheme, Y as useDensity, c as useRender, p as propsFactory, r as makeThemeProps, m as makeTagProps, Z as makeDensityProps, e as makeComponentProps, q as convertToUnit, _ as _export_sfc, H as useSTAcStore, N as useOnLayersUpdate, K as VIcon, J as VBtn } from './asWebComponent-BHWpMuE3.js';
4
- import { H as compareIndicator, E as indicator } from './helpers-DjZVl_WF.js';
5
- import { u as updateJobsStatus, j as getJobStatusUrl, l as loadProcess, k as downloadPreviousResults, m as deleteJob } from './async-DSKj6g1f.js';
6
- import { T as Tooltip } from './index-CUjl-ZsI.js';
3
+ import { g as genericComponent, l as provideTheme, W as useDensity, c as useRender, p as propsFactory, r as makeThemeProps, m as makeTagProps, Z as makeDensityProps, e as makeComponentProps, q as convertToUnit, _ as _export_sfc, H as useSTAcStore, L as useOnLayersUpdate, K as VIcon, J as VBtn } from './asWebComponent-BlFN2lkB.js';
4
+ import { Q as compareIndicator, M as indicator } from './helpers-CBqIUSXJ.js';
5
+ import { u as updateJobsStatus, j as getJobStatusUrl, l as loadProcess, k as downloadPreviousResults, m as deleteJob } from './async-B2H8ZwUK.js';
6
+ import { T as Tooltip } from './index-CJ9UI3ln.js';
7
7
 
8
8
  /**
9
9
  * The list of job result from the server
10
10
  * {job_start_datetime: string, job_end_datetime: string,status: string}
11
11
  * @type {import("vue").Ref<import("./types").AsyncJob[]>}
12
- **/
12
+ */
13
13
  const jobs = ref([]);
14
14
  /**
15
15
  * The list of jobs results from the server for the compare map
@@ -0,0 +1,168 @@
1
+ import { createVNode, normalizeStyle, normalizeClass, computed, toRef, createElementVNode } from 'vue';
2
+ import { g as genericComponent, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, k as useRounded, ao as useSize, c as useRender, K as VIcon, V as VDefaultsProvider, a1 as genOverlays, p as propsFactory, Q as IconValue, X as makeVariantProps, r as makeThemeProps, m as makeTagProps, ap as makeSizeProps, s as makeRoundedProps, Z as makeDensityProps, e as makeComponentProps, w as makeBorderProps, a2 as useTextColor, q as convertToUnit } from './asWebComponent-BlFN2lkB.js';
3
+ import { V as VImg } from './VImg-Ddv5OyMz.js';
4
+
5
+ const makeVAvatarProps = propsFactory({
6
+ start: Boolean,
7
+ end: Boolean,
8
+ icon: IconValue,
9
+ image: String,
10
+ text: String,
11
+ ...makeBorderProps(),
12
+ ...makeComponentProps(),
13
+ ...makeDensityProps(),
14
+ ...makeRoundedProps(),
15
+ ...makeSizeProps(),
16
+ ...makeTagProps(),
17
+ ...makeThemeProps(),
18
+ ...makeVariantProps({
19
+ variant: 'flat'
20
+ })
21
+ }, 'VAvatar');
22
+ const VAvatar = genericComponent()({
23
+ name: 'VAvatar',
24
+ props: makeVAvatarProps(),
25
+ setup(props, _ref) {
26
+ let {
27
+ slots
28
+ } = _ref;
29
+ const {
30
+ themeClasses
31
+ } = provideTheme(props);
32
+ const {
33
+ borderClasses
34
+ } = useBorder(props);
35
+ const {
36
+ colorClasses,
37
+ colorStyles,
38
+ variantClasses
39
+ } = useVariant(props);
40
+ const {
41
+ densityClasses
42
+ } = useDensity(props);
43
+ const {
44
+ roundedClasses
45
+ } = useRounded(props);
46
+ const {
47
+ sizeClasses,
48
+ sizeStyles
49
+ } = useSize(props);
50
+ useRender(() => createVNode(props.tag, {
51
+ "class": normalizeClass(['v-avatar', {
52
+ 'v-avatar--start': props.start,
53
+ 'v-avatar--end': props.end
54
+ }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class]),
55
+ "style": normalizeStyle([colorStyles.value, sizeStyles.value, props.style])
56
+ }, {
57
+ default: () => [!slots.default ? props.image ? createVNode(VImg, {
58
+ "key": "image",
59
+ "src": props.image,
60
+ "alt": "",
61
+ "cover": true
62
+ }, null) : props.icon ? createVNode(VIcon, {
63
+ "key": "icon",
64
+ "icon": props.icon
65
+ }, null) : props.text : createVNode(VDefaultsProvider, {
66
+ "key": "content-defaults",
67
+ "defaults": {
68
+ VImg: {
69
+ cover: true,
70
+ src: props.image
71
+ },
72
+ VIcon: {
73
+ icon: props.icon
74
+ }
75
+ }
76
+ }, {
77
+ default: () => [slots.default()]
78
+ }), genOverlays(false, 'v-avatar')]
79
+ }));
80
+ return {};
81
+ }
82
+ });
83
+
84
+ const allowedVariants = ['dotted', 'dashed', 'solid', 'double'];
85
+ const makeVDividerProps = propsFactory({
86
+ color: String,
87
+ contentOffset: [Number, String, Array],
88
+ gradient: Boolean,
89
+ inset: Boolean,
90
+ length: [Number, String],
91
+ opacity: [Number, String],
92
+ thickness: [Number, String],
93
+ vertical: Boolean,
94
+ variant: {
95
+ type: String,
96
+ default: 'solid',
97
+ validator: v => allowedVariants.includes(v)
98
+ },
99
+ ...makeComponentProps(),
100
+ ...makeThemeProps()
101
+ }, 'VDivider');
102
+ const VDivider = genericComponent()({
103
+ name: 'VDivider',
104
+ props: makeVDividerProps(),
105
+ setup(props, _ref) {
106
+ let {
107
+ attrs,
108
+ slots
109
+ } = _ref;
110
+ const {
111
+ themeClasses
112
+ } = provideTheme(props);
113
+ const {
114
+ textColorClasses,
115
+ textColorStyles
116
+ } = useTextColor(() => props.color);
117
+ const dividerStyles = computed(() => {
118
+ const styles = {};
119
+ if (props.length) {
120
+ styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
121
+ }
122
+ if (props.thickness) {
123
+ styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
124
+ }
125
+ return styles;
126
+ });
127
+ const contentStyles = toRef(() => {
128
+ const margin = Array.isArray(props.contentOffset) ? props.contentOffset[0] : props.contentOffset;
129
+ const shift = Array.isArray(props.contentOffset) ? props.contentOffset[1] : 0;
130
+ return {
131
+ marginBlock: props.vertical && margin ? convertToUnit(margin) : undefined,
132
+ marginInline: !props.vertical && margin ? convertToUnit(margin) : undefined,
133
+ transform: shift ? `translate${props.vertical ? 'X' : 'Y'}(${convertToUnit(shift)})` : undefined
134
+ };
135
+ });
136
+ useRender(() => {
137
+ const divider = createElementVNode("hr", {
138
+ "class": normalizeClass([{
139
+ 'v-divider': true,
140
+ 'v-divider--gradient': props.gradient && !slots.default,
141
+ 'v-divider--inset': props.inset,
142
+ 'v-divider--vertical': props.vertical
143
+ }, themeClasses.value, textColorClasses.value, props.class]),
144
+ "style": normalizeStyle([dividerStyles.value, textColorStyles.value, {
145
+ '--v-border-opacity': props.opacity
146
+ }, {
147
+ 'border-style': props.variant
148
+ }, props.style]),
149
+ "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
150
+ "role": `${attrs.role || 'separator'}`
151
+ }, null);
152
+ if (!slots.default) return divider;
153
+ return createElementVNode("div", {
154
+ "class": normalizeClass(['v-divider__wrapper', {
155
+ 'v-divider__wrapper--gradient': props.gradient,
156
+ 'v-divider__wrapper--inset': props.inset,
157
+ 'v-divider__wrapper--vertical': props.vertical
158
+ }])
159
+ }, [divider, createElementVNode("div", {
160
+ "class": "v-divider__content",
161
+ "style": normalizeStyle(contentStyles.value)
162
+ }, [slots.default()]), divider]);
163
+ });
164
+ return {};
165
+ }
166
+ });
167
+
168
+ export { VAvatar as V, VDivider as a };
@@ -1,6 +1,6 @@
1
1
  import { h, TransitionGroup, Transition, createElementVNode, normalizeStyle, normalizeClass, computed, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, mergeProps, Fragment, vShow } from 'vue';
2
- import { aj as SUPPORTS_INTERSECTION, g as genericComponent, ak as PREFERS_REDUCED_MOTION, p as propsFactory, b as useDimension, c as useRender, d as makeDimensionProps, e as makeComponentProps, f as useBackgroundColor, k as useRounded, al as getCurrentInstance, q as convertToUnit, s as makeRoundedProps } from './asWebComponent-BHWpMuE3.js';
3
- import { M as MaybeTransition, m as makeTransitionProps$1 } from './transition-OHcz5Qq1.js';
2
+ import { aq as SUPPORTS_INTERSECTION, g as genericComponent, ar as PREFERS_REDUCED_MOTION, p as propsFactory, b as useDimension, c as useRender, d as makeDimensionProps, e as makeComponentProps, f as useBackgroundColor, k as useRounded, N as getCurrentInstance, q as convertToUnit, s as makeRoundedProps } from './asWebComponent-BlFN2lkB.js';
3
+ import { M as MaybeTransition, m as makeTransitionProps$1 } from './transition-D_W6Wn9v.js';
4
4
 
5
5
  // Utilities
6
6
  function mounted(el, binding) {
@@ -1,5 +1,5 @@
1
1
  import { createVNode, normalizeStyle, normalizeClass, createElementVNode } from 'vue';
2
- import { g as genericComponent, b as useDimension, a as useLayout, c as useRender, p as propsFactory, m as makeTagProps, d as makeDimensionProps, e as makeComponentProps } from './asWebComponent-BHWpMuE3.js';
2
+ import { g as genericComponent, b as useDimension, a as useLayout, c as useRender, p as propsFactory, m as makeTagProps, d as makeDimensionProps, e as makeComponentProps } from './asWebComponent-BlFN2lkB.js';
3
3
  import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
4
4
 
5
5
  const makeVMainProps = propsFactory({
@@ -1,6 +1,6 @@
1
1
  import { useId, toRef, ref, computed, mergeProps, createVNode } from 'vue';
2
- import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, V as VOverlay } from './forwardRefs-DH51zPUr.js';
3
- import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit } from './asWebComponent-BHWpMuE3.js';
2
+ import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-DAlror6d.js';
3
+ import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit } from './asWebComponent-BlFN2lkB.js';
4
4
 
5
5
  const makeVTooltipProps = propsFactory({
6
6
  id: String,
@@ -1,5 +1,5 @@
1
1
  import { ref, onMounted, nextTick, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
2
- import { ap as useDefineWidgets, a as useLayout } from './asWebComponent-BHWpMuE3.js';
2
+ import { as as useDefineWidgets, a as useLayout } from './asWebComponent-BlFN2lkB.js';
3
3
  import 'animated-details';
4
4
 
5
5
  const _sfc_main = {