@vcmap/ui 6.1.0-rc.6 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/base.config.json +7 -3
- package/config/cluster.config.json +5 -14
- package/config/dev.config.json +175 -56
- package/config/projects.config.json +2 -1
- package/config/splashscreen.config.json +6 -10
- package/config/vectorTile.config.json +42 -1
- package/dist/assets/{cesium-f5e8e354.js → cesium-664ad022.js} +53 -23
- package/dist/assets/cesium.js +1 -1
- package/dist/assets/{core-c134a524.js → core-841b71a4.js} +8458 -5828
- package/dist/assets/core.js +1 -1
- package/dist/assets/{ol-2752311f.js → ol-2e095c08.js} +87 -37
- package/dist/assets/ol.js +1 -1
- package/dist/assets/ui-2fd6f47d.css +1 -0
- package/dist/assets/{ui-83514586.js → ui-2fd6f47d.js} +21376 -20063
- package/dist/assets/ui.js +1 -1
- package/dist/assets/vue.js +1 -1
- package/dist/assets/{vuetify-5dbe2644.css → vuetify-4bc77ff7.css} +2 -2
- package/dist/assets/{vuetify-5dbe2644.js → vuetify-4bc77ff7.js} +7520 -7373
- package/dist/assets/vuetify.js +1 -1
- package/dist/index.html +1 -1
- package/index.d.ts +15 -5
- package/index.html +1 -1
- package/index.js +14 -5
- package/package.json +12 -8
- package/plugins/@vcmap-show-case/theming-example/src/index.js +1 -0
- package/plugins/@vcmap-show-case/vector-properties-example/src/LayerSettings.vue +39 -0
- package/plugins/@vcmap-show-case/vector-properties-example/src/VectorPropertiesExample.vue +3 -0
- package/plugins/@vcmap-show-case/vector-properties-example/src/lib.js +13 -0
- package/plugins/@vcmap-show-case/window-tester/src/WindowExample.vue +9 -0
- package/plugins/package.json +7 -5
- package/src/actions/actionHelper.d.ts +6 -0
- package/src/actions/actionHelper.js +22 -0
- package/src/actions/deepPickingAction.d.ts +23 -0
- package/src/actions/deepPickingAction.js +399 -0
- package/src/application/MapsGroupMobileMenu.vue +105 -0
- package/src/application/MapsGroupMobileMenu.vue.d.ts +7 -0
- package/src/application/VcsApp.vue +51 -24
- package/src/application/VcsApp.vue.d.ts +9 -2
- package/src/application/VcsAttributionsFooter.vue +1 -0
- package/src/application/VcsContainer.vue +36 -13
- package/src/application/VcsContainer.vue.d.ts +7 -0
- package/src/application/VcsMobileMenuList.vue +111 -0
- package/src/application/VcsMobileMenuList.vue.d.ts +2 -0
- package/src/application/VcsNavbar.vue +15 -3
- package/src/application/VcsNavbarMobile.vue +206 -0
- package/src/application/VcsNavbarMobile.vue.d.ts +42 -0
- package/src/application/VcsPositionDisplay.vue +1 -0
- package/src/application/VcsSplashScreen.vue +39 -7
- package/src/application/VcsSplashScreen.vue.d.ts +6 -0
- package/src/application/uiConfigHelper.d.ts +12 -0
- package/src/application/uiConfigHelper.js +37 -0
- package/src/components/buttons/VcsActionButtonList.vue +1 -0
- package/src/components/buttons/VcsToolButton.vue +8 -1
- package/src/components/buttons/VcsToolButton.vue.d.ts +1 -0
- package/src/components/form-inputs-controls/VcsSelect.vue +8 -6
- package/src/components/form-output/VcsTemplateMarkdown.vue +43 -0
- package/src/components/form-output/VcsTemplateMarkdown.vue.d.ts +9 -0
- package/src/components/icons/+all.d.ts +5 -0
- package/src/components/icons/+all.js +14 -0
- package/src/components/lists/VcsActionList.vue +1 -0
- package/src/components/lists/VcsGroupedList.vue +2 -1
- package/src/components/lists/VcsListItemComponent.vue +1 -0
- package/src/components/lists/VcsTreeNode.vue +11 -2
- package/src/components/lists/VcsTreeview.vue +40 -3
- package/src/components/lists/VcsTreeview.vue.d.ts +1 -0
- package/src/components/lists/VcsTreeviewTitle.vue +8 -1
- package/src/components/style/{MenuWrapper.vue → StyleMenuWrapper.vue} +2 -1
- package/src/components/style/VcsFillMenu.vue +4 -4
- package/src/components/style/VcsImageMenu.vue +4 -4
- package/src/components/style/VcsStrokeMenu.vue +4 -4
- package/src/components/style/VcsTextMenu.vue +4 -4
- package/src/contentTree/LayerTree.vue +8 -46
- package/src/contentTree/LayerTree.vue.d.ts +1 -3
- package/src/contentTree/contentTreeCollection.d.ts +7 -0
- package/src/contentTree/contentTreeCollection.js +31 -10
- package/src/contentTree/contentTreeItem.d.ts +4 -4
- package/src/contentTree/contentTreeItem.js +2 -2
- package/src/contentTree/flightContentTreeItem.d.ts +8 -1
- package/src/contentTree/flightContentTreeItem.js +26 -3
- package/src/contentTree/groupContentTreeItem.d.ts +21 -0
- package/src/contentTree/groupContentTreeItem.js +32 -2
- package/src/contentTree/layerContentTreeItem.d.ts +8 -1
- package/src/contentTree/layerContentTreeItem.js +26 -4
- package/src/contentTree/layerGroupContentTreeItem.d.ts +6 -0
- package/src/contentTree/layerGroupContentTreeItem.js +27 -3
- package/src/contentTree/nodeContentTreeItem.d.ts +21 -0
- package/src/contentTree/nodeContentTreeItem.js +31 -2
- package/src/contentTree/obliqueCollectionContentTreeItem.d.ts +6 -0
- package/src/contentTree/obliqueCollectionContentTreeItem.js +22 -2
- package/src/contentTree/wmsChildContentTreeItem.d.ts +56 -0
- package/src/contentTree/wmsChildContentTreeItem.js +159 -0
- package/src/contentTree/wmsGroupContentTreeItem.d.ts +171 -0
- package/src/contentTree/wmsGroupContentTreeItem.js +619 -0
- package/src/featureInfo/BalloonComponent.vue +6 -6
- package/src/featureInfo/ClusterFeatureComponent.vue +47 -11
- package/src/featureInfo/ClusterFeatureComponent.vue.d.ts +1 -0
- package/src/featureInfo/MarkdownBalloonComponent.vue +3 -9
- package/src/featureInfo/MarkdownBalloonComponent.vue.d.ts +1 -11
- package/src/featureInfo/balloonFeatureInfoView.d.ts +3 -0
- package/src/featureInfo/balloonFeatureInfoView.js +78 -11
- package/src/featureInfo/balloonHelper.js +9 -13
- package/src/featureInfo/featureInfo.d.ts +32 -7
- package/src/featureInfo/featureInfo.js +192 -93
- package/src/featureInfo/markdownBalloonFeatureInfoView.d.ts +0 -6
- package/src/featureInfo/markdownBalloonFeatureInfoView.js +5 -14
- package/src/featureInfo/markdownFeatureInfoView.d.ts +2 -8
- package/src/featureInfo/markdownFeatureInfoView.js +6 -15
- package/src/i18n/de.d.ts +64 -50
- package/src/i18n/de.js +9 -0
- package/src/i18n/en.d.ts +64 -50
- package/src/i18n/en.js +9 -0
- package/src/legend/VcsLegend.vue +21 -2
- package/src/legend/VcsLegend.vue.d.ts +1 -0
- package/src/legend/legendHelper.d.ts +0 -13
- package/src/legend/legendHelper.js +3 -27
- package/src/manager/navbarManager.d.ts +14 -1
- package/src/manager/navbarManager.js +22 -2
- package/src/manager/toolbox/GroupToolboxComponent.vue +17 -3
- package/src/manager/toolbox/GroupToolboxComponent.vue.d.ts +1 -0
- package/src/manager/toolbox/SelectToolboxComponent.vue +17 -3
- package/src/manager/toolbox/SelectToolboxComponent.vue.d.ts +1 -0
- package/src/manager/toolbox/ToolboxManagerComponent.vue +45 -14
- package/src/manager/toolbox/ToolboxManagerComponent.vue.d.ts +9 -0
- package/src/manager/toolbox/toolboxManager.d.ts +2 -1
- package/src/manager/toolbox/toolboxManager.js +13 -1
- package/src/manager/window/WindowComponent.vue +3 -2
- package/src/manager/window/WindowComponentHeader.vue +9 -1
- package/src/manager/window/WindowComponentHeader.vue.d.ts +1 -0
- package/src/manager/window/WindowManager.vue +175 -30
- package/src/manager/window/WindowManager.vue.d.ts +5 -0
- package/src/manager/window/windowManager.d.ts +2 -2
- package/src/manager/window/windowManager.js +12 -10
- package/src/navigation/MapNavigation.vue +29 -19
- package/src/navigation/MapNavigation.vue.d.ts +1 -0
- package/src/notifier/NotifierComponent.vue +1 -0
- package/src/search/ResultsComponent.vue +44 -17
- package/src/search/ResultsComponent.vue.d.ts +11 -1
- package/src/search/SearchComponent.vue +60 -9
- package/src/search/SearchComponent.vue.d.ts +2 -0
- package/src/search/search.js +3 -16
- package/src/state.d.ts +2 -1
- package/src/state.js +2 -1
- package/src/uiConfig.d.ts +9 -0
- package/src/uiConfig.js +1 -0
- package/src/vuePlugins/vuetify.d.ts +4 -0
- package/src/vuePlugins/vuetify.js +49 -3
- package/dist/assets/ui-83514586.css +0 -1
- /package/dist/assets/{vue-f8b1b5f8.js → vue-71fd14e8.js} +0 -0
- /package/src/components/style/{MenuWrapper.vue.d.ts → StyleMenuWrapper.vue.d.ts} +0 -0
@@ -1,7 +1,8 @@
|
|
1
1
|
<template>
|
2
2
|
<v-sheet>
|
3
3
|
<span
|
4
|
-
class="d-flex justify-space-between align-center
|
4
|
+
class="d-flex justify-space-between align-center ml-2 search-component"
|
5
|
+
:class="xs ? 'mobile-style' : 'mt-1'"
|
5
6
|
>
|
6
7
|
<v-icon class="pa-1" :size="searchIconSize"> $vcsSearch </v-icon>
|
7
8
|
<VcsTextField
|
@@ -11,7 +12,7 @@
|
|
11
12
|
clearable
|
12
13
|
:placeholder="$t('search.placeholder')"
|
13
14
|
v-model="query"
|
14
|
-
@keydown.enter="search"
|
15
|
+
@keydown.enter.prevent="search"
|
15
16
|
@keydown.down.stop.prevent="selectSuggestion(1)"
|
16
17
|
@keydown.up.stop.prevent="selectSuggestion(-1)"
|
17
18
|
@input="onInput"
|
@@ -20,13 +21,32 @@
|
|
20
21
|
</span>
|
21
22
|
<template v-if="results.length > 0">
|
22
23
|
<v-divider class="mt-1 base-darken-1" />
|
23
|
-
<ResultsComponent
|
24
|
+
<ResultsComponent
|
25
|
+
:query="query"
|
26
|
+
:results="results"
|
27
|
+
:show-selected-only="showSelectedOnly"
|
28
|
+
/>
|
24
29
|
<v-divider />
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
+
|
31
|
+
<v-row no-gutters>
|
32
|
+
<v-col>
|
33
|
+
<div class="button-container d-flex align-center px-2 pt-2 pb-1">
|
34
|
+
<VcsFormButton
|
35
|
+
class="fixed-button"
|
36
|
+
@click="showSelectedOnly = !showSelectedOnly"
|
37
|
+
>
|
38
|
+
<v-icon icon="mdi-arrow-collapse-vertical" />
|
39
|
+
</VcsFormButton>
|
40
|
+
<VcsFormButton
|
41
|
+
@click="zoomToAll"
|
42
|
+
class="ellipsis-button"
|
43
|
+
variant="outlined"
|
44
|
+
>
|
45
|
+
{{ xs ? $t('search.zoomToAllMobile') : $t('search.zoomToAll') }}
|
46
|
+
</VcsFormButton>
|
47
|
+
</div></v-col
|
48
|
+
></v-row
|
49
|
+
>
|
30
50
|
</template>
|
31
51
|
<template v-else-if="suggestions.length > 0">
|
32
52
|
<v-divider class="mt-1 base-darken-1" />
|
@@ -52,13 +72,35 @@
|
|
52
72
|
.suggestions {
|
53
73
|
font-style: italic;
|
54
74
|
}
|
75
|
+
.mobile-style .vcs-text-field.py-1 {
|
76
|
+
padding-bottom: 0 !important;
|
77
|
+
padding-right: 1px !important;
|
78
|
+
}
|
79
|
+
.button-container {
|
80
|
+
display: flex;
|
81
|
+
align-items: center;
|
82
|
+
justify-content: space-between;
|
83
|
+
gap: 8px;
|
84
|
+
}
|
85
|
+
|
86
|
+
.fixed-button {
|
87
|
+
flex-shrink: 0;
|
88
|
+
}
|
89
|
+
|
90
|
+
.ellipsis-button {
|
91
|
+
flex-shrink: 1;
|
92
|
+
white-space: nowrap;
|
93
|
+
overflow: hidden;
|
94
|
+
text-overflow: ellipsis;
|
95
|
+
}
|
55
96
|
</style>
|
56
97
|
|
57
98
|
<script>
|
58
99
|
import { inject, onUnmounted, ref, computed } from 'vue';
|
59
100
|
import { getLogger } from '@vcsuite/logger';
|
60
101
|
import { v4 as uuid } from 'uuid';
|
61
|
-
import { VSheet, VDivider, VIcon } from 'vuetify/components';
|
102
|
+
import { VSheet, VDivider, VIcon, VRow, VCol } from 'vuetify/components';
|
103
|
+
import { useDisplay } from 'vuetify';
|
62
104
|
import VcsTextField from '../components/form-inputs-controls/VcsTextField.vue';
|
63
105
|
import ResultsComponent from './ResultsComponent.vue';
|
64
106
|
import VcsFormButton from '../components/buttons/VcsFormButton.vue';
|
@@ -76,6 +118,8 @@
|
|
76
118
|
VSheet,
|
77
119
|
VIcon,
|
78
120
|
VDivider,
|
121
|
+
VRow,
|
122
|
+
VCol,
|
79
123
|
},
|
80
124
|
setup() {
|
81
125
|
/** @type {import("@src/vcsUiApp.js").default} */
|
@@ -86,8 +130,11 @@
|
|
86
130
|
const suggestions = ref([]);
|
87
131
|
const selectedSuggestion = ref(-1);
|
88
132
|
const results = app.search.currentResults;
|
133
|
+
const { xs } = useDisplay();
|
89
134
|
let queryPreSuggestion = '';
|
90
135
|
|
136
|
+
const showSelectedOnly = ref(false);
|
137
|
+
|
91
138
|
let suggestionTimeout;
|
92
139
|
|
93
140
|
const onInput = () => {
|
@@ -123,6 +170,7 @@
|
|
123
170
|
suggesting.value = '';
|
124
171
|
suggestions.value = [];
|
125
172
|
queryPreSuggestion = '';
|
173
|
+
showSelectedOnly.value = false;
|
126
174
|
};
|
127
175
|
|
128
176
|
const clear = () => {
|
@@ -131,6 +179,7 @@
|
|
131
179
|
suggestions.value = [];
|
132
180
|
query.value = null;
|
133
181
|
queryPreSuggestion = '';
|
182
|
+
showSelectedOnly.value = false;
|
134
183
|
};
|
135
184
|
|
136
185
|
const search = async () => {
|
@@ -157,6 +206,8 @@
|
|
157
206
|
return fontSize.value + 11;
|
158
207
|
});
|
159
208
|
return {
|
209
|
+
showSelectedOnly,
|
210
|
+
xs,
|
160
211
|
query,
|
161
212
|
searching,
|
162
213
|
results,
|
@@ -1,4 +1,6 @@
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{}, {
|
2
|
+
showSelectedOnly: import("vue").Ref<boolean>;
|
3
|
+
xs: import("vue").Ref<boolean>;
|
2
4
|
query: import("vue").Ref<null>;
|
3
5
|
searching: import("vue").Ref<boolean>;
|
4
6
|
results: import("vue").Ref<import("./search.js", { with: { "resolution-mode": "import" } }).ResultItem[]>;
|
package/src/search/search.js
CHANGED
@@ -18,6 +18,7 @@ import {
|
|
18
18
|
getDefaultPrimaryColor,
|
19
19
|
getColorByKey,
|
20
20
|
} from '../vuePlugins/vuetify.js';
|
21
|
+
import { getColoredMapIcon } from '../components/icons/+all.js';
|
21
22
|
import { getViewpointFromFeature } from '../actions/actionHelper.js';
|
22
23
|
|
23
24
|
/**
|
@@ -40,20 +41,6 @@ import { getViewpointFromFeature } from '../actions/actionHelper.js';
|
|
40
41
|
* @property {function():void} destroy
|
41
42
|
*/
|
42
43
|
|
43
|
-
/**
|
44
|
-
* @param {string} color
|
45
|
-
* @returns {import("ol/style/Icon").Options}
|
46
|
-
*/
|
47
|
-
function getPointResultIcon(color) {
|
48
|
-
return {
|
49
|
-
src: `data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='icon_24_poi' width='24' height='23.994' viewBox='0 0 24 23.994' sodipodi:docname='mapIcon.svg'%3E%3Cg id='Gruppe_1972' transform='translate(-571 -609.477)'%3E%3Cpath id='Pfad_773' d='M583,611a8.009,8.009,0,0,0-8,8c0,5.314,6.952,13.32,7.248,13.658a1,1,0,0,0,1.5,0c.3-.338,7.248-8.344,7.248-13.658A8.009,8.009,0,0,0,583,611Zm0,19.444c-2.18-2.685-6-8.09-6-11.444a6,6,0,0,1,12,0C589,622.354,585.18,627.759,583,630.444Z' fill='currentColor' /%3E%3Cpath id='Pfad_774' d='M583,615a4,4,0,1,0,4,4A4,4,0,0,0,583,615Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,583,621Z' fill='currentColor' /%3E%3C/g%3E%3Cpath fill='${encodeURIComponent(
|
50
|
-
color,
|
51
|
-
)}' d='M 11.672998,20.526286 C 8.5115524,16.526958 6.4310003,12.714969 6.0702695,10.260963 6.0109099,9.8571482 6.0115821,9.1201807 6.0716855,8.7084104 6.4424582,6.1682348 8.3335069,4.1603103 10.828528,3.6575721 c 1.904966,-0.383844 3.881822,0.1903514 5.289639,1.5364231 0.993092,0.9495349 1.610829,2.1488769 1.810148,3.5144152 0.0601,0.4117703 0.06077,1.1487378 0.0014,1.5525526 -0.357076,2.429138 -2.337816,6.081898 -5.487559,10.119822 -0.224045,0.287223 -0.415188,0.530536 -0.424763,0.540696 -0.0096,0.01016 -0.16456,-0.167678 -0.344411,-0.395195 z m 0.990366,-7.047968 c 0.894914,-0.146674 1.762065,-0.627065 2.349286,-1.301476 0.86707,-0.995812 1.194989,-2.3427819 0.880571,-3.6170541 -0.379849,-1.5394474 -1.596396,-2.6842781 -3.173401,-2.9863277 -0.368703,-0.070619 -1.070937,-0.070619 -1.43964,0 C 9.7056173,5.875042 8.48604,7.0227247 8.1067793,8.5597879 7.8410265,9.6368274 8.0329903,10.787029 8.6317551,11.705317 c 0.5717674,0.876885 1.4205679,1.474277 2.4457369,1.721329 0.47704,0.114961 1.079877,0.134602 1.585872,0.05167 z' id='path1432' /%3E%3C/svg%3E`,
|
52
|
-
scale: 1,
|
53
|
-
color,
|
54
|
-
};
|
55
|
-
}
|
56
|
-
|
57
44
|
/**
|
58
45
|
* sets up result layer for displaying search results
|
59
46
|
* @param {import("@src/vcsUiApp.js").default} app
|
@@ -75,7 +62,7 @@ function setupSearchResultLayer(app) {
|
|
75
62
|
app.layers.add(resultLayer);
|
76
63
|
|
77
64
|
const style = new VectorStyleItem({
|
78
|
-
image:
|
65
|
+
image: getColoredMapIcon(getDefaultPrimaryColor(app)),
|
79
66
|
fill: {
|
80
67
|
color: 'rgba(237, 237, 237, 0.1)',
|
81
68
|
},
|
@@ -89,7 +76,7 @@ function setupSearchResultLayer(app) {
|
|
89
76
|
function setResultColor() {
|
90
77
|
const color = getColorByKey(app, 'primary');
|
91
78
|
style.stroke?.setColor(color);
|
92
|
-
style.image = new Icon(
|
79
|
+
style.image = new Icon(getColoredMapIcon(color));
|
93
80
|
resultLayer.forceRedraw();
|
94
81
|
}
|
95
82
|
|
package/src/state.d.ts
CHANGED
@@ -66,7 +66,8 @@ export type AppState = {
|
|
66
66
|
export type CachedAppState = AppState;
|
67
67
|
/**
|
68
68
|
* The URL state of the app is an array. To null parameters, pass in 0 instead.
|
69
|
-
* The first entry is the viewpoint state
|
69
|
+
* The first entry is the viewpoint state or an extent state
|
70
|
+
* The second the active map name
|
70
71
|
* The third is an array of modules to apply the state to
|
71
72
|
* the fourth is an array of layer states
|
72
73
|
* the fifth is an array of plugin states
|
package/src/state.js
CHANGED
@@ -66,7 +66,8 @@ import {
|
|
66
66
|
|
67
67
|
/**
|
68
68
|
* The URL state of the app is an array. To null parameters, pass in 0 instead.
|
69
|
-
* The first entry is the viewpoint state
|
69
|
+
* The first entry is the viewpoint state or an extent state
|
70
|
+
* The second the active map name
|
70
71
|
* The third is an array of modules to apply the state to
|
71
72
|
* the fourth is an array of layer states
|
72
73
|
* the fifth is an array of plugin states
|
package/src/uiConfig.d.ts
CHANGED
@@ -63,6 +63,10 @@ export type UiConfigObject = {
|
|
63
63
|
* - an optional flag whether to activate feature info on startup (default active)
|
64
64
|
*/
|
65
65
|
startingFeatureInfo?: boolean | undefined;
|
66
|
+
/**
|
67
|
+
* - an optional flag whether to enable deep picking via right click context menu (default active)
|
68
|
+
*/
|
69
|
+
enableDeepPicking?: boolean | undefined;
|
66
70
|
/**
|
67
71
|
* - mouse event, when position display is updated. Either 'click' (default) or 'move'.
|
68
72
|
*/
|
@@ -229,6 +233,7 @@ export type UiConfigObject = {
|
|
229
233
|
* @property {string} [appTitle] - an optional title to display next to the company logo
|
230
234
|
* @property {string} [primaryColor] - an optional primary color to use in all themes, can be overwritten by `vuetifyTheme`
|
231
235
|
* @property {boolean} [startingFeatureInfo] - an optional flag whether to activate feature info on startup (default active)
|
236
|
+
* @property {boolean} [enableDeepPicking] - an optional flag whether to enable deep picking via right click context menu (default active)
|
232
237
|
* @property {string} [positionDisplayEventType] - mouse event, when position display is updated. Either 'click' (default) or 'move'.
|
233
238
|
* @property {string} [obliqueFooterTemplate] - A template for rendering information of the current image in oblique mode, e.g. '{{ name }}' printing the image's name
|
234
239
|
* @property {string} [helpBaseUrl='https://help.vc.systems/'] - an optional URL to a help landing page
|
@@ -313,6 +318,10 @@ declare class UiConfig extends Collection<UiConfigurationItem<unknown>> {
|
|
313
318
|
* - an optional flag whether to activate feature info on startup (default active)
|
314
319
|
*/
|
315
320
|
readonly startingFeatureInfo?: boolean | undefined;
|
321
|
+
/**
|
322
|
+
* - an optional flag whether to enable deep picking via right click context menu (default active)
|
323
|
+
*/
|
324
|
+
readonly enableDeepPicking?: boolean | undefined;
|
316
325
|
/**
|
317
326
|
* - mouse event, when position display is updated. Either 'click' (default) or 'move'.
|
318
327
|
*/
|
package/src/uiConfig.js
CHANGED
@@ -54,6 +54,7 @@ import { reactive, readonly, ref } from 'vue';
|
|
54
54
|
* @property {string} [appTitle] - an optional title to display next to the company logo
|
55
55
|
* @property {string} [primaryColor] - an optional primary color to use in all themes, can be overwritten by `vuetifyTheme`
|
56
56
|
* @property {boolean} [startingFeatureInfo] - an optional flag whether to activate feature info on startup (default active)
|
57
|
+
* @property {boolean} [enableDeepPicking] - an optional flag whether to enable deep picking via right click context menu (default active)
|
57
58
|
* @property {string} [positionDisplayEventType] - mouse event, when position display is updated. Either 'click' (default) or 'move'.
|
58
59
|
* @property {string} [obliqueFooterTemplate] - A template for rendering information of the current image in oblique mode, e.g. '{{ name }}' printing the image's name
|
59
60
|
* @property {string} [helpBaseUrl='https://help.vc.systems/'] - an optional URL to a help landing page
|
@@ -78,6 +78,10 @@ export function getColorByKey(app: import("../vcsUiApp.js").default, value: stri
|
|
78
78
|
* @returns {import("vue").ComputedRef<number>}
|
79
79
|
*/
|
80
80
|
export function useFontSize(): import("vue").ComputedRef<number>;
|
81
|
+
/**
|
82
|
+
* @returns {import("vue").ComputedRef<boolean>} - A computed reference indicating if the device is a mobile platform in landscape mode.
|
83
|
+
*/
|
84
|
+
export function isMobileLandscape(): import("vue").ComputedRef<boolean>;
|
81
85
|
/**
|
82
86
|
* returns the default IconSize as a number, value is based on the fontSize
|
83
87
|
* @returns {import("vue").ComputedRef<number>}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { createVuetify, useTheme } from 'vuetify';
|
1
|
+
import { createVuetify, useDisplay, useTheme } from 'vuetify';
|
2
2
|
import { VSvgIcon } from 'vuetify/components';
|
3
3
|
import { useI18n } from 'vue-i18n';
|
4
4
|
import 'vuetify/styles';
|
@@ -62,6 +62,19 @@ export const defaultPrimaryColor = {
|
|
62
62
|
* @returns {VcsThemes}
|
63
63
|
*/
|
64
64
|
export function createVcsThemes(options, primaryColor) {
|
65
|
+
const isTouchDevice =
|
66
|
+
'ontouchstart' in (window || {}) || navigator?.maxTouchPoints > 0 || false;
|
67
|
+
const isSmallerScreen =
|
68
|
+
window.matchMedia?.('(max-width: 600px)')?.matches ?? false;
|
69
|
+
|
70
|
+
const isPhone = isSmallerScreen && isTouchDevice;
|
71
|
+
let fontSizeLight = options?.light?.variables?.['vcs-font-size'] || '13px';
|
72
|
+
let fontSizeDark = options?.dark?.variables?.['vcs-font-size'] || '13px';
|
73
|
+
|
74
|
+
if (isPhone) {
|
75
|
+
fontSizeLight = `${parseInt(fontSizeLight, 10) + 1}px`;
|
76
|
+
fontSizeDark = `${parseInt(fontSizeDark, 10) + 1}px`;
|
77
|
+
}
|
65
78
|
return {
|
66
79
|
light: {
|
67
80
|
colors: {
|
@@ -90,9 +103,9 @@ export function createVcsThemes(options, primaryColor) {
|
|
90
103
|
'high-emphasis-opacity': 1,
|
91
104
|
'medium-emphasis-opacity': 1,
|
92
105
|
'list-item-subtitle-opacity': 0.6,
|
93
|
-
'vcs-font-size': '13px',
|
94
106
|
'vcs-font-family': 'Titillium Web',
|
95
107
|
...options?.light?.variables,
|
108
|
+
'vcs-font-size': fontSizeLight,
|
96
109
|
},
|
97
110
|
},
|
98
111
|
dark: {
|
@@ -121,9 +134,9 @@ export function createVcsThemes(options, primaryColor) {
|
|
121
134
|
'high-emphasis-opacity': 1,
|
122
135
|
'medium-emphasis-opacity': 1,
|
123
136
|
'list-item-subtitle-opacity': 0.6,
|
124
|
-
'vcs-font-size': '13px',
|
125
137
|
'vcs-font-family': 'Titillium Web',
|
126
138
|
...options?.dark?.variables,
|
139
|
+
'vcs-font-size': fontSizeDark,
|
127
140
|
},
|
128
141
|
},
|
129
142
|
};
|
@@ -182,6 +195,14 @@ export function createVcsVuetify(i18n) {
|
|
182
195
|
const dark =
|
183
196
|
window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false;
|
184
197
|
|
198
|
+
const isTouchDevice =
|
199
|
+
'ontouchstart' in (window || {}) || navigator?.maxTouchPoints > 0 || false;
|
200
|
+
// Check if the screen is large enough to display tooltips (Issue: large tablets don't fall in this screen size and will display tooltips)
|
201
|
+
const isLargeScreen =
|
202
|
+
window.matchMedia?.('(min-width: 960px)')?.matches ?? true;
|
203
|
+
|
204
|
+
const allowTooltip = isLargeScreen || !isTouchDevice;
|
205
|
+
|
185
206
|
const theme = {
|
186
207
|
options: {
|
187
208
|
customProperties: true,
|
@@ -255,6 +276,9 @@ export function createVcsVuetify(i18n) {
|
|
255
276
|
elevation: 0,
|
256
277
|
tile: true,
|
257
278
|
},
|
279
|
+
VTooltip: {
|
280
|
+
openOnHover: allowTooltip,
|
281
|
+
},
|
258
282
|
},
|
259
283
|
defaultAssets: {
|
260
284
|
font: {
|
@@ -326,6 +350,28 @@ export function useFontSize() {
|
|
326
350
|
});
|
327
351
|
}
|
328
352
|
|
353
|
+
/**
|
354
|
+
* @returns {import("vue").ComputedRef<boolean>} - A computed reference indicating if the device is a mobile platform in landscape mode.
|
355
|
+
*/
|
356
|
+
export function isMobileLandscape() {
|
357
|
+
const display = useDisplay();
|
358
|
+
return computed(() => {
|
359
|
+
// Check if the device is a mobile platform (e.g., Android, iOS, or touch-based)
|
360
|
+
const isMobilePlatform =
|
361
|
+
display.platform.value.android ||
|
362
|
+
display.platform.value.ios ||
|
363
|
+
display.platform.value.touch;
|
364
|
+
|
365
|
+
// Check if the device height is less than the threshold for SM
|
366
|
+
const isHeightXs = display.height.value <= display.thresholds.value.sm;
|
367
|
+
|
368
|
+
// Check if the device is in landscape mode
|
369
|
+
const isLandscape = display.height.value < display.width.value;
|
370
|
+
|
371
|
+
return isMobilePlatform && isLandscape && isHeightXs;
|
372
|
+
});
|
373
|
+
}
|
374
|
+
|
329
375
|
/**
|
330
376
|
* returns the default IconSize as a number, value is based on the fontSize
|
331
377
|
* @returns {import("vue").ComputedRef<number>}
|
@@ -1 +0,0 @@
|
|
1
|
-
@charset "UTF-8";.v-application h1,.v-application h2,.v-application h3,.v-application h4,.v-application h5,.v-application h6,.v-application div,.v-application span,.v-application button,.v-application input,.v-application textarea,.v-application .caption,.v-application .tooltip,.v-application label,.v-application p,.v-overlay-container h1,.v-overlay-container h2,.v-overlay-container h3,.v-overlay-container h4,.v-overlay-container h5,.v-overlay-container h6,.v-overlay-container div,.v-overlay-container span,.v-overlay-container button,.v-overlay-container input,.v-overlay-container textarea,.v-overlay-container .caption,.v-overlay-container .tooltip,.v-overlay-container label,.v-overlay-container p{font-size:var(--v-vcs-font-size)}.v-application h1:not(.v-icon),.v-application h2:not(.v-icon),.v-application h3:not(.v-icon),.v-application h4:not(.v-icon),.v-application h5:not(.v-icon),.v-application h6:not(.v-icon),.v-application div:not(.v-icon),.v-application span:not(.v-icon),.v-application button:not(.v-icon),.v-application input:not(.v-icon),.v-application textarea:not(.v-icon),.v-application .caption:not(.v-icon),.v-application .tooltip:not(.v-icon),.v-application label:not(.v-icon),.v-application p:not(.v-icon),.v-overlay-container h1:not(.v-icon),.v-overlay-container h2:not(.v-icon),.v-overlay-container h3:not(.v-icon),.v-overlay-container h4:not(.v-icon),.v-overlay-container h5:not(.v-icon),.v-overlay-container h6:not(.v-icon),.v-overlay-container div:not(.v-icon),.v-overlay-container span:not(.v-icon),.v-overlay-container button:not(.v-icon),.v-overlay-container input:not(.v-icon),.v-overlay-container textarea:not(.v-icon),.v-overlay-container .caption:not(.v-icon),.v-overlay-container .tooltip:not(.v-icon),.v-overlay-container label:not(.v-icon),.v-overlay-container p:not(.v-icon){font-family:var(--v-vcs-font-family),sans-serif!important}.v-application h1,.v-overlay-container h1{font-size:calc(var(--v-vcs-font-size) + 3px)}.v-application h2,.v-overlay-container h2{font-size:calc(var(--v-vcs-font-size) + 1px)}.v-application h3,.v-overlay-container h3{font-weight:400}.v-application h4,.v-overlay-container h4{font-size:calc(var(--v-vcs-font-size) - 1px);font-weight:400}.v-application .v-tooltip>.v-overlay__content,.v-overlay-container .v-tooltip>.v-overlay__content{font-size:var(--v-vcs-font-size)}.vcsList .v-list-item--density-compact.v-list-item--one-line{min-height:calc(var(--v-vcs-font-size) * 2 + 6px)}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;src:url(./font/TitilliumWeb-Regular-9ca076be.woff2) format("woff2")}html.vcs-ui{overflow-x:hidden!important;overflow-y:hidden!important}svg{height:inherit;width:inherit}[data-v-2a080ac9] .v-field{--v-field-padding-start: 4px;--v-field-padding-end: 4px}.v-input--density-compact[data-v-2a080ac9] .v-field{--v-input-control-height: calc(var(--v-vcs-font-size) * 2 - 2px);--v-field-padding-bottom: 0px;--v-field-input-padding-top: 0px;--v-input-padding-top: 0px}[data-v-2a080ac9] .v-field--focused .v-field__outline *{--v-field-border-width: 1px}[data-v-2a080ac9] .v-field--focused:not(.v-field--error) .v-field__outline *{border-color:rgb(var(--v-theme-primary))}[data-v-2a080ac9] .v-field--focused:not(.v-field--error) .v-field__outline *:after{border-color:rgb(var(--v-theme-primary))}[data-v-2a080ac9] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *{border-width:0 0 1px 0;border-radius:0}[data-v-2a080ac9] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline{padding-left:4px;padding-right:4px}[data-v-2a080ac9] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__loader{padding-left:3px;padding-right:3px}[data-v-2a080ac9] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *:before{border-width:0;border-radius:0}[data-v-2a080ac9] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline * label{color:rgb(var(--v-theme-primary));margin-left:-4px}[data-v-2a080ac9] .v-field--appended{padding-inline-end:4px}[data-v-2a080ac9] .v-field--prepended{padding-inline-start:4px}.no-prepended-content[data-v-2a080ac9] .v-field--prepended{padding-inline-start:0px}.v-input--horizontal[data-v-2a080ac9] .v-input__prepend{margin-inline-end:4px}.primary--placeholder[data-v-2a080ac9] input::placeholder{color:rgb(var(--v-theme-primary));font-style:italic!important;opacity:1;padding:0 3px 0 0}[data-v-2a080ac9] .v-input__details{display:none}[data-v-2a080ac9] .v-field__loader{top:calc(100% - 2px)}[data-v-2a080ac9] .v-field__clearable{margin-left:0;margin-right:0}.vcs-badge[data-v-48006569]{border:1px solid rgb(var(--v-theme-surface))!important}.h-3[data-v-48006569]{height:12px}.w-3[data-v-48006569]{width:12px}.badge[data-v-bacb27a3]{top:-3px;right:-3px}.v-btn[data-v-bacb27a3]{padding:0}.v-btn.vcs-button[data-v-bacb27a3]:hover{color:rgb(var(--v-theme-primary-lighten-1))!important}.v-btn.v-btn--disabled[data-v-bacb27a3]{opacity:var(--v-disabled-opacity)}.v-btn[data-v-bacb27a3] .v-btn__loader>.v-progress-circular{width:calc(var(--v-vcs-font-size) * 1.2333333333)!important;height:calc(var(--v-vcs-font-size) * 1.2333333333)!important}[data-v-bacb27a3] .v-btn__overlay{--v-hover-opacity: 0}.badge[data-v-a80dd2cd]{top:-3px;right:-3px}.vcs-active.vcs-background[data-v-a80dd2cd]:not(.v-btn--disabled) .badge{top:-5px;right:-5px}.v-btn[data-v-a80dd2cd]{padding-left:11px;padding-right:11px}.v-btn.vcs-active.vcs-background[data-v-a80dd2cd]:not(.v-btn--disabled){padding-left:9px;padding-right:9px;border:2px solid rgb(var(--v-theme-primary));background-color:rgb(var(--v-theme-base-lighten-2))!important}.v-btn.v-btn--disabled.v-btn--variant-text[data-v-a80dd2cd]{opacity:var(--v-disabled-opacity)}.v-btn[data-v-a80dd2cd] .v-btn__loader>.v-progress-circular{width:calc(var(--v-vcs-font-size) * 1.2333333333)!important;height:calc(var(--v-vcs-font-size) * 1.2333333333)!important}.badge[data-v-5942e355]{top:-3px;right:-3px}.v-btn.v-btn--variant-outlined[data-v-5942e355]:hover{border-color:rgb(var(--v-theme-primary-lighten-1))}.v-btn.v-btn--variant-flat[data-v-5942e355]:hover{background-color:rgb(var(--v-theme-primary-lighten-1))!important;--v-hover-opacity: 0}.v-btn.v-btn--disabled.v-btn--variant-outlined[data-v-5942e355]{opacity:var(--v-disabled-opacity);color:rgb(var(--v-theme-on-surface))!important}.v-btn.v-btn--disabled.v-btn--variant-flat[data-v-5942e355]{opacity:var(--v-disabled-opacity);background-color:rgb(var(--v-theme-base-lighten-1))!important}.v-btn.v-btn--disabled.v-btn--variant-flat[data-v-5942e355] .v-btn__overlay{opacity:0}.v-btn[data-v-5942e355] .v-btn__loader>.v-progress-circular{width:calc(var(--v-vcs-font-size) * 1.2333333333)!important;height:calc(var(--v-vcs-font-size) * 1.2333333333)!important}[data-v-9b63ccb2] .v-list-item:hover .v-list-item-title{color:rgb(var(--v-theme-primary))}[data-v-9b63ccb2] .v-list-item:hover .v-icon{color:rgb(var(--v-theme-primary-darken-1))}[data-v-9b63ccb2] .v-list-item .v-list-item__prepend .v-list-item__spacer{width:8px}[data-v-ffd32ff6] .v-spacer{width:calc(var(--v-vcs-font-size) * 1.25)}.vcs-search-results[data-v-d1a89984]{max-height:400px}.vcs-search-result-border[data-v-d1a89984]{border-bottom:thin solid;border-color:rgb(var(--v-theme-base-lighten-2))}.selected[data-v-d1a89984]{background-color:rgb(var(--v-theme-base-lighten-4))}[data-v-2c7a2afb] .v-field .v-field__outline *{border-color:transparent!important}.user-select-none[data-v-2c7a2afb]{-webkit-user-select:none;user-select:none}.suggestions[data-v-2c7a2afb]{font-style:italic}.drop-field[data-v-e7999f64]{margin:8px;outline:2px dashed rgb(var(--v-theme-primary));border-radius:4px;background-color:rgb(var(--v-theme-base-lighten-4))}.dragging[data-v-e7999f64]{background-color:rgb(var(--v-theme-primary-lighten-3))}[data-v-149c6553] .v-field{--v-field-padding-start: 4px;--v-field-padding-end: 4px}.v-input--density-compact[data-v-149c6553] .v-field{--v-input-control-height: calc(var(--v-vcs-font-size) * 2 - 2px);--v-field-padding-bottom: 0px;--v-field-input-padding-top: 0px;--v-input-padding-top: 0px}[data-v-149c6553] .v-field--focused .v-field__outline *{--v-field-border-width: 1px}[data-v-149c6553] .v-field--focused:not(.v-field--error) .v-field__outline *{border-color:rgb(var(--v-theme-primary))}[data-v-149c6553] .v-field--focused:not(.v-field--error) .v-field__outline *:after{border-color:rgb(var(--v-theme-primary))}[data-v-149c6553] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *{border-width:0 0 1px 0;border-radius:0}[data-v-149c6553] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline{padding-left:4px;padding-right:4px}[data-v-149c6553] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__loader{padding-left:3px;padding-right:3px}[data-v-149c6553] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *:before{border-width:0;border-radius:0}[data-v-149c6553] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline * label{color:rgb(var(--v-theme-primary));margin-left:-4px}[data-v-149c6553] .v-field--appended{padding-inline-end:4px}[data-v-149c6553] .v-field--prepended{padding-inline-start:4px}.no-prepended-content[data-v-149c6553] .v-field--prepended{padding-inline-start:0px}.v-input--horizontal[data-v-149c6553] .v-input__prepend{margin-inline-end:4px}.primary--placeholder[data-v-149c6553] input::placeholder{color:rgb(var(--v-theme-primary));font-style:italic!important;opacity:1;padding:0 3px 0 0}[data-v-149c6553] .v-input__details{display:none}[data-v-149c6553] .v-field__loader{top:calc(100% - 2px)}[data-v-149c6553] .v-field__clearable{margin-left:0;margin-right:0}[data-v-149c6553] .v-field__input{display:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:calc(var(--v-vcs-font-size) * 2 - 3px)}[data-v-f2f08a8f] .mapElement{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}[data-v-f2f08a8f] .overviewMapElement{position:absolute;top:3px;bottom:3px;left:3px;right:3px;overflow:hidden}[data-v-f2f08a8f] .cesium-widget,[data-v-f2f08a8f] .cesium-widget canvas{width:100%;height:100%;touch-action:none}svg[data-v-e62363c7]{width:85%;height:85%;margin:7.5%}svg g[data-v-e62363c7]:focus{outline:none}.hover[data-v-e62363c7]:hover{fill:var(--v-primary-lighten1)!important}.vcs-navigation-zoom[data-v-bea737dd]{box-shadow:#0000001a 0 2px 2px}.vcs-navigation-zoom .inner[data-v-bea737dd]{box-shadow:#00000040 0 0 10px inset}.vcs-navigation-zoom[data-v-bea737dd] .btn-orientation-tools:first-child{box-shadow:#00000040 -2px 2px 1px -2px,#00000014 1px 0,#0000000d -1px 1px 1px 1px!important}.vcs-navigation-zoom[data-v-bea737dd] .btn-orientation-tools:last-child{box-shadow:#00000040 -2px 3px 1px -2px,#00000014 1px 4px 2px,#0000000d -1px 1px 1px 1px!important}.v-slider.v-input--vertical[data-v-80b7cd58] .v-slider-track__fill{width:2px}.v-slider.v-input--vertical[data-v-80b7cd58] .v-slider-track__tick--first{bottom:0}.v-slider.v-input--vertical[data-v-80b7cd58] .v-slider-track__tick--last{bottom:100%}.vcs-tilt-slider[data-v-80b7cd58]{margin-top:6px;margin-bottom:10px}.vcs-tilt-slider[data-v-80b7cd58] .v-slider-thumb__surface{border-radius:3px;width:16px;height:4px;margin-top:10px;box-shadow:none!important}[data-v-80b7cd58] .v-slider-thumb__surface:before{--v-focus-opacity: 0;--v-hover-opacity: 0;--v-pressed-opacity: 0}.v-input--vertical[data-v-80b7cd58] .v-input__control{min-height:calc(var(--v-vcs-font-size) * 4)}.oblique-orientation[data-v-93a001c0]{box-shadow:#00000026 0 2px 2px}.oblique-orientation .inner[data-v-93a001c0]{box-shadow:#00000040 0 -2px 2px inset}.oblique-orientation[data-v-93a001c0] .btn-orientation-tools:first-child{box-shadow:#00000040 2px 2px 1px -2px,#00000005 -3px 2px 2px,#0000001f 0 1px 1px!important}.oblique-orientation[data-v-93a001c0] .btn-orientation-tools:last-child{box-shadow:#00000005 1px 4px 1px -2px,#00000005 1px 2px 1px,#0000001a 1px 1px 1px!important}.nav-container[data-v-ee16ed09]{position:absolute;right:26px;bottom:13px;width:unset;padding:12px}.nav-container.mobile[data-v-ee16ed09]{top:1rem;right:1rem;bottom:auto}.nav-container>.v-row[data-v-ee16ed09]{margin-top:15px;margin-bottom:0}.panel-component[data-v-e80da0d1]{padding:0 4px}.panel-component[data-v-e80da0d1]:after{content:"";position:absolute;background:rgb(var(--v-theme-surface-light))}.panel-component-left[data-v-e80da0d1]:after{width:4px;top:0;bottom:0;right:0}.panel-component-left.resizable[data-v-e80da0d1]:after{cursor:ew-resize}.panel-component-right[data-v-e80da0d1]:after{width:4px;top:0;bottom:0;left:0}.panel-component-right.resizable[data-v-e80da0d1]:after{cursor:ew-resize}.panel-component-bottom[data-v-e80da0d1]:after{left:0;right:0;top:0;height:4px}.panel-component-bottom.resizable[data-v-e80da0d1]:after{cursor:n-resize}.vcs-panel-frame[data-v-3f2a34cb]{position:absolute;top:0;left:0;right:0;bottom:0}.vcs-panel-border[data-v-3f2a34cb]{padding:5px}.marginToTop[data-v-1a8ab35a]{margin-top:2px}.marginToTopTablet[data-v-1a8ab35a]{margin-top:calc(var(--v-vcs-font-size) * 3 + 6px)}.window-component-header[data-v-bd8d6486]{max-height:calc(var(--v-vcs-font-size) * 2 - 10px)}.window-component-header h3[data-v-bd8d6486]{line-height:calc(var(--v-vcs-font-size) * 2 - 10px)}.window-component-header .v-divider--vertical.v-divider--inset[data-v-bd8d6486]{margin-top:2px}.user-select-none[data-v-bd8d6486]{-webkit-user-select:none;user-select:none}.vcs-window-header-title[data-v-bd8d6486]{width:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.single-line[data-v-e1fcbf5d]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-line[data-v-e1fcbf5d]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:auto;max-height:96px}.search-icon[data-v-3c6d0373]{position:absolute;top:50%;transform:translateY(-50%);left:12px}[data-v-3c6d0373] .v-input.outlined{outline-style:none;font-size:12px;box-shadow:0 0 0 1px rgb(var(--v-theme-base-lighten-2))}[data-v-3c6d0373] .v-input.outlined:has(.v-field--focused){box-shadow:0 0 0 1px rgb(var(--v-theme-primary))!important}[data-v-3c6d0373] .v-input--density-compact>.v-input__control>.v-field>.v-field__field>.v-field__input{--v-input-control-height: calc( var(--v-vcs-font-size) * 2 - 14px ) !important;min-height:var(--v-input-control-height)}[data-v-3c6d0373] .v-input{background:rgb(var(--v-theme-base-lighten-4))}[data-v-3c6d0373] .v-field *{border-width:0;border-bottom:0}[data-v-3c6d0373] input::placeholder{color:rgb(var(--v-theme-base-lighten-1))!important;font-style:italic!important;opacity:.75!important}[data-v-aabb45e7] .v-icon--size-default{font-size:calc(var(--v-vcs-font-size) * 1.2333333333)}.v-input--density-compact[data-v-aabb45e7] .v-selection-control{--v-selection-control-size: calc( var(--v-vcs-font-size) * (1.2 + .1 / 3) + 4 );--v-input-control-height: calc(var(--v-vcs-font-size) + 3px)}[data-v-aabb45e7] .v-input__control{height:calc(var(--v-vcs-font-size) * 2 - 2px)}[data-v-aabb45e7] .v-selection-control__input:before{background-color:transparent}[data-v-aabb45e7] .v-input__details{display:none}[data-v-c687b028] .vcs-table-select>.v-table__wrapper table tbody tr td{padding:0 8px!important}[data-v-c687b028] .vcs-table-select>.v-table__wrapper table tbody tr td:first-child{width:32px!important;padding:0!important}[data-v-c687b028] .vcs-table-select>.v-table__wrapper table thead tr th{padding:0 8px!important}[data-v-c687b028] .vcs-table-select>.v-table__wrapper table thead tr th:first-child{width:32px!important;padding:0!important}[data-v-c687b028] .vcs-table>.v-table__wrapper{overflow-x:hidden;overflow-y:auto}[data-v-c687b028] .vcs-table>.v-table__wrapper table tbody tr:hover{background-color:transparent!important}[data-v-c687b028] .vcs-table>.v-table__wrapper table tbody tr:nth-child(odd){background-color:rgb(var(--v-theme-base-lighten-4))!important}[data-v-c687b028] .vcs-table>.v-table__wrapper table tbody tr td{padding:0 8px;border-bottom:transparent!important}[data-v-c687b028] .vcs-table>.v-table__wrapper table thead tr th{padding:0 8px}.v-table--density-compact[data-v-c687b028]{--v-table-header-height: calc(var(--v-vcs-font-size) * 2 + 6px);--v-table-row-height: calc(var(--v-vcs-font-size) * 2 + 6px)}.v-table--density-compact[data-v-c687b028] .v-selection-control--density-default{--v-selection-control-size: calc(var(--v-vcs-font-size) * 2 + 6px)}[data-v-c687b028] .v-table>.v-table__wrapper>table>thead>tr>th{font-weight:700}.vcs-footer[data-v-c687b028]{vertical-align:middle!important}[data-v-c687b028] .v-selection-control__input:before{background-color:transparent}[data-v-82aebe9a] .v-data-table__mobile-row__cell td.vcs-table.overflow-max-width{max-width:100%!important}.balloon{z-index:0!important}.balloon hr:first-child{display:none}.balloon:after{content:"";position:absolute;bottom:-12px;left:40px;border-width:12px 10px 0;border-style:solid;display:block;width:0;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3))}.balloon:after{border-color:rgb(var(--v-theme-surface-light)) transparent}.balloon .v-list-item .v-list-item__title,.balloon .v-list-item .v-list-item__subtitle{line-height:18px}.win-container-mobile[data-v-852171ac]{position:fixed;bottom:56px;left:0;right:0;z-index:2;display:contents}.win-container-mobile>div[data-v-852171ac]{width:100%!important;max-width:100%!important;inset:unset!important;border-radius:0!important;overflow:auto;bottom:0!important;max-height:50%!important}.marginToTop[data-v-bdcc9203],.marginToTop[data-v-3abff87e]{margin-top:3px}.vcs-toolbox__secondary.vcs-toolbox.v-theme--light[data-v-b86e252a]{background-color:rgba(var(--v-theme-primary-lighten-3))}.vcs-toolbox__secondary.vcs-toolbox.v-theme--dark[data-v-b86e252a]{background-color:rgba(var(--v-theme-primary-darken-4))}.vcs-toolbox[data-v-b86e252a]{margin-top:2px;width:fit-content}.vcs-notifier[data-v-3e321ec7]{opacity:.95}[data-v-3e321ec7] .v-snackbar__content{display:grid;padding:8px;gap:8px 4px;grid-template-columns:20px auto}[data-v-3e321ec7] .v-snackbar__content .v-icon{grid-row-start:1;grid-row-end:3;align-self:start;font-size:var(--v-vcs-font-size)}[data-v-3e321ec7] .v-snackbar__actions{align-self:flex-start;margin-top:4px}.without-header[data-v-f4b08e56]{top:0}.with-header[data-v-f4b08e56]{top:calc(var(--v-vcs-font-size) * 3 + 9px)}.vcs-container[data-v-f4b08e56]{position:absolute;left:0;right:0;bottom:round(up,var(--v-vcs-font-size) * 1.65,1px)}.vcs-container.without-footer[data-v-f4b08e56]{bottom:0}.vcs-container-xs.with-header[data-v-f4b08e56]{top:0;bottom:56px}.vcs-container-xs.without-header[data-v-f4b08e56]{top:0;bottom:0}.mobile-logo[data-v-f4b08e56]{max-height:40px;max-width:70px;position:absolute;top:1rem;left:1rem;z-index:1}.mobile-attribution-btn[data-v-f4b08e56]{position:fixed;right:2px;bottom:36px}.z-index-1[data-v-f4b08e56]{z-index:1}.logo[data-v-9ccc407c]{max-height:calc(var(--v-vcs-font-size) * 3 - 3px);margin:0 auto}.v-toolbar.v-toolbar--bottom[data-v-9ccc407c]{bottom:0;position:fixed}.flex-grow-2[data-v-9ccc407c]{flex-grow:2}.ellipsis-text[data-v-02d57ef3]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcs-label[data-v-02d57ef3]{box-sizing:content-box;display:flex;flex-direction:row;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;height:calc(var(--v-vcs-font-size) * 2 - 2px);font-size:var(--v-vcs-font-size)}.vcs-label-required .ellipsis-text[data-v-02d57ef3]:after{content:" *";color:rgb(var(--v-theme-error))}.vcs-label-disabled[data-v-02d57ef3]{opacity:var(--v-disabled-opacity)}[data-v-1c9ae66d] .v-field{--v-field-padding-start: 4px;--v-field-padding-end: 4px}[data-v-1c9ae66d] .v-field__input{flex-wrap:unset;padding-right:calc(var(--v-vcs-font-size) * 2 + 2px)}[data-v-1c9ae66d] .v-field__input>input{align-self:auto!important}.v-input--density-compact[data-v-1c9ae66d] .v-field{--v-input-control-height: calc(var(--v-vcs-font-size) * 2 - 2px);--v-field-padding-bottom: 0px;--v-field-input-padding-top: 0px;--v-input-padding-top: 0px}[data-v-1c9ae66d] .v-field--focused .v-field__outline *{--v-field-border-width: 1px}[data-v-1c9ae66d] .v-field--focused:not(.v-field--error) .v-field__outline *{border-color:rgb(var(--v-theme-primary))}[data-v-1c9ae66d] .v-field--focused:not(.v-field--error) .v-field__outline *:after{border-color:rgb(var(--v-theme-primary))}[data-v-1c9ae66d] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *{border-width:0 0 1px 0;border-radius:0}[data-v-1c9ae66d] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline{padding-left:4px;padding-right:4px}[data-v-1c9ae66d] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__loader{padding-left:3px;padding-right:3px}[data-v-1c9ae66d] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *:before{border-width:0;border-radius:0}[data-v-1c9ae66d] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline * label{color:rgb(var(--v-theme-primary));margin-left:-4px}[data-v-1c9ae66d] .v-field--appended{padding-inline-end:4px}[data-v-1c9ae66d] .v-field--appended .v-field__append-inner i{margin-left:0}.primary--placeholder[data-v-1c9ae66d] input::placeholder{color:rgb(var(--v-theme-primary));opacity:1;font-style:italic!important;padding:0 3px 0 0}[data-v-1c9ae66d] .v-input__details{display:none}[data-v-1c9ae66d] .v-field__loader{top:calc(100% - 2px)}.v-input--density-compact[data-v-fbab9b79] .v-selection-control{--v-selection-control-size: calc(var(--v-vcs-font-size) * 2 - 2px);--v-input-control-height: calc(var(--v-vcs-font-size) + 3px)}[data-v-fbab9b79] .v-selection-control__input:before{background-color:transparent}[data-v-fbab9b79] .v-icon--size-default{font-size:calc(var(--v-vcs-font-size) + 3px);padding-right:2px}[data-v-fbab9b79] .v-input__details{display:none}[data-v-fbab9b79] .label-top>.v-selection-control__wrapper{order:2}[data-v-fbab9b79] .v-selection-control-group{row-gap:8px;column-gap:8px}.v-input--horizontal[data-v-19ffd853] .v-input__control{min-height:calc(var(--v-vcs-font-size) * 2 - 2px)}.v-input--horizontal.v-slider--has-labels[data-v-19ffd853]{margin-bottom:var(--v-vcs-font-size)}.v-slider.v-input--horizontal[data-v-19ffd853] .v-slider-track__fill{height:2px}.v-slider.v-input--horizontal[data-v-19ffd853] .v-slider-track__tick--first{margin-inline-start:0}.v-slider.v-input--horizontal[data-v-19ffd853] .v-slider-track__tick--last{margin-inline-start:100%}.v-slider.v-input--vertical[data-v-19ffd853] .v-slider-track__fill{width:2px}.v-slider.v-input--vertical[data-v-19ffd853] .v-slider-track__tick--first{bottom:0}.v-slider.v-input--vertical[data-v-19ffd853] .v-slider-track__tick--last{bottom:100%}[data-v-19ffd853] .v-slider-thumb__surface:before{--v-focus-opacity: 0;--v-hover-opacity: 0;--v-pressed-opacity: 0}[data-v-19ffd853] .v-slider-track__tick{background-color:rgb(var(--v-theme-base-darken-1))}.remove-append-margin[data-v-19ffd853] .v-input__append{margin-inline-start:0px}[data-v-32e13c0f] .v-expansion-panel-title{font-size:var(--v-vcs-font-size);min-height:unset;height:calc(var(--v-vcs-font-size) * 2 + 6px);line-height:1.2;padding:0 8px}.vcs-panel-title__append[data-v-32e13c0f]{width:90%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}[data-v-32e13c0f] .v-expansion-panel-text__wrapper{padding:0}.v-list-item[data-v-0d963dee]{padding:4px 8px;padding-inline-end:8px!important;padding-inline-start:16px!important}.v-list-item.border-bottom[data-v-0d963dee]{border-bottom:solid;border-bottom-color:rgb(var(--v-theme-base-lighten-2))}.v-list-item.border-top[data-v-0d963dee]{border-top:solid;border-top-color:rgb(var(--v-theme-base-lighten-2))}.v-list-item[data-v-0d963dee]:after{display:none}.v-list-item.font-weight-bold .v-list-item__title[data-v-0d963dee]{font-weight:700}.v-list-item[data-v-0d963dee] .v-list-item__action .v-icon{font-size:16px}.v-list-item[data-v-0d963dee] .v-list-item__action:last-child{min-width:auto}.v-list-item[data-v-0d963dee] .v-list-item__content{flex-wrap:nowrap;column-gap:4px}.v-list-item[data-v-0d963dee] .v-list-item__content .v-icon,.v-list-item[data-v-0d963dee] .v-list-item__content .action-btn-wrap{flex:1 1 auto}.v-list-item[data-v-0d963dee] .v-list-item__content .v-icon{font-size:16px}.v-list-item[data-v-0d963dee] .v-list-item__content .v-icon .v-icon__component{width:16px;height:16px}.v-list-item[data-v-0d963dee] .v-list-item__prepend>.v-badge~.v-list-item__spacer,.v-list-item[data-v-0d963dee] .v-list-item__prepend>.v-icon~.v-list-item__spacer,.v-list-item[data-v-0d963dee] .v-list-item__prepend>.v-tooltip~.v-list-item__spacer{width:8px}.v-list-item[data-v-0d963dee] .v-list-item__overlay{background-color:rgb(var(--v-theme-on-surface))}.v-list-item[data-v-0d963dee] .vcs-list-item__rename{color:rgb(var(--v-theme-on-surface))}[data-v-f07d6d8b] .v-list .v-list-item__lighten_even:nth-child(2n){background-color:rgb(var(--v-theme-base-lighten-4))}[data-v-f07d6d8b] .v-list .v-list-item__lighten_odd:nth-child(odd){background-color:rgb(var(--v-theme-base-lighten-4))}[data-v-f07d6d8b] .v-list .v-list-item__dragged{background-color:rgb(var(--v-theme-base-lighten-2))!important}[data-v-f07d6d8b] .v-list .v-list-item__dragged_over:hover{background-color:rgb(var(--v-theme-base-lighten-1))!important}[data-v-f07d6d8b] .v-list .v-list-item__selected{border-left:solid 4px;border-left-color:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-primary));padding-left:12px!important}[data-v-f07d6d8b] .v-list .v-list-item--active .v-list-item__append{color:rgb(var(--v-theme-on-surface))}[data-v-f07d6d8b] .v-list .v-list-item.vcs-draggable-item:hover{cursor:grab;-webkit-user-select:none;user-select:none}[data-v-f07d6d8b] .v-list .v-list-item:hover .v-list-item__overlay{background-color:rgb(var(--v-theme-on-surface))}[data-v-f07d6d8b] .v-list .v-list-item .vcs-list-title__selected{width:90%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}[data-v-f07d6d8b] .v-list:not(.vcs-list__selectable){cursor:auto}[data-v-f07d6d8b] .v-list:not(.vcs-list__selectable) .v-list-item--link{cursor:auto}[data-v-f07d6d8b] .v-list:not(.vcs-list__selectable):hover .v-list-item__overlay{background-color:rgb(var(--v-theme-on-surface))}.d-contents[data-v-f07d6d8b]{display:contents}.inner-header[data-v-4f06cb03]{height:calc(var(--v-vcs-font-size) * 2 - 2px)}[data-v-d34b4c9f] .v-list .v-list-item{padding-left:24px;padding-inline-start:24px!important}[data-v-d34b4c9f] .v-list .v-list-item__selected{padding-left:20px!important;padding-inline-start:20px!important}.legend-image[data-v-d3a5a56c]{max-width:100%;height:auto}.attribution-container[data-v-f1813e4e]{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attribution[data-v-f1813e4e]{font-size:smaller}.attribution[data-v-f1813e4e]:before{content:" | "}.attribution[data-v-f1813e4e]:first-child:before{content:""}.attribution span[data-v-f1813e4e]{font-size:inherit}.attribution a[data-v-f1813e4e]{color:var(--v-text-color)}.attribution a[data-v-f1813e4e]:before{content:"© "}.vcs-oblique-footer[data-v-31e38c88] p{font-size:smaller;margin:0}div[data-v-c3194f47] p,div[data-v-c3194f47] h1,div[data-v-c3194f47] h2,div[data-v-c3194f47] ul,div[data-v-c3194f47] ol{margin-bottom:calc(var(--v-vcs-font-size) * 1)}div[data-v-c3194f47] li{margin-left:1.5em}[data-v-709c1b58] a{color:var(--v-text-color)}.text-page-footer[data-v-81f45a22]{font-size:smaller}.text-page-footer a[data-v-81f45a22]{color:var(--v-text-color)}.marked-checkbox-content[data-v-067290ed] p{margin-bottom:0}.v-input[data-v-067290ed]{margin-left:-5px!important}a[data-v-f6f1909d]{color:var(--v-theme-surface)}a[data-v-f6f1909d]:hover{color:rgb(var(--v-theme-primary))}a[data-v-f6f1909d]:before{content:"©"}.vcs-formatted-number[data-v-5fe6c2bc]{box-sizing:content-box;display:flex;align-items:center;height:calc(var(--v-vcs-font-size) * 2 - 2px)}.vcs-disabled[data-v-5fe6c2bc]{opacity:var(--v-disabled-opacity)}.active[data-v-dbfbb829]{background-color:rgb(var(--v-theme-primary))}.active span[data-v-dbfbb829]{color:rgb(var(--v-theme-on-primary))}[data-v-98070e0c] .v-application--wrap{min-height:fit-content}.title-parent[data-v-703bb928]{overflow:hidden;text-overflow:ellipsis}.cursor-pointer[data-v-703bb928]{cursor:pointer}.treenode[data-v-e45230bc]{align-items:center!important;min-height:calc(var(--v-vcs-font-size) * 2 + 6px)}.level-0[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 0 + 2px)}.level-0.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-0.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-1[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 1 + 2px)}.level-1.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-1.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-2[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 2 + 2px)}.level-2.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-2.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-3[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 3 + 2px)}.level-3.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-3.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-4[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 4 + 2px)}.level-4.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-4.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-5[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 5 + 2px)}.level-5.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-5.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.level-6[data-v-e45230bc]{padding-left:calc(var(--v-vcs-font-size) * 6 + 2px)}.level-6.item>.prepend[data-v-e45230bc]:not(:has(.v-icon)){margin-left:calc(var(--v-vcs-font-size) * 2)}.level-6.item>.prepend[data-v-e45230bc]:has(.v-icon){margin-left:4px}.prepend[data-v-e45230bc] .v-icon{margin-right:6px;display:flex;align-items:start}.children[data-v-e45230bc]{padding-left:var(--v-vcs-font-size)}[data-v-e45230bc] .v-btn:not(.vcs-button){width:var(--v-vcs-font-size);height:var(--v-vcs-font-size);display:flex}[data-v-e45230bc] .v-btn:not(.vcs-button).chevron-btn{margin-left:4px;margin-right:8px}[data-v-e45230bc] .v-btn__overlay{--v-hover-opacity: 0}.vcs-treeitem[data-v-396e82b4]:not(:has(.vcs-tree-node)){display:none}.vcs-treeitem[data-v-396e82b4]:not(:last-child){border-bottom:1px solid rgb(var(--v-theme-base-lighten-2))}.root-node[data-v-396e82b4] .level-0{min-height:calc(var(--v-vcs-font-size) * 2 + 14px)!important}.root-node[data-v-396e82b4]>.group{font-weight:700!important}.vcs-help{box-sizing:border-box}.vcs-help ol,.vcs-help ul{padding-left:16px}.vcs-form-section-header[data-v-1b73edf2]{height:calc(var(--v-vcs-font-size) * 2 + 14px)}.v-alert--text[data-v-1b73edf2]:before{background-color:transparent}[data-v-1b73edf2] .v-btn__overlay{--v-hover-opacity: 0}.hide-scrollbar[data-v-d33029c7]{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar[data-v-d33029c7]::-webkit-scrollbar{display:none}.v-chip.v-chip--size-small[data-v-d33029c7]{--v-chip-height: calc(var(--v-vcs-font-size) * 2 - 2px);padding:0 calc(var(--v-vcs-font-size) - 3px)}[data-v-d33029c7] .v-icon--size-x-small{font-size:calc(var(--v-vcs-font-size) + 3px)}.row-gap[data-v-d33029c7]{row-gap:8px!important}.v-input--density-compact[data-v-3a6cbeac] .v-field{--v-input-control-height: calc(var(--v-vcs-font-size) * 2 - 2px);--v-field-padding-bottom: 0px;--v-field-input-padding-top: 0px;--v-input-padding-top: 0px}[data-v-3a6cbeac] .v-field{--v-field-padding-start: 4px;--v-field-padding-end: 4px;padding-left:4px;padding-right:4px}[data-v-3a6cbeac] .v-field .v-field__clearable{margin:2px -2px 0 0}[data-v-3a6cbeac] .v-field__field{padding-bottom:2px;padding-top:2px}[data-v-3a6cbeac] .v-field__input{padding:0;mask-image:none!important;-webkit-mask-image:none!important}[data-v-3a6cbeac] .v-field--focused:not(.v-field--error) .v-field__outline *{border-color:rgb(var(--v-theme-primary))}[data-v-3a6cbeac] .v-field--focused .v-field__outline__start{border-width:1px 0 1px 1px!important}[data-v-3a6cbeac] .v-field--focused .v-field__outline__notch:after{border-width:0 0 1px 0!important}[data-v-3a6cbeac] .v-field--focused .v-field__outline__end{border-width:1px 1px 1px 0!important}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *{border-width:0 0 1px 0!important;border-radius:0}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline__start{margin-left:4px}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline__end{margin-right:4px}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__loader{padding-left:3px;padding-right:3px}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline *:before{border-width:0;border-radius:0}[data-v-3a6cbeac] .v-field:not(.v-field--focused):not(.v-field--error):not(:hover) .v-field__outline * label{color:rgb(var(--v-theme-primary));margin-left:-4px;border-width:0 0 0 0;border-radius:0}[data-v-3a6cbeac] .v-field .v-field--focused .v-field--error:hover{border-width:1px!important}[data-v-3a6cbeac] .v-field--focused:not(.v-field--error) .v-field__outline *:after{border-color:rgb(var(--v-theme-primary));border-width:0 0 1px!important}.v-input--horizontal[data-v-3a6cbeac] .v-input__prepend{margin-inline-end:4px}.primary--placeholder[data-v-3a6cbeac] textarea::placeholder{color:rgb(var(--v-theme-primary));font-style:italic!important;opacity:1;padding:0 3px 0 0}[data-v-3a6cbeac] .v-input__details{display:none}[data-v-3a6cbeac] .v-field__loader{top:calc(100% - 2px)}.v-stepper-vertical-item{position:relative;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-stepper-vertical-item__title{font-size:1rem}.v-stepper-vertical-item__subtitle{font-size:.75rem}.v-stepper-vertical-item .v-expansion-panel-text{padding-inline-start:32px}.v-stepper-vertical-item:not(:last-child):before{content:"";position:absolute;width:2px;height:calc(100% - 30px);background:rgba(var(--v-border-color),var(--v-border-opacity));left:35px;top:44px;z-index:1;transition-duration:.3s;transition-property:height}.v-stepper-vertical-item:after{display:none}.v-stepper-vertical-item.v-expansion-panel--disabled .v-expansion-panel-title,.v-stepper-vertical-item:not(.v-stepper-vertical-item--editable) .v-expansion-panel-title{pointer-events:none}.v-stepper-vertical-item.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay,.v-stepper-vertical-item:not(.v-stepper-vertical-item--editable) .v-expansion-panel-title .v-expansion-panel-title__overlay{opacity:0}.v-stepper-vertical-item__avatar.v-avatar{background:rgba(var(--v-theme-surface-variant),var(--v-medium-emphasis-opacity));color:rgb(var(--v-theme-on-surface-variant));transition-property:background}.v-stepper-vertical-item__avatar.v-avatar .v-icon{font-size:.875rem}.v-expansion-panel--active .v-stepper-vertical-item__avatar.v-avatar{background:rgb(var(--v-theme-surface-variant))}.v-stepper-vertical-item--error .v-stepper-vertical-item__avatar.v-avatar{background:rgb(var(--v-theme-error));color:rgb(var(--v-theme-on-error))}.v-stepper-vertical-item--error .v-stepper-vertical-item__title,.v-stepper-vertical-item--error .v-stepper-vertical-item__subtitle{color:rgb(var(--v-theme-error))}.v-stepper-vertical-actions.v-stepper-actions .v-btn{margin-inline-end:8px}.v-stepper .v-stepper-vertical-actions.v-stepper-actions{justify-content:flex-end;padding:24px 0 0;flex-direction:row-reverse}.v-btn{align-items:center;border-radius:4px;display:inline-grid;grid-template-areas:"prepend content append";grid-template-columns:max-content auto max-content;font-weight:500;justify-content:center;letter-spacing:.0892857143em;line-height:normal;max-width:100%;outline:none;position:relative;text-decoration:none;text-indent:.0892857143em;text-transform:uppercase;transition-property:box-shadow,transform,opacity,background;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;flex-shrink:0}.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 20px;font-size:var(--v-btn-size);min-width:36px;padding:0 8px}.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 28px;font-size:var(--v-btn-size);min-width:50px;padding:0 12px}.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 36px;font-size:var(--v-btn-size);min-width:64px;padding:0 16px}.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 44px;font-size:var(--v-btn-size);min-width:78px;padding:0 20px}.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 52px;font-size:var(--v-btn-size);min-width:92px;padding:0 24px}.v-btn.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -8px)}.v-btn.v-btn--density-compact{height:calc(var(--v-btn-height) + -12px)}.v-btn{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn--border{border-width:thin;box-shadow:none}.v-btn--absolute{position:absolute}.v-btn--fixed{position:fixed}.v-btn:hover>.v-btn__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-btn:focus-visible>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn:focus>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-btn--active>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn--active:hover>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn--active:focus-visible>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn--active:focus>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn--variant-plain,.v-btn--variant-outlined,.v-btn--variant-text,.v-btn--variant-tonal{background:transparent;color:inherit}.v-btn--variant-plain{opacity:.62}.v-btn--variant-plain:focus,.v-btn--variant-plain:hover{opacity:1}.v-btn--variant-plain .v-btn__overlay{display:none}.v-btn--variant-elevated,.v-btn--variant-flat{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn--variant-elevated{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-outlined{border:thin solid currentColor}.v-btn--variant-text .v-btn__overlay{background:currentColor}.v-btn--variant-tonal .v-btn__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-btn .v-btn__underlay{position:absolute}@supports selector(:focus-visible){.v-btn:after{pointer-events:none;border:2px solid currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.v-btn:focus-visible:after{opacity:calc(.25 * var(--v-theme-overlay-multiplier))}}.v-btn--icon{border-radius:50%;min-width:0;padding:0}.v-btn--icon.v-btn--size-default{--v-btn-size: 1rem}.v-btn--icon.v-btn--density-default{width:calc(var(--v-btn-height) + 12px);height:calc(var(--v-btn-height) + 12px)}.v-btn--icon.v-btn--density-comfortable{width:calc(var(--v-btn-height) + 0px);height:calc(var(--v-btn-height) + 0px)}.v-btn--icon.v-btn--density-compact{width:calc(var(--v-btn-height) + -8px);height:calc(var(--v-btn-height) + -8px)}.v-btn--elevated:hover,.v-btn--elevated:focus{box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--elevated:active{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--flat{box-shadow:none}.v-btn--block{display:flex;flex:1 0 auto;min-width:100%}.v-btn--disabled{pointer-events:none;opacity:.26}.v-btn--disabled:hover{opacity:.26}.v-btn--disabled.v-btn--variant-elevated,.v-btn--disabled.v-btn--variant-flat{box-shadow:none;opacity:1;color:rgba(var(--v-theme-on-surface),.26);background:rgb(var(--v-theme-surface))}.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,.v-btn--disabled.v-btn--variant-flat .v-btn__overlay{opacity:.4615384615}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__prepend,.v-btn--loading .v-btn__append{opacity:0}.v-btn--stacked{grid-template-areas:"prepend" "content" "append";grid-template-columns:auto;grid-template-rows:max-content max-content max-content;justify-items:center;align-content:center}.v-btn--stacked .v-btn__content{flex-direction:column;line-height:1.25}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--start,.v-btn--stacked .v-btn__content>.v-icon--end{margin-inline:0}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__content>.v-icon--start{margin-bottom:4px}.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--end{margin-top:4px}.v-btn--stacked.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 56px;font-size:var(--v-btn-size);min-width:56px;padding:0 12px}.v-btn--stacked.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 64px;font-size:var(--v-btn-size);min-width:64px;padding:0 14px}.v-btn--stacked.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 72px;font-size:var(--v-btn-size);min-width:72px;padding:0 16px}.v-btn--stacked.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 80px;font-size:var(--v-btn-size);min-width:80px;padding:0 18px}.v-btn--stacked.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 88px;font-size:var(--v-btn-size);min-width:88px;padding:0 20px}.v-btn--stacked.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn--stacked.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -16px)}.v-btn--stacked.v-btn--density-compact{height:calc(var(--v-btn-height) + -24px)}.v-btn--slim{padding:0 8px}.v-btn--readonly{pointer-events:none}.v-btn--rounded{border-radius:24px}.v-btn--rounded.v-btn--icon{border-radius:4px}.v-btn .v-icon{--v-icon-size-multiplier: .8571428571}.v-btn--icon .v-icon{--v-icon-size-multiplier: 1}.v-btn--stacked .v-icon{--v-icon-size-multiplier: 1.1428571429}.v-btn--stacked.v-btn--block{min-width:100%}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn__loader>.v-progress-circular{width:1.5em;height:1.5em}.v-btn__content,.v-btn__prepend,.v-btn__append{align-items:center;display:flex;transition:transform,opacity .2s cubic-bezier(.4,0,.2,1)}.v-btn__prepend{grid-area:prepend;margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn--slim .v-btn__prepend{margin-inline-start:0}.v-btn__append{grid-area:append;margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--slim .v-btn__append{margin-inline-end:0}.v-btn__content{grid-area:content;justify-content:center;white-space:nowrap}.v-btn__content>.v-icon--start{margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn__content>.v-icon--end{margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--stacked .v-btn__content{white-space:normal}.v-btn__overlay{background-color:currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn__overlay,.v-btn__underlay{pointer-events:none}.v-btn__overlay,.v-btn__underlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-pagination .v-btn{border-radius:4px}.v-pagination .v-btn--rounded{border-radius:50%}.v-pagination .v-btn__overlay{transition:none}.v-pagination .v-pagination__item--is-active .v-btn__overlay{opacity:var(--v-border-opacity)}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled)>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain{opacity:1}.v-btn-group{display:inline-flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle}.v-btn-group{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn-group--border{border-width:thin;box-shadow:none}.v-btn-group{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn-group{border-radius:4px}.v-btn-group{background:transparent;color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn-group--density-default.v-btn-group{height:48px}.v-btn-group--density-comfortable.v-btn-group{height:40px}.v-btn-group--density-compact.v-btn-group{height:36px}.v-btn-group .v-btn{border-radius:0;border-color:inherit}.v-btn-group .v-btn:not(:last-child){border-inline-end:none}.v-btn-group .v-btn:not(:first-child){border-inline-start:none}.v-btn-group .v-btn:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.v-btn-group .v-btn:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.v-btn-group--divided .v-btn:not(:last-child){border-inline-end-width:thin;border-inline-end-style:solid;border-inline-end-color:rgba(var(--v-border-color),var(--v-border-opacity))}.v-btn-group--tile{border-radius:0}.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}.v-progress-circular{align-items:center;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.v-progress-circular>svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.v-progress-circular__content{align-items:center;display:flex;justify-content:center}.v-progress-circular__underlay{color:rgba(var(--v-border-color),var(--v-border-opacity));stroke:currentColor;z-index:1}.v-progress-circular__overlay{stroke:currentColor;transition:all .2s ease-in-out,stroke-width 0s;z-index:2}.v-progress-circular--size-x-small{height:16px;width:16px}.v-progress-circular--size-small{height:24px;width:24px}.v-progress-circular--size-default{height:32px;width:32px}.v-progress-circular--size-large{height:48px;width:48px}.v-progress-circular--size-x-large{height:64px;width:64px}.v-progress-circular--indeterminate>svg{animation:progress-circular-rotate 1.4s linear infinite;transform-origin:center center;transition:all .2s ease-in-out}.v-progress-circular--indeterminate .v-progress-circular__overlay{animation:progress-circular-dash 1.4s ease-in-out infinite,progress-circular-rotate 1.4s linear infinite;stroke-dasharray:25,200;stroke-dashoffset:0;stroke-linecap:round;transform-origin:center center;transform:rotate(-90deg)}.v-progress-circular--disable-shrink>svg{animation-duration:.7s}.v-progress-circular--disable-shrink .v-progress-circular__overlay{animation:none}.v-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg,.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay{animation-play-state:paused!important}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}.v-ripple__container{color:inherit;border-radius:inherit;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:0;pointer-events:none;contain:strict}.v-ripple__animation{color:inherit;position:absolute;top:0;left:0;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;overflow:hidden;will-change:transform,opacity}.v-ripple__animation--enter{transition:none;opacity:0}.v-ripple__animation--in{transition:transform .25s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1);opacity:calc(.25 * var(--v-theme-overlay-multiplier))}.v-ripple__animation--out{transition:opacity .3s cubic-bezier(0,0,.2,1);opacity:0}.v-avatar{flex:none;align-items:center;display:inline-flex;justify-content:center;line-height:normal;overflow:hidden;position:relative;text-align:center;transition:.2s cubic-bezier(.4,0,.2,1);transition-property:width,height;vertical-align:middle}.v-avatar.v-avatar--size-x-small{--v-avatar-height: 24px}.v-avatar.v-avatar--size-small{--v-avatar-height: 32px}.v-avatar.v-avatar--size-default{--v-avatar-height: 40px}.v-avatar.v-avatar--size-large{--v-avatar-height: 48px}.v-avatar.v-avatar--size-x-large{--v-avatar-height: 56px}.v-avatar.v-avatar--density-default{height:calc(var(--v-avatar-height) + 0px);width:calc(var(--v-avatar-height) + 0px)}.v-avatar.v-avatar--density-comfortable{height:calc(var(--v-avatar-height) + -4px);width:calc(var(--v-avatar-height) + -4px)}.v-avatar.v-avatar--density-compact{height:calc(var(--v-avatar-height) + -8px);width:calc(var(--v-avatar-height) + -8px)}.v-avatar{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-avatar--border{border-width:thin;box-shadow:none}.v-avatar{border-radius:50%}.v-avatar--variant-plain,.v-avatar--variant-outlined,.v-avatar--variant-text,.v-avatar--variant-tonal{background:transparent;color:inherit}.v-avatar--variant-plain{opacity:.62}.v-avatar--variant-plain:focus,.v-avatar--variant-plain:hover{opacity:1}.v-avatar--variant-plain .v-avatar__overlay{display:none}.v-avatar--variant-elevated,.v-avatar--variant-flat{background:var(--v-theme-surface);color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity))}.v-avatar--variant-elevated{box-shadow:0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-avatar--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-avatar--variant-outlined{border:thin solid currentColor}.v-avatar--variant-text .v-avatar__overlay{background:currentColor}.v-avatar--variant-tonal .v-avatar__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-avatar .v-avatar__underlay{position:absolute}.v-avatar--rounded{border-radius:4px}.v-avatar--start{margin-inline-end:8px}.v-avatar--end{margin-inline-start:8px}.v-avatar .v-img{height:100%;width:100%}.v-img{--v-theme-overlay-multiplier: 3;z-index:0}.v-img.v-img--absolute{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.v-img--booting .v-responsive__sizer{transition:none}.v-img--rounded{border-radius:4px}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{z-index:-1}.v-img__img,.v-img__picture,.v-img__gradient,.v-img__placeholder,.v-img__error{position:absolute;top:0;left:0;width:100%;height:100%}.v-img__img--preload{filter:blur(4px)}.v-img__img--contain{object-fit:contain}.v-img__img--cover{object-fit:cover}.v-img__gradient{background-repeat:no-repeat}.v-responsive{display:flex;flex:1 0 auto;max-height:100%;max-width:100%;overflow:hidden;position:relative}.v-responsive--inline{display:inline-flex;flex:0 0 auto}.v-responsive__content{flex:1 0 0px;max-width:100%}.v-responsive__sizer~.v-responsive__content{margin-inline-start:-100%}.v-responsive__sizer{flex:1 0 0px;transition:padding-bottom .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.v-stepper-item{align-items:center;align-self:stretch;display:inline-flex;flex:none;outline:none;opacity:var(--v-medium-emphasis-opacity);padding:1.5rem;position:relative;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-stepper-item:hover>.v-stepper-item__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-stepper-item:focus-visible>.v-stepper-item__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-stepper-item:focus>.v-stepper-item__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-stepper-item--active>.v-stepper-item__overlay,.v-stepper-item[aria-haspopup=menu][aria-expanded=true]>.v-stepper-item__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-stepper-item--active:hover>.v-stepper-item__overlay,.v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover>.v-stepper-item__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-stepper-item--active:focus-visible>.v-stepper-item__overlay,.v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-stepper-item__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-stepper-item--active:focus>.v-stepper-item__overlay,.v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus>.v-stepper-item__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-stepper--non-linear .v-stepper-item{opacity:var(--v-high-emphasis-opacity)}.v-stepper-item--selected{opacity:1}.v-stepper-item--error{color:rgb(var(--v-theme-error))}.v-stepper-item--disabled{opacity:var(--v-medium-emphasis-opacity);pointer-events:none}.v-stepper--alt-labels .v-stepper-item{flex-direction:column;justify-content:flex-start;align-items:center;flex-basis:175px}.v-stepper-item__avatar.v-avatar{background:rgba(var(--v-theme-surface-variant),var(--v-medium-emphasis-opacity));color:rgb(var(--v-theme-on-surface-variant));font-size:.75rem;margin-inline-end:8px}.v-stepper--mobile .v-stepper-item__avatar.v-avatar{margin-inline-end:0}.v-stepper-item__avatar.v-avatar .v-icon{font-size:.875rem}.v-stepper-item--selected .v-stepper-item__avatar.v-avatar,.v-stepper-item--complete .v-stepper-item__avatar.v-avatar{background:rgb(var(--v-theme-surface-variant))}.v-stepper-item--error .v-stepper-item__avatar.v-avatar{background:rgb(var(--v-theme-error))}.v-stepper--alt-labels .v-stepper-item__avatar.v-avatar{margin-bottom:16px;margin-inline-end:0}.v-stepper-item__title{line-height:1}.v-stepper--mobile .v-stepper-item__title{display:none}.v-stepper-item__subtitle{font-size:.75rem;text-align:left;line-height:1;opacity:var(--v-medium-emphasis-opacity)}.v-stepper--alt-labels .v-stepper-item__subtitle{text-align:center}.v-stepper--mobile .v-stepper-item__subtitle{display:none}.v-stepper-item__overlay{background-color:currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-stepper-item__overlay,.v-stepper-item__underlay{pointer-events:none}.v-stepper-item__overlay,.v-stepper-item__underlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-expansion-panel{background-color:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-expansion-panel:not(:first-child):after{border-color:rgba(var(--v-border-color),var(--v-border-opacity))}.v-expansion-panel--disabled .v-expansion-panel-title{color:rgba(var(--v-theme-on-surface),.26)}.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay{opacity:.4615384615}.v-expansion-panels{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0;width:100%;position:relative;z-index:1}.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active){border-top-left-radius:0!important;border-top-right-radius:0!important}.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active){border-top-left-radius:0!important;border-top-right-radius:0!important}.v-expansion-panels--variant-accordion>:first-child:not(:last-child){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.v-expansion-panels--variant-accordion>:last-child:not(:first-child){border-top-left-radius:0!important;border-top-right-radius:0!important}.v-expansion-panels--variant-accordion>:last-child:not(:first-child) .v-expansion-panel-title--active{border-bottom-left-radius:initial;border-bottom-right-radius:initial}.v-expansion-panels--variant-accordion>:not(:first-child):not(:last-child){border-radius:0!important}.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay{transition:.3s border-radius cubic-bezier(.4,0,.2,1)}.v-expansion-panel{flex:1 0 100%;max-width:100%;position:relative;transition:.3s all cubic-bezier(.4,0,.2,1);transition-property:margin-top,border-radius,border,max-width;border-radius:4px}.v-expansion-panel:not(:first-child):after{border-top-style:solid;border-top-width:thin;content:"";left:0;position:absolute;right:0;top:0;transition:.3s opacity cubic-bezier(.4,0,.2,1)}.v-expansion-panel--disabled .v-expansion-panel-title{pointer-events:none}.v-expansion-panel--active:not(:first-child),.v-expansion-panel--active+.v-expansion-panel{margin-top:16px}.v-expansion-panel--active:not(:first-child):after,.v-expansion-panel--active+.v-expansion-panel:after{opacity:0}.v-expansion-panel--active>.v-expansion-panel-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.v-expansion-panel--active>.v-expansion-panel-title:not(.v-expansion-panel-title--static){min-height:64px}.v-expansion-panel__shadow{border-radius:inherit;z-index:-1}.v-expansion-panel__shadow{position:absolute;top:0;left:0;width:100%;height:100%}.v-expansion-panel__shadow{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-expansion-panel-title{align-items:center;text-align:start;border-radius:inherit;display:flex;font-size:.9375rem;line-height:1;min-height:48px;outline:none;padding:16px 24px;position:relative;transition:.3s min-height cubic-bezier(.4,0,.2,1);width:100%;justify-content:space-between}.v-expansion-panel-title:hover>.v-expansion-panel-title__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-expansion-panel-title:focus-visible>.v-expansion-panel-title__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-expansion-panel-title:focus>.v-expansion-panel-title__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-expansion-panel-title__overlay{background-color:currentColor;border-radius:inherit;opacity:0}.v-expansion-panel-title__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-expansion-panel-title__icon{display:inline-flex;margin-bottom:-4px;margin-top:-4px;-webkit-user-select:none;user-select:none;margin-inline-start:auto}.v-expansion-panel-text{display:flex}.v-expansion-panel-text__wrapper{padding:8px 24px 16px;flex:1 1 auto;max-width:100%}.v-expansion-panels--variant-accordion>.v-expansion-panel{margin-top:0}.v-expansion-panels--variant-accordion>.v-expansion-panel:after{opacity:1}.v-expansion-panels--variant-popout>.v-expansion-panel{max-width:calc(100% - 32px)}.v-expansion-panels--variant-popout>.v-expansion-panel--active{max-width:calc(100% + 16px)}.v-expansion-panels--variant-inset>.v-expansion-panel{max-width:100%}.v-expansion-panels--variant-inset>.v-expansion-panel--active{max-width:calc(100% - 32px)}.v-expansion-panels--flat>.v-expansion-panel:after{border-top:none}.v-expansion-panels--flat>.v-expansion-panel .v-expansion-panel__shadow{display:none}.v-expansion-panels--tile{border-radius:0}.v-expansion-panels--tile>.v-expansion-panel{border-radius:0}.v-stepper.v-sheet{overflow:hidden}.v-stepper.v-sheet{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-stepper.v-sheet{border-radius:4px}.v-stepper.v-sheet.v-stepper--flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-stepper-header{align-items:center;display:flex;position:relative;overflow-x:auto;justify-content:space-between;z-index:1}.v-stepper-header{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-stepper-header .v-divider{margin:0 -16px}.v-stepper-header .v-divider:last-child{margin-inline-end:0}.v-stepper-header .v-divider:first-child{margin-inline-start:0}.v-stepper--alt-labels .v-stepper-header{height:auto}.v-stepper--alt-labels .v-stepper-header .v-divider{align-self:flex-start;margin:35px -67px 0}.v-stepper-window{margin:1.5rem}.v-stepper-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem}.v-stepper .v-stepper-actions{padding:0 1.5rem 1rem}.v-stepper-window-item .v-stepper-actions{padding:1.5rem 0 0}.v-window{overflow:hidden}.v-window__container{display:flex;flex-direction:column;height:inherit;position:relative;transition:.3s cubic-bezier(.25,.8,.5,1)}.v-window__controls{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:none}.v-window__controls>*{pointer-events:auto}.v-window--show-arrows-on-hover{overflow:hidden}.v-window--show-arrows-on-hover .v-window__left{transform:translate(-200%)}.v-window--show-arrows-on-hover .v-window__right{transform:translate(200%)}.v-window--show-arrows-on-hover:hover .v-window__left,.v-window--show-arrows-on-hover:hover .v-window__right{transform:translate(0)}.v-window-x-transition-enter-active,.v-window-x-transition-leave-active,.v-window-x-reverse-transition-enter-active,.v-window-x-reverse-transition-leave-active,.v-window-y-transition-enter-active,.v-window-y-transition-leave-active,.v-window-y-reverse-transition-enter-active,.v-window-y-reverse-transition-leave-active{transition:.3s cubic-bezier(.25,.8,.5,1)}.v-window-x-transition-leave-from,.v-window-x-transition-leave-to,.v-window-x-reverse-transition-leave-from,.v-window-x-reverse-transition-leave-to,.v-window-y-transition-leave-from,.v-window-y-transition-leave-to,.v-window-y-reverse-transition-leave-from,.v-window-y-reverse-transition-leave-to{position:absolute!important;top:0;width:100%}.v-window-x-transition-enter-from{transform:translate(100%)}.v-window-x-transition-leave-to,.v-window-x-reverse-transition-enter-from{transform:translate(-100%)}.v-window-x-reverse-transition-leave-to{transform:translate(100%)}.v-window-y-transition-enter-from{transform:translateY(100%)}.v-window-y-transition-leave-to,.v-window-y-reverse-transition-enter-from{transform:translateY(-100%)}.v-window-y-reverse-transition-leave-to{transform:translateY(100%)}.v-divider{display:block;flex:1 1 100%;height:0px;max-height:0px;opacity:var(--v-border-opacity);transition:inherit}.v-divider{border-style:solid;border-width:thin 0 0 0}.v-divider--vertical{align-self:stretch;border-width:0 thin 0 0;display:inline-flex;height:auto;margin-left:-1px;max-height:100%;max-width:0px;vertical-align:text-bottom;width:0px}.v-divider--inset:not(.v-divider--vertical){max-width:calc(100% - 72px);margin-inline-start:72px}.v-divider--inset.v-divider--vertical{margin-bottom:8px;margin-top:8px;max-height:calc(100% - 16px)}.v-divider__content{padding:0 16px;text-wrap:nowrap}.v-divider__wrapper--vertical .v-divider__content{padding:4px 0}.v-divider__wrapper{display:flex;align-items:center;justify-content:center}.v-divider__wrapper--vertical{flex-direction:column;height:100%}.v-divider__wrapper--vertical .v-divider{margin:0 auto}.v-sheet{display:block}.v-sheet{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-sheet--border{border-width:thin;box-shadow:none}.v-sheet{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-sheet--absolute{position:absolute}.v-sheet--fixed{position:fixed}.v-sheet--relative{position:relative}.v-sheet--sticky{position:sticky}.v-sheet{border-radius:0}.v-sheet{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-sheet--rounded{border-radius:4px}[data-v-21f36651] .v-expansion-panel-title{height:calc(var(--v-vcs-font-size) * 2 + 6px);min-height:calc(var(--v-vcs-font-size) * 2 + 6px);padding:0 8px}[data-v-21f36651] .v-expansion-panel-title.v-expansion-panel-title--active{background-color:rgba(var(--v-theme-base-darken-4),var(--v-selected-opacity));color:rgb(var(--v-theme-primary))}[data-v-21f36651] .v-expansion-panel-title.v-expansion-panel-title--active .action-btn-wrap{color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}[data-v-21f36651] .v-expansion-panel-title.v-expansion-panel-title--active .v-expansion-panel-title__overlay:hover,[data-v-21f36651] .v-expansion-panel-title.v-expansion-panel-title--active .v-expansion-panel-title__overlay{background-color:rgb(var(--v-theme-base))}[data-v-21f36651] .v-stepper-vertical-item:not(:last-child):before{height:100%;top:calc(var(--v-vcs-font-size) * 2 - 16px);left:calc(14px + var(--v-vcs-font-size) * .42);width:calc(var(--v-vcs-font-size) * .1)}[data-v-21f36651] .v-stepper-vertical-item__avatar.v-avatar{background:rgb(var(--v-theme-base-darken-2));color:rgb(var(--v-theme-background))!important;width:calc(var(--v-vcs-font-size) - 1px)!important;height:calc(var(--v-vcs-font-size) - 1px)!important;z-index:2}[data-v-21f36651] .v-expansion-panel-title--active .v-stepper-vertical-item__avatar.v-avatar{background:rgb(var(--v-theme-primary))}[data-v-21f36651] .v-stepper-vertical-item--error .v-stepper-vertical-item__avatar.v-avatar{background:rgb(var(--v-theme-error))}[data-v-21f36651] .v-stepper-vertical-item__avatar.v-avatar+div{width:100%}[data-v-21f36651] .v-expansion-panel-title__icon{display:none}[data-v-21f36651] .v-stepper-vertical-item__avatar.v-avatar .v-icon{font-size:calc(var(--v-vcs-font-size) - 3px)!important;height:calc(var(--v-vcs-font-size) - 3px)!important;width:calc(var(--v-vcs-font-size) - 3px)!important}[data-v-21f36651] .v-avatar--start{margin-inline-start:6px}[data-v-21f36651] .v-btn--disabled.v-btn--variant-flat.bg-primary{color:rgba(var(--v-theme-on-surface),.26)!important}[data-v-21f36651] .v-expansion-panel__shadow{box-shadow:unset}[data-v-21f36651] .v-expansion-panel-text{padding-left:12px}.tiled-background[data-v-2df98209]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat}.stroke-box[data-v-fa3f17bc]{border:3px solid;background-color:transparent}.vcs-text-menu-preview{font:var(--42c5870b)!important;font-size:20px!important;-webkit-text-stroke-color:var(--1f3d8234);-webkit-text-stroke-width:1px;-webkit-text-fill-color:var(--5b275009);line-height:1}[data-v-196926f2] .v-input__append{margin:0}[data-v-34f982ce] .v-list-item{padding:0 8px 0 16px}[data-v-34f982ce] .v-list{overflow:visible}.duration-input[data-v-34f982ce]{width:60px}.z-index-99[data-v-34f982ce]{z-index:99!important}.add-in-button[data-v-34f982ce]{min-height:0!important;margin-top:-8px}
|
File without changes
|
File without changes
|