@vcmap/ui 6.3.11 → 7.0.0-rc.1

package/src/components/flight/{VcsFlightAnchorsComponent.vue → VcsFlightAnchorsComponent.ts.vue}

@@ -8,12 +8,12 @@
   >
     <v-container class="py-0 px-0">
       <v-sheet v-if="items.length < 1" class="ma-2 pl-2">
-        <p>{{ $t('components.flight.noAnchor') }}</p>
+        <p>{{ $st('components.flight.noAnchor') }}</p>
         <div class="d-flex justify-center">
           <VcsButton
             :icon="addAnchorAction.icon"
             :tooltip="addAnchorAction.title"
-            @click.stop="addAnchorAction.callback()"
+            @click.stop="addAnchorAt()"
           />
         </div>
       </v-sheet>
@@ -31,7 +31,7 @@
             <div class="duration-input">
               <VcsTextField
                 v-if="showDuration(index)"
-                v-model.number="item.duration"
+                v-model="(item as FlightDurationListItem).duration as number"
                 :hide-spin-buttons="true"
                 type="number"
                 unit="s"
@@ -49,7 +49,7 @@
             <VcsButton
               :icon="addAnchorAction.icon"
               :tooltip="addAnchorAction.title"
-              @click.stop="addAnchorAction.callback(index + 1)"
+              @click.stop="addAnchorAt(index + 1)"
               class="z-index-99 mx-auto add-in-button"
             />
           </div>
@@ -59,57 +59,87 @@
   </VcsFormSection>
 </template>
 
-<script>
-  import { computed, inject, onMounted, onUnmounted, ref } from 'vue';
+<script lang="ts">
+  import type { WritableComputedRef } from 'vue';
+  import {
+    computed,
+    defineComponent,
+    inject,
+    onMounted,
+    onUnmounted,
+    reactive,
+    ref,
+  } from 'vue';
   import { VContainer, VSheet, VSpacer } from 'vuetify/components';
   import {
     anchorFromViewpoint,
     anchorToViewpoint,
     Viewpoint,
   } from '@vcmap/core';
+  import type {
+    FlightAnchor,
+    IndexedCollection,
+    ViewpointOptions,
+  } from '@vcmap/core';
   import { Cartesian3 } from '@vcmap-cesium/engine';
   import { createToggleAction } from '../../actions/actionHelper.js';
-  import VcsFormSection from '../section/VcsFormSection.vue';
-  import VcsList from '../lists/VcsList.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
-  import VcsButton from '../buttons/VcsButton.vue';
+  import type {
+    VcsAction,
+    DestroyableAction,
+  } from '../../actions/actionHelper.js';
+  import VcsFormSection from '../section/VcsFormSection.ts.vue';
+  import VcsList from '../lists/VcsList.ts.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.ts.vue';
+  import VcsButton from '../buttons/VcsButton.ts.vue';
   import { moveItem } from '../lists/dragHelper.js';
+  import type { ItemMovedEvent } from '../lists/dragHelper.js';
+  import type { VcsListItem } from '../lists/VcsListItemComponent.ts.vue';
   import CollectionComponentClass from '../../manager/collectionManager/collectionComponentClass.js';
   import { WindowSlot } from '../../manager/window/windowManager.js';
-  import VcsViewpointEditor from '../viewpoint/VcsViewpointEditor.vue';
+  import VcsViewpointEditor from '../viewpoint/VcsViewpointEditor.ts.vue';
   import { vcsAppSymbol } from '../../pluginHelper.js';
   import { createFlightVisualizationAction } from '../../actions/flightActions.js';
   import { getProvidedFlightInstance } from './composables.js';
+  import type VcsUiApp from '../../vcsUiApp.js';
+
+  type FlightDurationListItem = VcsListItem & {
+    duration?: number | WritableComputedRef<number>;
+  };
 
   /**
    * calculate duration between two anchor based on speed and distance
-   * @param {import("@vcmap/core").FlightAnchor} anchor1
-   * @param {import("@vcmap/core").FlightAnchor} anchor2
-   * @param {number} [speed=300] velocity in m/s
-   * @returns {number}
+   * @param speed velocity in m/s
    */
-  function calculateDuration(anchor1, anchor2, speed = 300) {
+  function calculateDuration(
+    anchor1: FlightAnchor,
+    anchor2: FlightAnchor,
+    speed = 300,
+  ): number {
     return (
       Cartesian3.distance(
-        Cartesian3.fromDegrees(...anchor1.coordinate),
-        Cartesian3.fromDegrees(...anchor2.coordinate),
+        Cartesian3.fromDegrees(
+          anchor1.coordinate[0],
+          anchor1.coordinate[1],
+          anchor1.coordinate[2],
+        ),
+        Cartesian3.fromDegrees(
+          anchor2.coordinate[0],
+          anchor2.coordinate[1],
+          anchor2.coordinate[2],
+        ),
       ) / speed || 1
     );
   }
 
-  /**
-   * @param {import("@src/vcsUiApp.js").default} app
-   * @param {import("@vcmap/core").IndexedCollection<import("@vcmap/core").FlightAnchor>} collection
-   * @returns {import("../../actions/actionHelper.js").VcsAction}
-   */
-  function createAddAnchorAction(app, collection) {
-    return {
-      name: 'components.flight.addAnchor',
-      title: 'components.flight.addAnchor',
-      icon: '$vcsPlus',
-      callback(index = 0) {
-        const viewpoint = app.maps.activeMap.getViewpointSync();
-        const anchor = anchorFromViewpoint(viewpoint);
+  function addAnchorToCollection(
+    collection: IndexedCollection<FlightAnchor>,
+    app: VcsUiApp,
+    index = 0,
+  ): void {
+    const viewpoint = app.maps.activeMap?.getViewpointSync();
+    if (viewpoint) {
+      const anchor = anchorFromViewpoint(viewpoint);
+      if (anchor) {
         anchor.title = `Viewpoint ${collection.size + 1}`;
         if (index > 0) {
           const prevAnchor = collection.get(index - 1);
@@ -120,19 +150,31 @@
           }
         }
         collection.add(anchor, index);
+      }
+    }
+  }
+
+  function createAddAnchorAction(
+    app: VcsUiApp,
+    collection: IndexedCollection<FlightAnchor>,
+  ): VcsAction {
+    return reactive({
+      name: 'components.flight.addAnchor',
+      title: 'components.flight.addAnchor',
+      icon: '$vcsPlus',
+      callback() {
+        addAnchorToCollection(collection, app);
       },
-    };
+    });
   }
 
-  /**
-   * @param {import("@src/vcsUiApp.js").default} app
-   * @param {import("@vcmap/core").FlightAnchor} item
-   * @param {import("@vcmap/core").IndexedCollection<import("@vcmap/core").FlightAnchor>} collection
-   * @param {string} parentId
-   * @param {string} owner
-   * @returns {{action:import("../../actions/actionHelper.js").VcsAction, destroy: ()=>void}}
-   */
-  function createEditAnchorAction(app, item, collection, parentId, owner) {
+  function createEditAnchorAction(
+    app: VcsUiApp,
+    item: FlightAnchor,
+    collection: IndexedCollection<FlightAnchor>,
+    parentId: string | undefined,
+    owner: string | symbol,
+  ): DestroyableAction {
     const { action, destroy } = createToggleAction(
       {
         name: 'edit-anchor',
@@ -152,12 +194,13 @@
           getConfig() {
             return anchorToViewpoint(item).toJSON();
           },
-          setConfig(config) {
+          setConfig(config: ViewpointOptions) {
             if (config) {
               const idx = collection.indexOf(item);
               // avoid shadows by remove
               collection.remove(item);
-              collection.add(anchorFromViewpoint(new Viewpoint(config)), idx);
+
+              collection.add(anchorFromViewpoint(new Viewpoint(config))!, idx);
             }
             return Promise.resolve();
           },
@@ -171,39 +214,35 @@
     return { action, destroy };
   }
 
-  /**
-   * @param {import("@src/vcsUiApp.js").default} app
-   * @param {import("@vcmap/core").FlightAnchor} item
-   * @returns {import("../../actions/actionHelper.js").VcsAction}
-   */
-  function createZoomToAnchorAction(app, item) {
-    return {
+  function createZoomToAnchorAction(
+    app: VcsUiApp,
+    item: FlightAnchor,
+  ): VcsAction {
+    return reactive({
       name: 'components.flight.zoomToAnchor',
       title: 'components.flight.zoomToAnchor',
-      callback() {
+      async callback() {
         const viewpoint = anchorToViewpoint(item);
-        app.maps.activeMap?.gotoViewpoint(viewpoint);
+        await app.maps.activeMap?.gotoViewpoint(viewpoint);
       },
-    };
+    });
   }
 
-  /**
-   * @param {import("@vcmap/core").FlightAnchor} item
-   * @param {import("@vcmap/core").IndexedCollection<import("@vcmap/core").FlightAnchor>} collection
-   * @returns {import("../../actions/actionHelper.js").VcsAction}
-   */
-  function creatRemoveAnchorAction(item, collection) {
-    return {
+  function createRemoveAnchorAction(
+    item: FlightAnchor,
+    collection: IndexedCollection<FlightAnchor>,
+  ): VcsAction {
+    return reactive({
       name: 'components.flight.removeAnchor',
       title: 'components.flight.removeAnchor',
       callback() {
         collection.remove(item);
       },
-    };
+    });
   }
 
-  export function durationRule(value) {
-    const v = Number.parseFloat(value);
+  export function durationRule(value: number | string): boolean | string {
+    const v = Number.parseFloat(String(value));
     if (Number.isFinite(v) && v > 0) {
       return true;
     }
@@ -217,7 +256,7 @@
    * @vue-prop {string} [parentId] - id of the window, the VcsFlightComponent is used in
    * @vue-prop {string} [owner] - owner of the window, e.g. a plugin name
    */
-  export default {
+  export default defineComponent({
     name: 'VcsFlightAnchorsComponent',
     components: {
       VcsButton,
@@ -243,7 +282,7 @@
       },
     },
     setup({ parentId, owner }) {
-      const app = inject('vcsApp');
+      const app = inject('vcsApp') as VcsUiApp;
       const flightInstance = getProvidedFlightInstance();
       const loop = ref(flightInstance.loop);
       const loopChangedListener =
@@ -261,7 +300,7 @@
           }
         });
 
-      let flightVis;
+      let flightVis: DestroyableAction | undefined;
 
       const collectionComponent = new CollectionComponentClass(
         {
@@ -273,23 +312,29 @@
       );
 
       collectionComponent.addItemMapping({
-        mappingFunction: (item, c, listItem) => {
+        mappingFunction: (item, _c, listItem) => {
           const { action: editAction, destroy: editDestroy } =
-            createEditAnchorAction(app, item, c.collection, parentId, owner);
+            createEditAnchorAction(
+              app,
+              item,
+              flightInstance.anchors,
+              parentId,
+              owner,
+            );
           listItem.actions = [
             editAction,
             createZoomToAnchorAction(app, item),
-            creatRemoveAnchorAction(item, c.collection),
+            createRemoveAnchorAction(item, flightInstance.anchors),
           ];
           const localDuration = ref(item.duration);
-          listItem.duration = computed({
-            get() {
-              return localDuration.value;
-            },
-            set(value) {
-              if (Number.isFinite(value) && value > 0) {
-                item.duration = value;
-                localDuration.value = value;
+
+          (listItem as FlightDurationListItem).duration = computed({
+            get: () => localDuration.value,
+            set(value: number | string) {
+              const v = Number.parseFloat(String(value));
+              if (Number.isFinite(v) && v > 0) {
+                item.duration = v;
+                localDuration.value = v;
               }
             },
           });
@@ -304,12 +349,8 @@
 
       onMounted(async () => {
         flightVis = await createFlightVisualizationAction(app, flightInstance);
-        collectionComponent.addActions([
-          {
-            action: flightVis.action,
-            owner,
-          },
-        ]);
+
+        collectionComponent.addActions([{ action: flightVis.action, owner }]);
       });
 
       onUnmounted(() => {
@@ -320,20 +361,24 @@
 
       const addAnchorAction = createAddAnchorAction(
         app,
-        collectionComponent.collection,
+        flightInstance.anchors,
       );
+      const addAnchorAt = (index = 0): void => {
+        addAnchorToCollection(flightInstance.anchors, app, index);
+      };
 
       return {
         addAnchorAction,
+        addAnchorAt,
         title: collectionComponent.title,
         items: collectionComponent.items,
         draggable: collectionComponent.draggable,
         actions: collectionComponent.getActions(),
-        move(event) {
-          moveItem(collectionComponent.collection, event);
+        move(event: ItemMovedEvent): void {
+          moveItem(flightInstance.anchors, event);
         },
         durationRule,
-        showDuration(index) {
+        showDuration(index: number): boolean {
           if (collectionComponent.items.value.length - 1 === index) {
             return loop.value;
           }
@@ -341,8 +386,9 @@
         },
       };
     },
-  };
+  });
 </script>
+
 <style scoped lang="scss">
   :deep(.v-list-item) {
     padding: 0 8px 0 16px;

package/src/components/flight/VcsFlightAnchorsComponent.ts.vue.d.ts

@@ -0,0 +1,53 @@
+import type { VcsAction } from '../../actions/actionHelper.js';
+import type { ItemMovedEvent } from '../lists/dragHelper.js';
+export declare function durationRule(value: number | string): boolean | string;
+/**
+ * @description A component for editing flight anchors.
+ * Requires a flightInstance to be provided via vue-provide.
+ * @vue-prop {string} [expandable=false] - anchors section expandable
+ * @vue-prop {string} [parentId] - id of the window, the VcsFlightComponent is used in
+ * @vue-prop {string} [owner] - owner of the window, e.g. a plugin name
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    parentId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    owner: {
+        type: (SymbolConstructor | StringConstructor)[];
+        default: symbol;
+    };
+}, {
+    addAnchorAction: VcsAction;
+    addAnchorAt: (index?: number) => void;
+    title: import("vue", { with: { "resolution-mode": "import" } }).Ref<string>;
+    items: import("vue", { with: { "resolution-mode": "import" } }).Ref<import("../../manager/collectionManager/collectionComponentClass.js", { with: { "resolution-mode": "import" } }).CollectionComponentListItem[]>;
+    draggable: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    actions: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<VcsAction[]>;
+    move(event: ItemMovedEvent): void;
+    durationRule: typeof durationRule;
+    showDuration(index: number): boolean;
+}, unknown, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    parentId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    owner: {
+        type: (SymbolConstructor | StringConstructor)[];
+        default: symbol;
+    };
+}>>, {
+    expandable: boolean;
+    parentId: string;
+    owner: string | symbol;
+}, {}>;

package/src/components/flight/{VcsFlightComponent.vue → VcsFlightComponent.ts.vue}

@@ -19,7 +19,7 @@
         <v-row no-gutters v-if="!hideName">
           <v-col cols="6">
             <VcsLabel :html-for="`${cid}-name`" required>
-              {{ $t('components.flight.name') }}
+              {{ $st('components.flight.name') }}
             </VcsLabel>
           </v-col>
           <v-col>
@@ -29,14 +29,14 @@
         <v-row no-gutters v-if="!hideTitle">
           <v-col cols="6">
             <VcsLabel :html-for="`${cid}-title`">
-              {{ $t('components.flight.title') }}
+              {{ $st('components.flight.title') }}
             </VcsLabel>
           </v-col>
           <v-col>
             <VcsTextField
               :id="`${cid}-title`"
               clearable
-              :placeholder="$t('components.flight.titlePlaceholder')"
+              :placeholder="$st('components.flight.titlePlaceholder')"
               v-model="title"
             />
           </v-col>
@@ -44,7 +44,7 @@
         <v-row no-gutters v-if="!hideInterpolation">
           <v-col cols="6">
             <VcsLabel :html-for="`${cid}-interpolation`">
-              {{ $t('components.flight.interpolation') }}
+              {{ $st('components.flight.interpolation') }}
             </VcsLabel>
           </v-col>
           <v-col>
@@ -61,7 +61,7 @@
         <v-row no-gutters v-if="!hideDuration">
           <v-col cols="6">
             <VcsLabel :html-for="`${cid}-duration`">
-              {{ $t('components.flight.duration') }}
+              {{ $st('components.flight.duration') }}
             </VcsLabel>
           </v-col>
           <v-col>
@@ -94,34 +94,33 @@
   </v-sheet>
 </template>
 
-<script>
-  import { computed, onUnmounted, ref, inject } from 'vue';
+<script lang="ts">
+  import { computed, defineComponent, onUnmounted, ref, inject } from 'vue';
   import { VSheet, VContainer, VRow, VCol, VDivider } from 'vuetify/components';
+  import type { FlightInstance } from '@vcmap/core';
   import { getSplineAndTimesForInstance } from '@vcmap/core';
-  import VcsFormSection from '../section/VcsFormSection.vue';
-  import VcsLabel from '../form-inputs-controls/VcsLabel.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
-  import VcsSelect from '../form-inputs-controls/VcsSelect.vue';
-  import VcsCheckbox from '../form-inputs-controls/VcsCheckbox.vue';
+  import VcsFormSection from '../section/VcsFormSection.ts.vue';
+  import VcsLabel from '../form-inputs-controls/VcsLabel.ts.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.ts.vue';
+  import VcsSelect from '../form-inputs-controls/VcsSelect.ts.vue';
+  import VcsCheckbox from '../form-inputs-controls/VcsCheckbox.ts.vue';
   import VcsFlightAnchorsComponent, {
     durationRule,
-  } from './VcsFlightAnchorsComponent.vue';
-  import VcsFlightPlayer from './VcsFlightPlayer.vue';
+  } from './VcsFlightAnchorsComponent.ts.vue';
+  import VcsFlightPlayer from './VcsFlightPlayer.ts.vue';
   import { vcsAppSymbol } from '../../pluginHelper.js';
   import {
     getProvidedFlightInstance,
     setupFlightAnchorEditingListener,
   } from './composables.js';
   import { useComponentId } from '../composables.js';
+  import type VcsUiApp from '../../vcsUiApp.js';
 
-  /**
-   * @param {import("@vcmap/core").FlightInstance} instance
-   * @returns {number}
-   */
-  function getFlightDuration(instance) {
+  function getFlightDuration(instance: FlightInstance): number {
     if (instance.isValid()) {
       const { times } = getSplineAndTimesForInstance(instance);
-      return Math.round(times.at(-1) * 100) / 100;
+      const lastTime = times.at(-1);
+      return lastTime !== undefined ? Math.round(lastTime * 100) / 100 : 0;
     }
     return 0;
   }
@@ -140,7 +139,7 @@
    * @vue-prop {string} [parentId] - id of the window, the VcsFlightComponent is used in
    * @vue-prop {string} [owner] - owner of the window, e.g. a plugin name
    */
-  export default {
+  export default defineComponent({
     name: 'VcsFlightComponent',
     components: {
       VcsFlightPlayer,
@@ -199,7 +198,7 @@
       },
     },
     setup() {
-      const app = inject('vcsApp');
+      const app = inject('vcsApp') as VcsUiApp;
       const flightInstance = getProvidedFlightInstance();
       const loop = ref(flightInstance.loop);
       const interpolationValue = ref(flightInstance.interpolation);
@@ -226,7 +225,9 @@
       );
 
       onUnmounted(() => {
-        flightInstanceListeners.forEach((cb) => cb());
+        flightInstanceListeners.forEach((cb) => {
+          cb();
+        });
         editingListener();
       });
 
@@ -234,9 +235,9 @@
 
       return {
         name: flightInstance.name,
-        title: computed({
+        title: computed<string>({
           get() {
-            return flightInstance?.properties?.title;
+            return flightInstance?.properties?.title as string;
           },
           set(value) {
             if (flightInstance.properties) {
@@ -260,7 +261,7 @@
             return flightDuration.value;
           },
           set(value) {
-            const v = parseFloat(value);
+            const v = parseFloat(String(value));
             if (Number.isFinite(v) && v > 0 && flightDuration.value > 0) {
               const factor = v / flightDuration.value;
               [...flightInstance.anchors].forEach((anchor) => {
@@ -275,13 +276,13 @@
             return loop.value;
           },
           set(value) {
-            loop.value = !!value;
-            flightInstance.loop = !!value;
+            loop.value = value;
+            flightInstance.loop = value;
           },
         }),
         disablePlayer,
         cid,
       };
     },
-  };
+  });
 </script>

package/src/components/flight/{VcsFlightComponent.vue.d.ts → VcsFlightComponent.ts.vue.d.ts}

@@ -1,4 +1,21 @@
-declare const _default: import("vue").DefineComponent<{
+import { durationRule } from './VcsFlightAnchorsComponent.ts.vue';
+/**
+ * @description A component to model @vcmap/core/FlightInstanceOptions.
+ * Requires a flightInstance to be provided via vue-provide.
+ * If a reset functionality is required use shallowRef to provide the flightInstance.
+ * @vue-prop {string} heading - Title of flight settings.
+ * @vue-prop {boolean} [expandable] - Expandable sections.
+ * @vue-prop {boolean} hideName - Hide name input.
+ * @vue-prop {boolean} hideTitle - Hide title input.
+ * @vue-prop {boolean} hideInterpolation - Hide select interpolation input.
+ * @vue-prop {boolean} hideLoop - Hide loop input.
+ * @vue-prop {boolean} hideGeneral - Hide all general settings (name, title, animate).
+ * @vue-prop {string} [parentId] - id of the window, the VcsFlightComponent is used in
+ * @vue-prop {string} [owner] - owner of the window, e.g. a plugin name
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     heading: {
         type: StringConstructor;
         default: string;
@@ -41,14 +58,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     name: string;
-    title: import("vue").WritableComputedRef<unknown>;
-    interpolation: import("vue").WritableComputedRef<import("@vcmap/core", { with: { "resolution-mode": "import" } }).FlightInterpolation>;
-    duration: import("vue").WritableComputedRef<number>;
+    title: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<string>;
+    interpolation: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<import("@vcmap/core", { with: { "resolution-mode": "import" } }).FlightInterpolation>;
+    duration: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<number>;
     durationRule: typeof durationRule;
-    loop: import("vue").WritableComputedRef<boolean>;
-    disablePlayer: import("vue").Ref<boolean>;
+    loop: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<boolean>;
+    disablePlayer: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     cid: string;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     heading: {
         type: StringConstructor;
         default: string;
@@ -90,16 +107,14 @@ declare const _default: import("vue").DefineComponent<{
         default: symbol;
     };
 }>>, {
-    owner: string | symbol;
-    parentId: string;
     heading: string;
     expandable: boolean;
     hideName: boolean;
     hideTitle: boolean;
     hideGeneral: boolean;
+    parentId: string;
+    owner: string | symbol;
     hideInterpolation: boolean;
     hideDuration: boolean;
     hideLoop: boolean;
 }, {}>;
-export default _default;
-import { durationRule } from './VcsFlightAnchorsComponent.vue';