@vcmap/ui 5.0.2 → 5.1.0-rc.2

package/src/components/icons/TextStyleIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ThreeDimensionsIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ToolsIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/TouchIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/TrashCanIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/TriangleIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/TwoDimensionsIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/UploadIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/UserProfileIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/UserShareIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/VideoRecorderIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ViewpointFlightIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ViewpointIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/Viewshed360Icon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ViewshedConeIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/ViewshedIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/WalkingIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/WallIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/WandIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/import/FileDrop.vue

@@ -0,0 +1,69 @@
+<template>
+  <v-card
+    @dragenter.prevent="isDragging = true"
+    @dragover.prevent="isDragging = true"
+    @dragleave.prevent="isDragging = false"
+    @drop.prevent="dropped"
+    class="d-flex justify-center drop-field"
+    :class="{ dragging: isDragging }"
+    :dragging="isDragging"
+    v-bind="$attrs"
+  >
+    <slot>
+      <v-card-title>{{ $t(title) }}</v-card-title>
+    </slot>
+  </v-card>
+</template>
+
+<script>
+  import { VCard, VCardTitle } from 'vuetify/lib';
+  import { ref } from 'vue';
+
+  export default {
+    name: 'FileDrop',
+    components: {
+      VCard,
+      VCardTitle,
+    },
+    props: {
+      value: {
+        type: Array,
+        default: () => [],
+      },
+      title: {
+        type: String,
+        default: 'components.import.fileDrop',
+      },
+    },
+    setup(_p, { emit }) {
+      const isDragging = ref(false);
+
+      return {
+        isDragging,
+        dropped(event) {
+          isDragging.value = false;
+          if (event.dataTransfer?.files) {
+            const files = [];
+            for (let i = 0; i < event.dataTransfer.files.length; i++) {
+              files.push(event.dataTransfer.files[i]);
+            }
+            emit('input', files);
+          }
+        },
+      };
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  .drop-field {
+    outline: 4px dashed var(--v-base-base);
+    outline-offset: -8px;
+    background-color: var(--v-base-lighten4);
+  }
+
+  .dragging {
+    outline-color: var(--v-primary-base);
+    background-color: var(--v-base-lighten1);
+  }
+</style>

package/src/components/import/FileDrop.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    isDragging: import("vue").Ref<boolean>;
+    dropped(event: any): void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    value: unknown[];
+    title: string;
+}>;
+export default _default;

package/src/components/import/ImportComponent.vue

@@ -0,0 +1,78 @@
+<template>
+  <v-card flat class="pa-2">
+    <file-drop elevation="4" height="60px" v-model="files" />
+    <vcs-text-field
+      type="file"
+      v-model="files"
+      :multiple="multiple"
+      :accept="fileTypes.join(',')"
+    />
+    <div class="d-flex justify-end gap-1 mx-3 pt-2 pb-1">
+      <vcs-form-button @click="$emit('close')">
+        {{ $t('components.cancel') }}
+      </vcs-form-button>
+      <vcs-form-button
+        variant="filled"
+        :disabled="files.length === 0"
+        @click="doImport"
+        >{{ $t('components.import.submit') }}</vcs-form-button
+      >
+    </div>
+  </v-card>
+</template>
+
+<script>
+  import { VCard } from 'vuetify/lib';
+  import { inject, ref } from 'vue';
+  import FileDrop from './FileDrop.vue';
+  import VcsFormButton from '../buttons/VcsFormButton.vue';
+  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
+  import { NotificationType } from '../../notifier/notifier.js';
+
+  /**
+   * @vue-prop {function(Array<File>):boolean} importFiles - the callback to
+   * @vue-prop {string[]} [fileTypes=[]]
+   * @vue-prop {boolean} [multiple=false]
+   */
+  export default {
+    name: 'ImportComponent',
+    components: { VcsFormButton, VcsTextField, VCard, FileDrop },
+    props: {
+      importFiles: {
+        type: Function,
+        required: true,
+      },
+      fileTypes: {
+        type: Array,
+        default: () => [],
+      },
+      multiple: {
+        type: Boolean,
+        default: true,
+      },
+    },
+    setup(props, { emit }) {
+      const app = inject('vcsApp');
+      const files = ref([]);
+
+      return {
+        files,
+        async doImport() {
+          try {
+            const close = await props.importFiles(files.value);
+            if (close) {
+              emit('close');
+            }
+          } catch (e) {
+            app.notifier.add({
+              type: NotificationType.ERROR,
+              message: String(e.message),
+            });
+          }
+        },
+      };
+    },
+  };
+</script>
+
+<style scoped></style>

package/src/components/import/ImportComponent.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    importFiles: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    fileTypes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    files: import("vue").Ref<never[]>;
+    doImport(): Promise<void>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    importFiles: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    fileTypes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    fileTypes: unknown[];
+    multiple: boolean;
+}>;
+export default _default;

package/src/components/lists/VcsActionList.vue

@@ -10,7 +10,7 @@
       <template #activator="{ on, attrs }">
         <v-list-item
           :class="action.active ? 'primary--text' : ''"
-          :disabled="action.disabled"
+          :disabled="action.disabled || disabled"
           @click="action.callback($event)"
           v-bind="{ ...$attrs, ...attrs }"
           v-on="{ ...$listeners, ...on }"
@@ -46,18 +46,6 @@
   } from 'vuetify/lib';
   import VcsTooltip from '../notification/VcsTooltip.vue';
 
-  /**
-   * @interface VcsAction
-   * @property {string} name - reactive and translatable name rendered in overflow
-   * @property {string} [title] - reactive and translatable title rendered as tooltip
-   * @property {string} [icon] - icon rendered on the button. If no icon provided, item is rendered in overflow
-   * @property {Function} callback - callback function is triggered when the button is clicked
-   * @property {boolean} [active=false] - optional state of button. If active, button is rendered in primary color
-   * @property {boolean} [hasUpdate=false] - optional hasUpdate of button. If true, a yellow notification is rendered next to the button
-   * @property {boolean} [background=false] - optional background state. If active and background, button is rendered in primary color outlined
-   * @property {boolean} [disabled=false] - optional flag to indicate that the action is disabled
-   */
-
   /**
    * pattern to check actions
    * @type {Object}
@@ -74,7 +62,7 @@
   };
 
   /**
-   * @param {VcsAction} action
+   * @param {import("../../actions/actionHelper.js").VcsAction} action
    * @returns {boolean}
    */
   export function validateAction(action) {
@@ -82,7 +70,7 @@
   }
 
   /**
-   * @param {Array<VcsAction>} actions
+   * @param {Array<import("../../actions/actionHelper.js").VcsAction>} actions
    * @returns {boolean}
    */
   export function validateActions(actions) {
@@ -97,6 +85,7 @@
    * @vue-prop {('bottom' | 'left' | 'top' | 'right')}  tooltipPosition - Position of the tooltip.
    * @vue-prop {Object<string, any>}                    tooltipProps - Properties to be passed to VcsTooltip {@link https://vuetifyjs.com/en/api/v-tooltip/#props|vuetify v-tooltip}
    * @vue-prop {boolean}                                [showIcon=false] - Whether list item icons should be displayed.
+   * @vue-prop {boolean}                                [disabled=false] - disable all actions
    */
   export default {
     name: 'VcsActionList',
@@ -127,6 +116,10 @@
         type: Boolean,
         default: false,
       },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
     },
   };
 </script>

package/src/components/lists/VcsActionList.vue.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @param {import("../../actions/actionHelper.js").VcsAction} action
+ * @returns {boolean}
+ */
+export function validateAction(action: import("../../actions/actionHelper.js").VcsAction): boolean;
+/**
+ * @param {Array<import("../../actions/actionHelper.js").VcsAction>} actions
+ * @returns {boolean}
+ */
+export function validateActions(actions: Array<import("../../actions/actionHelper.js").VcsAction>): boolean;
+/**
+ * pattern to check actions
+ * @type {Object}
+ */
+export const ActionPattern: Object;
+declare const _default: import("vue").DefineComponent<{
+    actions: {
+        type: ArrayConstructor;
+        required: true;
+        validator: typeof validateActions;
+    };
+    tooltipPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: ArrayConstructor;
+        required: true;
+        validator: typeof validateActions;
+    };
+    tooltipPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    tooltipPosition: string;
+    disabled: boolean;
+    tooltipProps: Record<string, any>;
+    showIcon: boolean;
+}>;
+export default _default;