@vcmap/ui 6.0.0-rc.8 → 6.0.0-rc.9

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-99bf601c.js";
+export * from "./vuetify-ac50bfc8.js";

package/index.d.ts

@@ -294,6 +294,8 @@ export { getProvidedFlightInstance, setupFlightAnchorEditingListener } from "./s
 export type * from "./src/components/flight/composables.d.ts";
 export { default as VcsFeatureEditingWindow, EditorTransformationIcons, getAllowedEditorTransformationModes } from "./src/components/vector-properties/VcsFeatureEditingWindow.vue";
 export type * from "./src/components/vector-properties/VcsFeatureEditingWindow.vue.d.ts";
+export { LegendType, StyleRowType } from "./src/legend/legendHelper.js";
+export type * from "./src/legend/legendHelper.d.ts";
 
 declare module 'vue' {
   interface ComponentCustomProperties {

package/index.js

@@ -315,3 +315,4 @@ export * from './src/application/attributionsHelper.js';
 export * from './src/components/attrsHelpers.js';
 export * from './src/components/modelHelper.js';
 export * from './src/components/composables.js';
+export { LegendType, StyleRowType } from './src/legend/legendHelper.js';

package/lib/olLib.js

@@ -63,6 +63,7 @@ export {isSorted as ol$array$isSorted} from 'ol/array';
 export {assert as ol$asserts$assert} from 'ol/asserts';
 export {createExtent as ol$centerconstraint$createExtent} from 'ol/centerconstraint';
 export {none as ol$centerconstraint$none} from 'ol/centerconstraint';
+export {NO_COLOR as ol$color$NO_COLOR} from 'ol/color';
 export {asString as ol$color$asString} from 'ol/color';
 export {withAlpha as ol$color$withAlpha} from 'ol/color';
 export {rgbaToLcha as ol$color$rgbaToLcha} from 'ol/color';
@@ -488,6 +489,7 @@ export {default as ol$layer$Base} from 'ol/layer/Base';
 export {default as ol$layer$BaseImage} from 'ol/layer/BaseImage';
 export {default as ol$layer$BaseTile} from 'ol/layer/BaseTile';
 export {default as ol$layer$BaseVector} from 'ol/layer/BaseVector';
+export {default as ol$layer$Flow} from 'ol/layer/Flow';
 export {default as ol$layer$Graticule} from 'ol/layer/Graticule';
 export {GroupEvent as ol$layer$Group$GroupEvent} from 'ol/layer/Group';
 export {default as ol$layer$Group} from 'ol/layer/Group';
@@ -679,6 +681,10 @@ export {defaultOrder as ol$renderer$vector$defaultOrder} from 'ol/renderer/vecto
 export {getSquaredTolerance as ol$renderer$vector$getSquaredTolerance} from 'ol/renderer/vector';
 export {getTolerance as ol$renderer$vector$getTolerance} from 'ol/renderer/vector';
 export {renderFeature as ol$renderer$vector$renderFeature} from 'ol/renderer/vector';
+export {U as ol$renderer$webgl$FlowLayer$U} from 'ol/renderer/webgl/FlowLayer';
+export {A as ol$renderer$webgl$FlowLayer$A} from 'ol/renderer/webgl/FlowLayer';
+export {V as ol$renderer$webgl$FlowLayer$V} from 'ol/renderer/webgl/FlowLayer';
+export {default as ol$renderer$webgl$FlowLayer} from 'ol/renderer/webgl/FlowLayer';
 export {default as ol$renderer$webgl$Layer} from 'ol/renderer/webgl/Layer';
 export {default as ol$renderer$webgl$PointsLayer} from 'ol/renderer/webgl/PointsLayer';
 export {Uniforms as ol$renderer$webgl$TileLayer$Uniforms} from 'ol/renderer/webgl/TileLayer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.0.0-rc.8",
+  "version": "6.0.0-rc.9",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -57,10 +57,10 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.2",
-    "@vcmap/core": "^6.0.0-rc.8",
-    "ol": "^10.0.0",
+    "@vcmap/core": "^6.0.0-rc.10",
+    "ol": "^10.2.0",
     "vue": "~3.4.38",
-    "vuetify": "^3.7.1"
+    "vuetify": "^3.7.2"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.17.17",

package/plugins/@vcmap-show-case/list-example/src/ListExample.vue

@@ -146,10 +146,13 @@
       @item-moved="move"
       @item-renamed="({ item, newTitle }) => (item.title = newTitle)"
     >
-      <template #[`item.prepend-title`]="{ index }" v-if="prependIndex">
+      <template #[`item.prepend`]="{ index }" v-if="prependIndex">
         {{ index }}
       </template>
-      <template #[`item.append-title`]="{ index }" v-if="appendIndex">
+      <template #[`item.title`]="{ index }">
+        {{ index }}
+      </template>
+      <template #[`item.append`]="{ index }" v-if="appendIndex">
         {{ index }}
       </template>
     </vcs-list>

package/plugins/package.json

@@ -1,11 +1,27 @@
 {
   "dependencies": {
     "@vcmap/print": "https://github.com/virtualcitySYSTEMS/map-print.git#main",
-    "@vcmap/multi-view": "https://github.com/virtualcitySYSTEMS/map-multi-view.git",
-    "@vcmap/transparent-terrain": "https://github.com/virtualcitySYSTEMS/map-transparent-terrain.git",
     "@vcmap/walk": "https://github.com/virtualcitySYSTEMS/map-walk.git#main",
     "@vcmap/clipping-tool": "https://github.com/virtualcitySYSTEMS/map-clipping-tool.git#main",
+    "@vcmap/transparent-terrain": "https://github.com/virtualcitySYSTEMS/map-transparent-terrain.git#main",
+    "@vcmap/height-profile": "https://github.com/virtualcitySYSTEMS/map-heightprofile.git#main",
+    "@vcmap/flight": "https://github.com/virtualcitySYSTEMS/map-flight.git#main",
+    "@vcmap/swipe-tool": "https://github.com/virtualcitySYSTEMS/map-swipe-tool.git#main",
+    "@vcmap/export": "https://github.com/virtualcitySYSTEMS/map-export.git#main",
     "@vcmap/viewshed": "https://github.com/virtualcitySYSTEMS/map-viewshed.git#main",
-    "@vcmap/link-button": "https://github.com/virtualcitySYSTEMS/map-link-button.git#main"
+    "@vcmap/measurement": "https://github.com/virtualcitySYSTEMS/map-measurement.git#main",
+    "@vcmap/multi-view": "https://github.com/virtualcitySYSTEMS/map-multi-view.git#main",
+    "@vcmap/draw": "https://github.com/virtualcitySYSTEMS/map-draw.git#main",
+    "@vcmap/shadow": "https://github.com/virtualcitySYSTEMS/map-shadow.git#main",
+    "@vcmap/search-wfs": "https://github.com/virtualcitySYSTEMS/map-search-wfs.git#main",
+    "@vcmap/search-esri": "https://github.com/virtualcitySYSTEMS/map-search-esri.git#main",
+    "@vcmap/search-coordinate": "https://github.com/virtualcitySYSTEMS/map-search-coordinate.git#main",
+    "@vcmap/link-button": "https://github.com/virtualcitySYSTEMS/map-link-button.git#main",
+    "@vcmap/cesium-filters": "https://github.com/virtualcitySYSTEMS/map-cesium-filters.git#main",
+    "@vcmap/search-nominatim": "https://github.com/virtualcitySYSTEMS/map-search-nominatim.git#main",
+    "@vcmap/create-link": "https://github.com/virtualcitySYSTEMS/map-create-link.git#main"
+  },
+  "optionalDependencies": {
+    "@vcmap/planning": "^6.0.0-rc.1"
   }
 }

package/src/application/VcsApp.vue.d.ts

@@ -300,6 +300,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
             readonly medium?: {
                 readonly sse?: number | undefined;
@@ -309,6 +310,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
             readonly high?: {
                 readonly sse?: number | undefined;
@@ -318,6 +320,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
         } | undefined;
         /**

package/src/application/VcsContainer.vue.d.ts

@@ -220,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
             readonly medium?: {
                 readonly sse?: number | undefined;
@@ -229,6 +230,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
             readonly high?: {
                 readonly sse?: number | undefined;
@@ -238,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly fogScreenSpaceErrorFactor?: number | undefined;
                 readonly resolutionScale?: number | undefined;
                 readonly layerSSEFactor?: number | undefined;
+                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
             } | undefined;
         } | undefined;
         /**

package/src/components/buttons/VcsButton.vue

@@ -65,7 +65,7 @@
   import { VBtn, VIcon, VTooltip } from 'vuetify/components';
   import VcsBadge from '../notification/VcsBadge.vue';
   import { useFontSize, useIconSize } from '../../vuePlugins/vuetify.js';
-  import { useForwardSlots } from '../composables.js';
+  import { getForwardSlots } from '../composables.js';
 
   /**
    * @description a button with tooltip extending {@link https://vuetifyjs.com/en/api/v-btn/|vuetify v-btn}.
@@ -124,7 +124,7 @@
           return null;
         }
       });
-      const forwardSlots = useForwardSlots(slots, ['default']);
+      const forwardSlots = getForwardSlots(slots, ['default']);
       const hasDefaultSlot = computed(() => {
         return !!slots?.default;
       });

package/src/components/buttons/VcsButton.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     hasDefaultSlot: import("vue").ComputedRef<boolean>;
     appliedColor: import("vue").ComputedRef<string | null>;
     iconSize: import("vue").ComputedRef<number>;

package/src/components/buttons/VcsFormButton.vue

@@ -68,7 +68,7 @@
   import { VBtn, VIcon, VTooltip } from 'vuetify/components';
   import VcsBadge from '../notification/VcsBadge.vue';
   import { useFontSize, useIconSize } from '../../vuePlugins/vuetify.js';
-  import { useForwardSlots } from '../composables.js';
+  import { getForwardSlots } from '../composables.js';
 
   /**
    * @description a button with tooltip extending {@link https://vuetifyjs.com/en/api/v-btn/|vuetify v-btn}.
@@ -121,7 +121,7 @@
       const hasDefaultSlot = computed(() => {
         return !!slots?.default;
       });
-      const forwardSlots = useForwardSlots(slots, ['default']);
+      const forwardSlots = getForwardSlots(slots, ['default']);
       const fontSize = useFontSize();
       const iconSize = useIconSize();
       const itemHeight = computed(() => {

package/src/components/buttons/VcsFormButton.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     buttonVariant: import("vue").ComputedRef<string>;
     hasDefaultSlot: import("vue").ComputedRef<boolean>;
     itemHeight: import("vue").ComputedRef<number>;

package/src/components/buttons/VcsToolButton.vue

@@ -69,7 +69,7 @@
   import { computed } from 'vue';
   import { VBtn, VIcon, VTooltip } from 'vuetify/components';
   import VcsBadge from '../notification/VcsBadge.vue';
-  import { useForwardSlots } from '../composables.js';
+  import { getForwardSlots } from '../composables.js';
   import { useFontSize } from '../../vuePlugins/vuetify.js';
 
   /**
@@ -140,7 +140,7 @@
       const hasDefaultSlot = computed(() => {
         return !!slots?.default;
       });
-      const forwardSlots = useForwardSlots(slots, ['default']);
+      const forwardSlots = getForwardSlots(slots, ['default']);
       const buttonVariant = computed(() => {
         if (props.active && !props.disabled) {
           return 'flat';

package/src/components/buttons/VcsToolButton.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     itemHeight: import("vue").ComputedRef<number>;
     iconSize: import("vue").ComputedRef<number>;
     appliedColor: import("vue").ComputedRef<string | null>;
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     buttonVariant: import("vue").ComputedRef<"flat" | "text">;
     hasDefaultSlot: import("vue").ComputedRef<boolean>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/src/components/composables.d.ts

@@ -9,9 +9,9 @@ export function usePadding(attrs: Object): import("vue").ComputedRef<boolean>;
  * returns only the slotNames which are not excluded as a computed.
  * @param {import("vue").Slots} slots
  * @param {Array<string>} exclude
- * @returns {import("vue").ComputedRef<Array<string>>}
+ * @returns {Array<string>}
  */
-export function useForwardSlots(slots: import("vue").Slots, exclude?: Array<string>): import("vue").ComputedRef<Array<string>>;
+export function getForwardSlots(slots: import("vue").Slots, exclude?: Array<string>): Array<string>;
 /**
  * @param {import("vue").ComputedRef<HTMLElement|undefined>} parent
  * @param {import("vue").ComputedRef<string|undefined>} tooltip

package/src/components/composables.js

@@ -22,12 +22,10 @@ export function usePadding(attrs) {
  * returns only the slotNames which are not excluded as a computed.
  * @param {import("vue").Slots} slots
  * @param {Array<string>} exclude
- * @returns {import("vue").ComputedRef<Array<string>>}
+ * @returns {Array<string>}
  */
-export function useForwardSlots(slots, exclude = []) {
-  return computed(() => {
-    return Object.keys(slots).filter((slotName) => !exclude.includes(slotName));
-  });
+export function getForwardSlots(slots, exclude = []) {
+  return Object.keys(slots).filter((slotName) => !exclude.includes(slotName));
 }
 
 let intersectionObserver = null;

package/src/components/form-inputs-controls/VcsCheckbox.vue

@@ -11,8 +11,10 @@
     }"
     v-bind="$attrs"
   >
-    <template #label="scope">
-      <slot name="label" v-bind="scope ?? {}">{{ $st($attrs.label) }}</slot>
+    <template #label="scope" v-if="label || $slots.label">
+      <span class="pl-1">
+        <slot name="label" v-bind="scope ?? {}">{{ $st(label) }}</slot>
+      </span>
     </template>
     <template v-for="slot of forwardSlots" #[slot]="scope">
       <slot :name="slot" v-bind="scope ?? {}" />
@@ -61,14 +63,14 @@
 <script>
   import { ref } from 'vue';
   import { VCheckbox, VTooltip } from 'vuetify/components';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
 
   /**
    * @description Stylized wrapper around {@link https://vuetifyjs.com/en/api/v-checkbox/ |vuetify checkbox}.
    * Provides VTooltip to show error messages
    * @vue-prop {string} [tooltip] - A message to be displayed when there is no error.
    * @vue-prop {('bottom' | 'left' | 'top' | 'right')}  [tooltipPosition='right'] - Position of the error tooltip, see {@link https://vuetifyjs.com/en/api/v-tooltip/#props-location | vuetify tooltip}.
-   * @vue-prop {string} label - Label to be displayed, will be translated.
+   * @vue-prop {string} [label] - Label to be displayed, will be translated.
    * @vue-data {slot} [#label] - slot to pass html for Checkbox label. Overrides label passed as prop.
    */
   export default {
@@ -87,12 +89,16 @@
         type: String,
         default: 'right',
       },
+      label: {
+        type: String,
+        default: undefined,
+      },
     },
     setup(props, { attrs, slots }) {
       const checkbox = ref();
       const errorTooltip = ref();
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['label', 'message']);
+      const forwardSlots = getForwardSlots(slots, ['label', 'message']);
       return {
         forwardSlots,
         paddingProvided,

package/src/components/form-inputs-controls/VcsCheckbox.vue.d.ts

@@ -7,8 +7,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     paddingProvided: import("vue").ComputedRef<boolean>;
     checkbox: import("vue").Ref<any>;
     errorTooltip: import("vue").Ref<any>;
@@ -21,7 +25,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>>, {
+    label: string;
     tooltip: string;
     tooltipPosition: string;
 }, {}>;

package/src/components/form-inputs-controls/VcsFileInput.vue

@@ -53,7 +53,7 @@
 <script>
   import { ref } from 'vue';
   import { VFileInput, VTooltip } from 'vuetify/components';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
 
   /**
    * @description extends API of {@link https://vuetifyjs.com/en/api/v-file-input v-text-field}.
@@ -86,7 +86,7 @@
       const errorTooltipRef = ref();
 
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['append-inner', 'message']);
+      const forwardSlots = getForwardSlots(slots, ['append-inner', 'message']);
 
       return {
         forwardSlots,

package/src/components/form-inputs-controls/VcsFileInput.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     paddingProvided: import("vue").ComputedRef<boolean>;
     fileInputRef: import("vue").Ref<any>;
     errorTooltipRef: import("vue").Ref<any>;

package/src/components/form-inputs-controls/VcsSelect.vue

@@ -141,7 +141,7 @@
 <script>
   import { VSelect, VTooltip, VListItem } from 'vuetify/components';
   import { computed, ref } from 'vue';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
   import VcsCheckbox from './VcsCheckbox.vue';
   import { useProxiedComplexModel } from '../modelHelper.js';
 
@@ -213,7 +213,7 @@
         return props.multiple;
       });
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['append-inner', 'message']);
+      const forwardSlots = getForwardSlots(slots, ['append-inner', 'message']);
 
       return {
         forwardSlots,

package/src/components/form-inputs-controls/VcsSelect.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     localModelValue: import("vue").Ref<any>;
     additionalItems: import("vue").ComputedRef<number>;
     isMultiple: import("vue").ComputedRef<boolean>;

package/src/components/form-inputs-controls/VcsSlider.vue

@@ -76,7 +76,7 @@
 <script>
   import { computed, ref } from 'vue';
   import { VSlider, VTooltip } from 'vuetify/components';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
   import { useFontSize } from '../../vuePlugins/vuetify.js';
 
   /**
@@ -112,7 +112,7 @@
         return trackSize.value * 2;
       });
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['append']);
+      const forwardSlots = getForwardSlots(slots, ['append']);
       const sliderRef = ref();
       return {
         hasAppendSlot: computed(() => {

package/src/components/form-inputs-controls/VcsSlider.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     hasAppendSlot: import("vue").ComputedRef<boolean>;
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     sliderRef: import("vue").Ref<any>;
     thumbSize: import("vue").ComputedRef<number>;
     tickSize: import("vue").ComputedRef<number>;

package/src/components/form-inputs-controls/VcsTextArea.vue

@@ -141,7 +141,7 @@
 <script>
   import { ref } from 'vue';
   import { VTextarea, VTooltip } from 'vuetify/components';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
 
   /**
    * @description extends API of {@link https://vuetifyjs.com/en/api/v-textarea/|vuetify v-textarea}.
@@ -173,7 +173,7 @@
       const errorTooltipRef = ref();
 
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['append-inner', 'message']);
+      const forwardSlots = getForwardSlots(slots, ['append-inner', 'message']);
 
       return {
         forwardSlots,

package/src/components/form-inputs-controls/VcsTextArea.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     textAreaRef: import("vue").Ref<any>;
     errorTooltipRef: import("vue").Ref<any>;
     paddingProvided: import("vue").ComputedRef<boolean>;

package/src/components/form-inputs-controls/VcsTextField.vue

@@ -60,7 +60,7 @@
 <script>
   import { computed, ref } from 'vue';
   import { VTextField, VTooltip } from 'vuetify/components';
-  import { useForwardSlots, usePadding } from '../composables.js';
+  import { getForwardSlots, usePadding } from '../composables.js';
   import { useProxiedAtomicModel } from '../modelHelper.js';
 
   function countDecimalPlaces(value) {
@@ -172,7 +172,7 @@
       });
 
       const paddingProvided = usePadding(attrs);
-      const forwardSlots = useForwardSlots(slots, ['default', 'message']);
+      const forwardSlots = getForwardSlots(slots, ['default', 'message']);
 
       const prependedContent = computed(() => {
         return (props.forcePrefix && attrs.prefix) || !!slots['prepend-inner'];

package/src/components/form-inputs-controls/VcsTextField.vue.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     prependedContent: import("vue").ComputedRef<{}>;
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
     paddingProvided: import("vue").ComputedRef<boolean>;
     visibleValue: import("vue").WritableComputedRef<string | number | boolean>;
     rules: import("vue").ComputedRef<unknown>;

package/src/components/form-inputs-controls/VcsWizard.vue

@@ -12,7 +12,7 @@
 <script>
   import { VStepperVertical } from 'vuetify/labs/VStepperVertical';
   import { VIcon } from 'vuetify/components';
-  import { useForwardSlots } from '../composables.js';
+  import { getForwardSlots } from '../composables.js';
 
   /**
    * @description Stylized wrapper around {@link https://vuetifyjs.com/en/api/v-stepper-vertical/ |vuetify stepper vertical}per.
@@ -25,7 +25,7 @@
       VIcon,
     },
     setup(_p, { slots }) {
-      const forwardSlots = useForwardSlots(slots, ['icon']);
+      const forwardSlots = getForwardSlots(slots, ['icon']);
 
       return {
         forwardSlots,

package/src/components/form-inputs-controls/VcsWizard.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/components/form-inputs-controls/VcsWizardStep.vue

@@ -52,7 +52,7 @@
   import { VStepperVerticalItem } from 'vuetify/labs/VStepperVertical';
   import { VSpacer } from 'vuetify/components';
   import { useProxiedComplexModel } from '../modelHelper.js';
-  import { useForwardSlots } from '../composables.js';
+  import { getForwardSlots } from '../composables.js';
   import VcsActionButtonList from '../buttons/VcsActionButtonList.vue';
   import VcsHelp from '../notification/VcsHelp.vue';
 
@@ -167,7 +167,7 @@
         return props.headerActions;
       });
 
-      const forwardSlots = useForwardSlots(slots, ['title', 'default']);
+      const forwardSlots = getForwardSlots(slots, ['title', 'default']);
 
       return {
         showHelp,

package/src/components/form-inputs-controls/VcsWizardStep.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     showHelp: import("vue").ComputedRef<boolean>;
     actions: import("vue").ComputedRef<VcsAction>;
     isActiveStep: import("vue").ComputedRef<boolean>;
-    forwardSlots: import("vue").ComputedRef<string[]>;
+    forwardSlots: string[];
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     multiple: {
         type: BooleanConstructor;

package/src/components/lists/VcsList.vue

@@ -57,14 +57,17 @@
           }"
           @click="select(item, $event)"
         >
-          <template #title="titleScope">
-            <slot name="item.title" v-bind="{ ...titleScope, index }"></slot>
+          <template #append="scope">
+            <slot name="item.append" v-bind="{ ...scope, index, item }" />
           </template>
-          <template #subtitle="subtitleScope">
-            <slot name="item.subtitle" v-bind="{ ...subtitleScope, index }" />
+          <template #title="scope">
+            <slot name="item.title" v-bind="{ ...scope, index, item }" />
           </template>
-          <template #default="scope">
-            <slot name="item.default" v-bind="{ ...scope, index }" />
+          <template #subtitle="scope">
+            <slot name="item.subtitle" v-bind="{ ...scope, index, item }" />
+          </template>
+          <template #prepend="scope">
+            <slot name="item.prepend" v-bind="{ ...scope, index, item }" />
           </template>
         </VcsListItemComponent>
         <slot name="item.intermediate" :item="item" :index="index" />
@@ -170,10 +173,11 @@
    * @vue-prop {string} [tooltip] - tooltip to render on the list title
    * @vue-prop {Array<import("../../actions/actionHelper.js").VcsAction>} [actions] - actions to render in the list title
    * @vue-event {ItemMovedEvent} item-moved - event triggered after item was dragged and is dropped
-   * @vue-data {slot} [#item.prepend-title] - A slot to adapt the list item titel, adding content before the title. Binds item and index.
-   * @vue-data {slot} [#item.title] - A slot to adapt the list item titel. Default content is a span or VcsTextField for active rename action. Binds item and index.
-   * @vue-data {slot} [#item.append-title] - A slot to adapt the list item titel, adding content after the title. Binds item and index.
-   * @vue-data {slot} [#item.intermediate] - A slot to introduce content, e.g. buttons between two list items. Binds item and index.
+   * @vue-data {slot} [#item.prepend] - A slot that forwads to v-list-item prepend slot. Binds v-list-item append slot props, item and item index.
+   * @vue-data {slot} [#item.title] - A slot that forwards to v-list-item title slot. Binds v-list-item title slot props, item and item index.
+   * @vue-data {slot} [#item.subtitle] - A slot that forwards to v-list-item subtitle slot. Binds v-list-item subtitle slot props, item and item index.
+   * @vue-data {slot} [#item.append] - A slot that forwards to v-list-item append slot. Binds v-list-item append slot props, item and item index.
+   * @vue-data {slot} [#item.intermediate] - A slot to introduce content, e.g. buttons between two list items. Binds item and item index.
    */
   export default {
     name: 'VcsList',