@eodash/eodash 5.6.1 → 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.
- package/core/client/components/DashboardLayout.vue +1 -1
- package/core/client/components/EodashOverlay.vue +27 -4
- package/core/client/composables/DefineEodash.js +0 -1
- package/core/client/composables/DefineWidgets.js +3 -1
- package/core/client/composables/index.js +6 -2
- package/core/client/eodashSTAC/EodashCollection.js +79 -45
- package/core/client/eodashSTAC/cql.js +64 -0
- package/core/client/eodashSTAC/createLayers.js +192 -125
- package/core/client/eodashSTAC/helpers.js +423 -97
- package/core/client/eodashSTAC/mosaic.js +416 -0
- package/core/client/plugins/axios.js +31 -1
- package/core/client/store/actions.js +1 -1
- package/core/client/store/stac.js +25 -4
- package/core/client/store/states.js +20 -2
- package/core/client/types.ts +155 -29
- package/core/client/utils/bands-editor/exampleSchema.json +50 -50
- package/core/client/utils/index.js +4 -0
- package/core/client/utils/states.js +10 -0
- package/dist/client/{DashboardLayout-CqMb7OXc.js → DashboardLayout-ePbdvUTE.js} +5 -5
- package/dist/client/{DynamicWebComponent-DqKqTf7l.js → DynamicWebComponent-g5SdRbjY.js} +1 -1
- package/dist/client/{EodashChart-PkUQfH0k.js → EodashChart-ChrkA5oS.js} +7 -6
- package/dist/client/{EodashDatePicker-DLJGdTtX.js → EodashDatePicker-CY1TrsDo.js} +3 -3
- package/dist/client/{EodashItemFilter-Dk8KjFcX.js → EodashItemFilter-DzshHDlS.js} +2 -1
- package/dist/client/{EodashLayerControl-CC1Cogrn.js → EodashLayerControl-DMCeMkSd.js} +70 -22
- package/dist/client/{EodashLayoutSwitcher-5WZYd6rr.js → EodashLayoutSwitcher-iJ8mX1rF.js} +3 -3
- package/dist/client/EodashMapBtns-C7Cr7q5Y.js +592 -0
- package/dist/client/EodashStacInfo-K7-iuXa7.js +169 -0
- package/dist/client/{EodashTools-CGZtTh45.js → EodashTools-BEK7e7JM.js} +4 -4
- package/dist/client/{ExportState-Ce0ZnrX_.js → ExportState-CqIzfMYQ.js} +6 -168
- package/dist/client/{Footer-CnZqEiop.js → Footer-1P0cmBOZ.js} +1 -1
- package/dist/client/{Header-Dr5PBIm8.js → Header-CkkBaBNh.js} +2 -2
- package/dist/client/MobileLayout-BPf49kDU.js +118 -0
- package/dist/client/{PopUp-DjvE_71e.js → PopUp-DPZq5SWI.js} +4 -168
- package/dist/client/{ProcessList-kf3olI7W.js → ProcessList-DuI6WpS1.js} +5 -5
- package/dist/client/VDivider-Bj9LG_JV.js +168 -0
- package/dist/client/{VImg-Bj6uWt6j.js → VImg-Ddv5OyMz.js} +2 -2
- package/dist/client/{VMain-Cm0UmKGi.js → VMain-7yqk_qC3.js} +1 -1
- package/dist/client/{VTooltip-DbBu-ky3.js → VTooltip-2hAJyEoa.js} +2 -2
- package/dist/client/{WidgetsContainer-CfLnd44U.js → WidgetsContainer-2DOrlwCB.js} +1 -1
- package/dist/client/{asWebComponent-DfULAbpq.js → asWebComponent-BlFN2lkB.js} +493 -335
- package/dist/client/{async-CIbKXEEe.js → async-B2H8ZwUK.js} +21 -10
- package/dist/client/create-layers-config-u_vn5hPk.js +182 -0
- package/dist/client/dialog-transition-BrMkMiNa.js +170 -0
- package/dist/client/eo-dash.js +1 -1
- package/dist/client/{forwardRefs-yj3VWOK5.js → forwardRefs-DAlror6d.js} +8 -87
- package/dist/client/{handling-s8xt2JwF.js → handling-B6I1V5eG.js} +123 -85
- package/dist/client/{helpers-DAVGYl_f.js → helpers-CBqIUSXJ.js} +3034 -1649
- package/dist/client/index-BWq1ZKaV.js +3168 -0
- package/dist/client/{index-CYz6dT7K.js → index-CJ9UI3ln.js} +2 -2
- package/dist/client/index-DXLz4sFR.js +442 -0
- package/dist/client/{index-4TrjfJ32.js → index-DhKU6KqM.js} +230 -231
- package/dist/client/{index-Bu8BMA9q.js → index-DjQlbWbJ.js} +70 -83
- package/dist/client/material-symbols-outlined.woff2 +0 -0
- package/dist/client/material-symbols-rounded.woff2 +0 -0
- package/dist/client/material-symbols-sharp.woff2 +0 -0
- package/dist/client/material-symbols-subset.woff2 +0 -0
- package/dist/client/mosaic-BFYLEwyx.js +455 -0
- package/dist/client/templates.js +250 -119
- package/dist/client/{transition-DaOsiD4u.js → transition-D_W6Wn9v.js} +1 -1
- package/dist/node/cli.js +5 -5
- package/dist/node/types.d.ts +4 -0
- package/dist/types/core/client/composables/DefineEodash.d.ts +1 -1
- package/dist/types/core/client/composables/index.d.ts +1 -3
- package/dist/types/core/client/eodashSTAC/EodashCollection.d.ts +62 -31
- package/dist/types/core/client/eodashSTAC/cql.d.ts +15 -0
- package/dist/types/core/client/eodashSTAC/createLayers.d.ts +44 -25
- package/dist/types/core/client/eodashSTAC/helpers.d.ts +78 -18
- package/dist/types/core/client/eodashSTAC/mosaic.d.ts +56 -0
- package/dist/types/core/client/store/stac.d.ts +31 -7
- package/dist/types/core/client/store/states.d.ts +24 -2
- package/dist/types/core/client/types.d.ts +131 -25
- package/dist/types/core/client/utils/states.d.ts +12 -0
- package/dist/types/templates/baseConfig.d.ts +1 -88
- package/dist/types/templates/compare.d.ts +32 -3
- package/dist/types/templates/expert.d.ts +18 -0
- package/dist/types/templates/explore.d.ts +9 -1
- package/dist/types/templates/lite.d.ts +11 -0
- package/dist/types/widgets/EodashChart.vue.d.ts +5 -3
- package/dist/types/widgets/EodashItemCatalog/index.vue.d.ts +129 -2
- package/dist/types/widgets/EodashItemCatalog/methods/filters.d.ts +28 -6
- package/dist/types/widgets/EodashItemCatalog/methods/handlers.d.ts +17 -4
- package/dist/types/widgets/EodashItemCatalog/methods/map.d.ts +16 -4
- package/dist/types/widgets/EodashLayerControl.vue.d.ts +36 -17
- package/dist/types/widgets/EodashMap/EodashMapBtns.vue.d.ts +23 -10
- package/dist/types/widgets/EodashMap/index.vue.d.ts +91 -35
- package/dist/types/widgets/EodashMap/methods/create-layers-config.d.ts +1 -8
- package/dist/types/widgets/EodashMap/methods/index.d.ts +5 -1
- package/dist/types/widgets/EodashMap/methods/use-map-loading.d.ts +1 -0
- package/dist/types/widgets/EodashProcess/index.vue.d.ts +5 -3
- package/dist/types/widgets/EodashProcess/methods/composables.d.ts +1 -1
- package/dist/types/widgets/EodashProcess/methods/handling.d.ts +13 -8
- package/dist/types/widgets/EodashProcess/states.d.ts +1 -1
- package/dist/types/widgets/EodashStacInfo.vue.d.ts +20 -0
- package/dist/types/widgets/EodashTimeSlider/index.vue.d.ts +54 -0
- package/dist/types/widgets/EodashTimeSlider/methods/index.d.ts +34 -0
- package/dist/types/widgets/EodashTimeSlider/types.d.ts +52 -0
- package/dist/types/widgets/EodashTools.vue.d.ts +5 -5
- package/package.json +46 -46
- package/templates/baseConfig.js +36 -6
- package/templates/compare.js +62 -7
- package/templates/expert.js +23 -0
- package/templates/explore.js +11 -5
- package/templates/lite.js +14 -0
- package/widgets/EodashChart.vue +1 -0
- package/widgets/EodashItemCatalog/index.vue +363 -35
- package/widgets/EodashItemCatalog/methods/filters.js +134 -70
- package/widgets/EodashItemCatalog/methods/handlers.js +113 -19
- package/widgets/EodashItemCatalog/methods/map.js +142 -28
- package/widgets/EodashLayerControl.vue +64 -14
- package/widgets/EodashMap/EodashMapBtns.vue +153 -47
- package/widgets/EodashMap/index.vue +101 -105
- package/widgets/EodashMap/methods/btns.js +37 -5
- package/widgets/EodashMap/methods/create-layers-config.js +18 -16
- package/widgets/EodashMap/methods/index.js +89 -8
- package/widgets/EodashMap/methods/use-map-loading.js +52 -0
- package/widgets/EodashProcess/index.vue +2 -1
- package/widgets/EodashProcess/methods/async.js +19 -8
- package/widgets/EodashProcess/methods/composables.js +63 -77
- package/widgets/EodashProcess/methods/custom-endpoints/chart/sentinelhub-endpoint.js +9 -5
- package/widgets/EodashProcess/methods/custom-endpoints/chart/veda-endpoint.js +7 -4
- package/widgets/EodashProcess/methods/handling.js +105 -72
- package/widgets/EodashProcess/states.js +1 -1
- package/widgets/EodashStacInfo.vue +64 -2
- package/widgets/EodashTimeSlider/index.vue +208 -0
- package/widgets/EodashTimeSlider/methods/index.js +236 -0
- package/widgets/EodashTimeSlider/types.ts +54 -0
- package/dist/client/EodashMapBtns-BHrSDNoC.js +0 -435
- package/dist/client/EodashStacInfo-B90wobPc.js +0 -107
- package/dist/client/EodashTimeSlider-5vm7F3ju.js +0 -53
- package/dist/client/MobileLayout-DyMjaeif.js +0 -118
- package/dist/client/index-CugS__t5.js +0 -570
- package/dist/types/widgets/EodashTimeSlider.vue.d.ts +0 -15
- package/widgets/EodashTimeSlider.vue +0 -40
|
@@ -1,171 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { g as genericComponent,
|
|
3
|
-
import {
|
|
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,
|
|
4
|
-
import {
|
|
5
|
-
import { u as updateJobsStatus, j as getJobStatusUrl, l as loadProcess, k as downloadPreviousResults, m as deleteJob } from './async-
|
|
6
|
-
import { T as Tooltip } from './index-
|
|
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 {
|
|
3
|
-
import { M as MaybeTransition, m as makeTransitionProps$1 } from './transition-
|
|
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-
|
|
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,
|
|
3
|
-
import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit } from './asWebComponent-
|
|
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 {
|
|
2
|
+
import { as as useDefineWidgets, a as useLayout } from './asWebComponent-BlFN2lkB.js';
|
|
3
3
|
import 'animated-details';
|
|
4
4
|
|
|
5
5
|
const _sfc_main = {
|