npm - @vcmap/ui - Versions diffs - 5.1.3 → 5.1.5 - Mend

@vcmap/ui 5.1.3 → 5.1.5

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.

Files changed (65) hide show

package/config/base.config.json +0 -2
package/config/dev.config.json +4 -0
package/config/www.config.json +0 -2
package/dist/assets/cesium.js +1 -1
package/dist/assets/{core.c815b8.js → core.a3bdf3.js} +2491 -2446
package/dist/assets/core.js +1 -1
package/dist/assets/index-dccddacb.js +1 -0
package/dist/assets/ol.js +1 -1
package/dist/assets/{ui.f85ce1.css → ui.f5e8c3.css} +2 -2
package/dist/assets/{ui.f85ce1.js → ui.f5e8c3.js} +4461 -4276
package/dist/assets/ui.js +1 -1
package/dist/assets/vue.js +2 -2
package/dist/assets/{vuetify.bf2ba1.js → vuetify.4aa1eb.js} +1 -1
package/dist/assets/vuetify.js +2 -2
package/dist/index.html +6 -2
package/index.d.ts +1 -1
package/index.html +5 -1
package/index.js +1 -0
package/package.json +2 -2
package/src/actions/listActions.d.ts +59 -3
package/src/actions/listActions.js +114 -2
package/src/application/VcsApp.vue +20 -4
package/src/application/VcsApp.vue.d.ts +8 -2
package/src/application/VcsNavbar.vue +1 -1
package/src/application/VcsTextPageFooter.vue +47 -30
package/src/application/VcsTextPageFooter.vue.d.ts +5 -3
package/src/components/form-inputs-controls/VcsTextArea.vue +11 -3
package/src/components/form-inputs-controls/VcsTextArea.vue.d.ts +2 -0
package/src/components/icons/+all.js +8 -0
package/src/components/icons/2DPointIcon.vue +22 -0
package/src/components/icons/2DPointIcon.vue.d.ts +2 -0
package/src/components/icons/3DPointIcon.vue +22 -0
package/src/components/icons/3DPointIcon.vue.d.ts +2 -0
package/src/components/icons/AxisIcon.vue +10 -15
package/src/components/icons/PointMeasurementIcon.vue +7 -17
package/src/components/viewpoint/VcsViewpointComponent.vue +27 -5
package/src/components/viewpoint/VcsViewpointComponent.vue.d.ts +9 -0
package/src/components/viewpoint/VcsViewpointEditor.vue +10 -1
package/src/components/viewpoint/VcsViewpointEditor.vue.d.ts +11 -1
package/src/contentTree/LayerTree.vue +22 -3
package/src/featureInfo/abstractFeatureInfoView.d.ts +8 -0
package/src/featureInfo/abstractFeatureInfoView.js +20 -1
package/src/i18n/de.d.ts +6 -1
package/src/i18n/de.js +6 -1
package/src/i18n/en.d.ts +6 -1
package/src/i18n/en.js +6 -1
package/src/manager/collectionManager/collectionComponentClass.d.ts +14 -4
package/src/manager/collectionManager/collectionComponentClass.js +40 -22
package/src/manager/collectionManager/editorCollectionComponentClass.d.ts +7 -1
package/src/manager/collectionManager/editorCollectionComponentClass.js +7 -2
package/src/manager/contextMenu/contextMenuManager.d.ts +11 -0
package/src/manager/contextMenu/contextMenuManager.js +22 -1
package/src/navigation/MapNavigation.vue +7 -4
package/src/navigation/overviewMap.js +24 -19
package/src/siteConfig.d.ts +5 -0
package/src/siteConfig.js +93 -0
package/src/uiConfig.d.ts +16 -6
package/src/uiConfig.js +5 -3
package/src/vcsUiApp.d.ts +1 -0
package/src/vcsUiApp.js +4 -0
package/dist/assets/index-0abd9815.js +0 -1
/package/dist/assets/{cesium.012009.js → cesium.a6cb0f.js} +0 -0
/package/dist/assets/{ol.fbe9a4.js → ol.6a61cd.js} +0 -0
/package/dist/assets/{vue.65726b.js → vue.7cc217.js} +0 -0
/package/dist/assets/{vuetify.bf2ba1.css → vuetify.4aa1eb.css} +0 -0

package/dist/assets/ui.js CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "./ui.~~f85ce1~~.js";
1	+ export * from "./ui.f5e8c3.js";

package/dist/assets/vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from "./vue.65726b.js";
-import { default as f } from "./vue.65726b.js";
+export * from "./vue.7cc217.js";
+import { default as f } from "./vue.7cc217.js";
 export {
   f as default
 };

package/dist/assets/{vuetify.bf2ba1.js → vuetify.4aa1eb.js} RENAMED Viewed

@@ -13,7 +13,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify.bf2ba1.css');import v from "./vue.65726b.js";
+} await loadCss('./assets/vuetify.4aa1eb.css');import v from "./vue.7cc217.js";
 const Ne = v.extend().extend({
   name: "themeable",
   provide() {

package/dist/assets/vuetify.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from "./vuetify.bf2ba1.js";
-import { default as f } from "./vuetify.bf2ba1.js";
+export * from "./vuetify.4aa1eb.js";
+import { default as f } from "./vuetify.4aa1eb.js";
 export {
   f as default
 };

package/dist/index.html CHANGED Viewed

@@ -5,30 +5,34 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-32.6b9add.png"
       sizes="32x32"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-128.4c4ce5.png"
       sizes="128x128"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-180.5b99c0.png"
       sizes="180x180"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-192.0e205e.png"
       sizes="192x192"
     >
-    <link rel="icon" type="image/svg+xml" href="./assets/favicon.d5ec97.svg">
+    <link class="vcs-favicon" rel="icon" type="image/svg+xml" href="./assets/favicon.d5ec97.svg">
     <link
       rel="stylesheet"
       href="./assets/@mdi/font/css/materialdesignicons.min.e3f476.css"
@@ -91,7 +95,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="./assets/index-0abd9815.js"></script>
+    <script type="module" crossorigin src="./assets/index-dccddacb.js"></script>
   </head>
   <body style="height: 100vh; margin: 0;">
     <noscript>

package/index.d.ts CHANGED Viewed

@@ -198,7 +198,7 @@ export { createStateRefAction, StateActionState } from "./src/actions/stateRefAc
 export type * from "./src/actions/stateRefAction.d.ts";
 export { createLayerToggleAction, createZoomToExtentAction, createExtentFeatureAction, setupExtentComponentActions } from "./src/actions/extentActions.js";
 export type * from "./src/actions/extentActions.d.ts";
-export { createListItemRenameAction, createListItemDeleteAction, createListItemBulkAction, createListExportAction, createListImportAction } from "./src/actions/listActions.js";
+export { createListItemRenameAction, createListItemDeleteAction, createListItemBulkAction, createListExportAction, createListImportAction, importIntoLayer } from "./src/actions/listActions.js";
 export type * from "./src/actions/listActions.d.ts";
 export { default as VcsCallback, executeCallbacks } from "./src/callback/vcsCallback.js";
 export type * from "./src/callback/vcsCallback.d.ts";

package/index.html CHANGED Viewed

@@ -5,30 +5,34 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-32.png"
       sizes="32x32"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-128.png"
       sizes="128x128"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-180.png"
       sizes="180x180"
     >
     <link
+      class="vcs-favicon"
       rel="icon"
       type="image/png"
       href="./assets/favicon-192.png"
       sizes="192x192"
     >
-    <link rel="icon" type="image/svg+xml" href="./assets/favicon.svg">
+    <link class="vcs-favicon" rel="icon" type="image/svg+xml" href="./assets/favicon.svg">
     <link
       rel="stylesheet"
       href="./assets/@mdi/font/css/materialdesignicons.min.css"

package/index.js CHANGED Viewed

@@ -28,6 +28,7 @@ export {
   createListItemBulkAction,
   createListExportAction,
   createListImportAction,
+  importIntoLayer,
 } from './src/actions/listActions.js';
 export {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "5.1.3",
+  "version": "5.1.5",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -53,7 +53,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^4.0.3",
-    "@vcmap/core": "^5.1.2",
+    "@vcmap/core": "^5.1.4",
     "ol": "^7.5.2",
     "vue": "~2.7.3",
     "vuetify": "~2.6.7"

package/src/actions/listActions.d.ts CHANGED Viewed

@@ -36,15 +36,35 @@ export function createListExportAction(selection: import("vue").Ref<Array<import
     action: import("../manager/collectionManager/collectionManager.js").OwnedAction;
     destroy: (() => void);
 };
+/**
+ * @typedef {Object} ImportIntoLayerOptions
+ * @property {import("@vcmap/core").GeoJSONreadOptions} [readOptions]
+ * @property {function(import("ol").Feature):boolean} [predicate] - predicate to filter features by
+ * @property {string} [predicateFailureMessage='components.import.predicateFailure'] - message to be displayed on predicate failures
+ * @property {string} [addFailureMessage='components.import.addFailure'] - message to be displayed if feature could not be added to layer (same id)
+ * @property {string} [featuresAddedMessage='components.import.featuresAdded'] - message to be displayed if features where imported
+ * @property {string} [nothingAddedMessage='components.import.nothingAdded'] - message to be displayed if no features where imported
+ * @property {boolean} [setStyle] - set the style from the last imported file on the provided layer
+ * @property {boolean} [setVcsMeta] - set vcs meta from the last imported file on the provided layer
+ * @property {boolean} [returnValue] - by default true is returned to close the window, this can be overriden.
+ */
+/**
+ * @param {File[]} files
+ * @param {import("../vcsUiApp.js").default} app
+ * @param {import("@vcmap/core").VectorLayer} layer
+ * @param {ImportIntoLayerOptions} [options={}]
+ * @returns {Promise<boolean>}
+ */
+export function importIntoLayer(files: File[], app: import("../vcsUiApp.js").default, layer: import("@vcmap/core").VectorLayer, options?: ImportIntoLayerOptions | undefined): Promise<boolean>;
 /**
  *
- * @param {function(File[]):void|Promise<void>} importCallback
+ * @param {function(File[]):boolean|Promise<boolean>} importCallback
  * @param {import("../manager/window/windowManager.js").default} windowManager
  * @param {string|symbol} owner
  * @param {string} parentId
  * @returns {{action: import("../manager/collectionManager/collectionManager.js").OwnedAction, destroy: (function(): void)}}
  */
-export function createListImportAction(importCallback: (arg0: File[]) => void | Promise<void>, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, parentId: string): {
+export function createListImportAction(importCallback: (arg0: File[]) => boolean | Promise<boolean>, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, parentId: string): {
     action: import("../manager/collectionManager/collectionManager.js").OwnedAction;
     destroy: (() => void);
 };
@@ -54,10 +74,46 @@ export function createListImportAction(importCallback: (arg0: File[]) => void |
  * @param {import("../manager/window/windowManager.js").default} windowManager
  * @param {string|symbol} owner
  * @param {string} multiEditorId
+ * @param {string} [name="list.edit"]
  * @template {Object} T
  * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
  */
-export function createListEditAction<T extends Object>(selection: import("vue").Ref<Array<import("../manager/collectionManager/collectionComponentClass.js").CollectionComponentListItem>>, editCallback: (arg0: T) => void, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, multiEditorId: string): {
+export function createListEditAction<T extends Object>(selection: import("vue").Ref<Array<import("../manager/collectionManager/collectionComponentClass.js").CollectionComponentListItem>>, editCallback: (arg0: T) => void, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, multiEditorId: string, name?: string | undefined): {
     action: import("./actionHelper.js").VcsAction;
     destroy: () => void;
 };
+export type ImportIntoLayerOptions = {
+    readOptions?: import("@vcmap/core").GeoJSONreadOptions | undefined;
+    /**
+     * - predicate to filter features by
+     */
+    predicate?: ((arg0: import("ol").Feature) => boolean) | undefined;
+    /**
+     * - message to be displayed on predicate failures
+     */
+    predicateFailureMessage?: string | undefined;
+    /**
+     * - message to be displayed if feature could not be added to layer (same id)
+     */
+    addFailureMessage?: string | undefined;
+    /**
+     * - message to be displayed if features where imported
+     */
+    featuresAddedMessage?: string | undefined;
+    /**
+     * - message to be displayed if no features where imported
+     */
+    nothingAddedMessage?: string | undefined;
+    /**
+     * - set the style from the last imported file on the provided layer
+     */
+    setStyle?: boolean | undefined;
+    /**
+     * - set vcs meta from the last imported file on the provided layer
+     */
+    setVcsMeta?: boolean | undefined;
+    /**
+     * - by default true is returned to close the window, this can be overriden.
+     */
+    returnValue?: boolean | undefined;
+};

package/src/actions/listActions.js CHANGED Viewed

@@ -1,9 +1,12 @@
 import { reactive, watch } from 'vue';
 import { check } from '@vcsuite/check';
+import { getLogger } from '@vcsuite/logger';
+import { parseGeoJSON } from '@vcmap/core';
 import { createToggleAction } from './actionHelper.js';
 import ImportComponent from '../components/import/ImportComponent.vue';
 import { WindowSlot } from '../manager/window/windowManager.js';
 import { vcsAppSymbol } from '../pluginHelper.js';
+import { NotificationType } from '../notifier/notifier.js';
 /**
  * Creates an action for renaming an item in a VcsList. Sho VcsTextfield in VcsList.
@@ -93,9 +96,116 @@ export function createListExportAction(selection, exportCallback, owner) {
   };
 }
+/**
+ * @typedef {Object} ImportIntoLayerOptions
+ * @property {import("@vcmap/core").GeoJSONreadOptions} [readOptions]
+ * @property {function(import("ol").Feature):boolean} [predicate] - predicate to filter features by
+ * @property {string} [predicateFailureMessage='components.import.predicateFailure'] - message to be displayed on predicate failures
+ * @property {string} [addFailureMessage='components.import.addFailure'] - message to be displayed if feature could not be added to layer (same id)
+ * @property {string} [featuresAddedMessage='components.import.featuresAdded'] - message to be displayed if features where imported
+ * @property {string} [nothingAddedMessage='components.import.nothingAdded'] - message to be displayed if no features where imported
+ * @property {boolean} [setStyle] - set the style from the last imported file on the provided layer
+ * @property {boolean} [setVcsMeta] - set vcs meta from the last imported file on the provided layer
+ * @property {boolean} [returnValue] - by default true is returned to close the window, this can be overriden.
+ */
+/**
+ * @param {File[]} files
+ * @param {import("../vcsUiApp.js").default} app
+ * @param {import("@vcmap/core").VectorLayer} layer
+ * @param {ImportIntoLayerOptions} [options={}]
+ * @returns {Promise<boolean>}
+ */
+export async function importIntoLayer(files, app, layer, options = {}) {
+  const { vueI18n } = app;
+  const results = await Promise.all(
+    files.map(async (file) => {
+      const text = await file.text();
+      try {
+        return parseGeoJSON(text, options.readOptions);
+      } catch (e) {
+        app.notifier.add({
+          type: NotificationType.ERROR,
+          message: vueI18n.t('components.import.failure', {
+            fileName: file.name,
+          }),
+        });
+        getLogger('import').error(e);
+      }
+      return {
+        features: [],
+      };
+    }),
+  );
+  const features = results.flatMap((r) => r.features);
+  const featureToImport = options.predicate
+    ? features.filter((f) => options.predicate(f))
+    : features;
+  const predicateDelta = features.length - featureToImport.length;
+  if (predicateDelta > 0) {
+    app.notifier.add({
+      type: NotificationType.WARNING,
+      message: vueI18n.t(
+        options.predicateFailureMessage ?? 'components.import.predicateFailure',
+        [predicateDelta],
+      ),
+    });
+  }
+  const imported = layer
+    .addFeatures(featureToImport)
+    .filter((id) => id != null);
+  const importedDelta = featureToImport.length - imported.length;
+  if (importedDelta > 0) {
+    app.notifier.add({
+      type: NotificationType.WARNING,
+      message: vueI18n.t(
+        options.addFailureMessage ?? 'components.import.addFailure',
+        [importedDelta],
+      ),
+    });
+  }
+  if (imported.length > 0) {
+    app.notifier.add({
+      type: NotificationType.SUCCESS,
+      message: vueI18n.t(
+        options.featuresAddedMessage ?? 'components.import.featuresAdded',
+        [imported.length],
+      ),
+    });
+  } else {
+    app.notifier.add({
+      type: NotificationType.ERROR,
+      message: vueI18n.t(
+        options.nothingAddedMessage ?? 'components.import.nothingAdded',
+      ),
+    });
+  }
+  if (options.setStyle) {
+    const lastStyle = results.findLast((r) => !!r.style)?.style;
+    if (lastStyle) {
+      layer.setStyle(lastStyle);
+    }
+  }
+  if (options.setVcsMeta) {
+    const lastVcsMeta = results.findLast((r) => !!r.vcsMeta)?.vcsMeta;
+    if (lastVcsMeta) {
+      layer.setVcsMeta(lastVcsMeta);
+    }
+  }
+  return options.returnValue ?? true;
+}
 /**
  *
- * @param {function(File[]):void|Promise<void>} importCallback
+ * @param {function(File[]):boolean|Promise<boolean>} importCallback
  * @param {import("../manager/window/windowManager.js").default} windowManager
  * @param {string|symbol} owner
  * @param {string} parentId
@@ -148,6 +258,7 @@ export function createListImportAction(
  * @param {import("../manager/window/windowManager.js").default} windowManager
  * @param {string|symbol} owner
  * @param {string} multiEditorId
+ * @param {string} [name="list.edit"]
  * @template {Object} T
  * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
  */
@@ -157,11 +268,12 @@ export function createListEditAction(
   windowManager,
   owner,
   multiEditorId,
+  name = 'list.edit',
 ) {
   const { action, destroy: destroyEditSelected } = createListItemBulkAction(
     selection,
     {
-      name: 'list.edit',
+      name,
       callback: editCallback,
     },
   );

package/src/application/VcsApp.vue CHANGED Viewed

@@ -657,10 +657,26 @@
             app.uiConfig.config.value.logo ??
             VcsDefaultLogoMobile,
         ),
-        imprint: computed(() => app.uiConfig.config.value.imprint),
-        dataProtection: computed(
-          () => app.uiConfig.config.value.dataProtection,
-        ),
+        imprint: computed(() => {
+          if (app.uiConfig.config.value.imprint) {
+            return {
+              title: 'footer.imprint.title',
+              tooltip: 'footer.imprint.tooltip',
+              ...app.uiConfig.config.value.imprint,
+            };
+          }
+          return undefined;
+        }),
+        dataProtection: computed(() => {
+          if (app.uiConfig.config.value.dataProtection) {
+            return {
+              title: 'footer.dataProtection.title',
+              tooltip: 'footer.dataProtection.tooltip',
+              ...app.uiConfig.config.value.dataProtection,
+            };
+          }
+          return undefined;
+        }),
         attributionEntries,
         attributionAction,
         showMapNavigation,

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

@@ -72,8 +72,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mapId: string;
     mobileLogo: import("vue").ComputedRef<any>;
-    imprint: import("vue").ComputedRef<unknown>;
-    dataProtection: import("vue").ComputedRef<unknown>;
+    imprint: import("vue").ComputedRef<{
+        title: string;
+        tooltip: string;
+    } | undefined>;
+    dataProtection: import("vue").ComputedRef<{
+        title: string;
+        tooltip: string;
+    } | undefined>;
     attributionEntries: import("vue").Ref<import("./attributionsHelper.js").AttributionEntry[]>;
     attributionAction: import("../actions/actionHelper.js").VcsAction;
     showMapNavigation: import("vue").Ref<boolean>;

package/src/application/VcsNavbar.vue CHANGED Viewed

@@ -52,7 +52,7 @@
             </template>
             <div
               v-if="$vuetify.breakpoint.mdAndUp && config.appTitle"
-              class="ml-4"
+              class="ml-4 text-h6 font-weight-bold"
             >
               {{ $t(config.appTitle) }}
             </div>

package/src/application/VcsTextPageFooter.vue CHANGED Viewed

@@ -1,18 +1,25 @@
-<template>
-  <span class="d-inline-block text-truncate mr-10 setmargin">
-    <span v-if="textPage.url" class="imprint-span imprint button">
-      <a :href="textPage.url" class="link" target="_blank"
-        >{{ $t(textPage.title) }} <span></span>
-      </a>
-    </span>
+<template v-if="textPage.title">
+  <VcsTooltip :tooltip="textPage.tooltip">
+    <template #activator="{ on }">
+      <span
+        class="d-inline-block text-truncate mr-10 setmargin"
+        v-on="{ ...$listeners, ...on }"
+      >
+        <span v-if="textPage.url" class="imprint-span imprint button">
+          <a :href="textPage.url" class="link" target="_blank"
+            >{{ $t(textPage.title) }} <span></span>
+          </a>
+        </span>
-    <span
-      v-else
-      class="imprint-span imprint button link"
-      @click="addTextPage()"
-      >{{ $t(textPage.title) }}</span
-    >
-  </span>
+        <span
+          v-else
+          class="imprint-span imprint button link"
+          @click="addTextPage()"
+          >{{ $t(textPage.title) }}</span
+        >
+      </span>
+    </template>
+  </VcsTooltip>
 </template>
 <style lang="scss" scoped>
@@ -42,17 +49,23 @@
 <script>
   import { inject } from 'vue';
+  import VcsTooltip from '../components/notification/VcsTooltip.vue';
   import VcsTextPage from './VcsTextPage.vue';
   import { vcsAppSymbol } from '../pluginHelper.js';
   import { WindowSlot } from '../manager/window/windowManager.js';
+  /**
+   * A Footer element opening either an URL in a new tab or a WindowComponent with provided content
+   * @vue-prop {import("../uiConfig.js").TextPageType} [textPage]
+   * @vue-prop {string} windowId
+   */
   export default {
     name: 'VcsTextPageFooter',
-    components: {},
+    components: { VcsTooltip },
     props: {
       textPage: {
         type: Object,
-        required: true,
+        default: () => {},
       },
       windowId: {
         type: String,
@@ -64,21 +77,25 @@
       const { content } = props.textPage;
       function addTextPage() {
-        app.windowManager.add(
-          {
-            id: props.windowId,
-            component: VcsTextPage,
-            state: {
-              headerTitle: props.textPage.title,
-            },
-            slot: WindowSlot.DYNAMIC_RIGHT,
-            position: {
-              width: 600,
+        if (!app.windowManager.has(props.windowId)) {
+          app.windowManager.add(
+            {
+              id: props.windowId,
+              component: VcsTextPage,
+              state: {
+                headerTitle: props.textPage.title,
+              },
+              slot: WindowSlot.DYNAMIC_RIGHT,
+              position: {
+                width: 600,
+              },
+              props: { content },
             },
-            props: { content },
-          },
-          vcsAppSymbol,
-        );
+            vcsAppSymbol,
+          );
+        } else {
+          app.windowManager.remove(props.windowId);
+        }
       }
       return {

package/src/application/VcsTextPageFooter.vue.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     textPage: {
         type: ObjectConstructor;
-        required: true;
+        default: () => void;
     };
     windowId: {
         type: StringConstructor;
@@ -12,11 +12,13 @@ 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<{
     textPage: {
         type: ObjectConstructor;
-        required: true;
+        default: () => void;
     };
     windowId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {
+    textPage: Record<string, any>;
+}>;
 export default _default;

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

@@ -12,8 +12,8 @@
           hide-details
           :dense="isDense"
           :clearable="isClearable"
-          @focus="focus = true"
-          @blur="focus = false"
+          @focus="onFocus"
+          @blur="onBlur"
           @mouseover="hover = true"
           @mouseleave="hover = false"
           outlined
@@ -145,7 +145,7 @@
         default: 'right',
       },
     },
-    setup(props, { attrs }) {
+    setup(props, { attrs, emit }) {
       const hover = ref(false);
       const focus = ref(false);
       const textAreaRef = ref();
@@ -174,6 +174,14 @@
         isClearable,
         isDense,
         isOutlined,
+        onFocus(e) {
+          focus.value = true;
+          emit('focus', e);
+        },
+        onBlur(e) {
+          focus.value = false;
+          emit('blur', e);
+        },
       };
     },
   };

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

@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<{
     isClearable: import("vue").ComputedRef<string | boolean>;
     isDense: import("vue").ComputedRef<boolean>;
     isOutlined: import("vue").ComputedRef<boolean | "">;
+    onFocus(e: any): void;
+    onBlur(e: any): void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     tooltipPosition: {
         type: StringConstructor;

package/src/components/icons/+all.js CHANGED Viewed

@@ -1,9 +1,11 @@
 import TwoDAreaIcon from './2DAreaIcon.vue';
 import TwoDDistanceIcon from './2DDistanceIcon.vue';
 import TwoDHeightObliqueIcon from './2DHeightObliqueIcon.vue';
+import TwoDPointIcon from './2DPointIcon.vue';
 import ThreeDAreaIcon from './3DAreaIcon.vue';
 import ThreeDDistanceIcon from './3DDistanceIcon.vue';
 import ThreeDHeightIcon from './3DHeightIcon.vue';
+import ThreeDPointIcon from './3DPointIcon.vue';
 import AngleIcon from './AngleIcon.vue';
 import AssociationsIcon from './AssociationsIcon.vue';
 import AxisIcon from './AxisIcon.vue';
@@ -144,6 +146,9 @@ const IconMap = {
   '2dHeightOblique': {
     component: TwoDHeightObliqueIcon,
   },
+  '2dPoint': {
+    component: TwoDPointIcon,
+  },
   '3d': {
     component: ThreeDimensionsIcon,
   },
@@ -156,6 +161,9 @@ const IconMap = {
   '3dHeight': {
     component: ThreeDHeightIcon,
   },
+  '3dPoint': {
+    component: ThreeDPointIcon,
+  },
   angle: {
     component: AngleIcon,
   },