npm - @vcmap/ui - Versions diffs - 5.0.0-rc.18 → 5.0.0-rc.20 - Mend

@vcmap/ui 5.0.0-rc.18 → 5.0.0-rc.20

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 (379) hide show

package/dist/assets/vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from "./vue.228ead.js";
-import { default as f } from "./vue.228ead.js";
+export * from "./vue.75b819.js";
+import { default as f } from "./vue.75b819.js";
 export {
   f as default
 };

package/dist/assets/{vuetify.0b5039.css → vuetify.0d7360.css} RENAMED Viewed

File without changes

package/dist/assets/{vuetify.0b5039.js → vuetify.0d7360.js} RENAMED Viewed

@@ -13,7 +13,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify.0b5039.css');import v from "./vue.228ead.js";
+} await loadCss('./assets/vuetify.0d7360.css');import v from "./vue.a831f1.js";
 const Ne = v.extend().extend({
   name: "themeable",
   provide() {

package/dist/assets/vuetify.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from "./vuetify.0b5039.js";
-import { default as f } from "./vuetify.0b5039.js";
+export * from "./vuetify.0d7360.js";
+import { default as f } from "./vuetify.0d7360.js";
 export {
   f as default
 };

package/dist/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <script type="module" crossorigin src="./assets/index.bccdf969.js"></script>
+    <script type="module" crossorigin src="./assets/index.884a53ef.js"></script>
   </head>
   <body style="height: 100vH;">
     <noscript>

package/index.js CHANGED Viewed

@@ -115,7 +115,7 @@ export {
 export { getStateFromURL, createEmptyState, setStateToUrl } from './src/state.js';
 export { default as VcsUiApp } from './src/vcsUiApp.js';
 export { default as Notifier, NotificationType } from './src/notifier/notifier.js';
-export { default as Icons } from './src/icons/+all.js';
+export { default as Icons } from './src/components/icons/+all.js';
 export { default as VcsButton } from './src/components/buttons/VcsButton.vue';
 export { default as VcsActionButtonList } from './src/components/buttons/VcsActionButtonList.vue';
@@ -137,6 +137,7 @@ export { default as VcsSelect } from './src/components/form-inputs-controls/VcsS
 export { default as VcsTextField } from './src/components/form-inputs-controls/VcsTextField.vue';
 export { default as VcsTextArea } from './src/components/form-inputs-controls/VcsTextArea.vue';
 export { default as VcsWizard } from './src/components/form-inputs-controls/VcsWizard.vue';
+export { default as VcsWizardStep } from './src/components/form-inputs-controls/VcsWizardStep.vue';
 export { default as VcsFormattedNumber } from './src/components/form-output/VcsFormattedNumber.vue';

package/lib/cesium.js CHANGED Viewed

	@@ -1 +1 @@
1	- export * from '@vcmap/~~cesium~~';
1	+ export * from '@vcmap-cesium/engine';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "5.0.0-rc.18",
+  "version": "5.0.0-rc.20",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -37,13 +37,12 @@
     "@vcsuite/check": "^1.1.2",
     "@vcsuite/logger": "^1.0.1",
     "@vcsuite/parsers": "^1.0.1",
-    "rxjs": "^6.6.6",
     "uuid": "^8.3.2",
     "vue-i18n": "^8.24.1"
   },
   "peerDependencies": {
-    "@vcmap/cesium": "~1.97.1",
-    "@vcmap/core": "~5.0.0-rc.25",
+    "@vcmap-cesium/engine": "~1.1.2",
+    "@vcmap/core": "~5.0.0-rc.26",
     "ol": "~7.1.0",
     "vue": "~2.7.3",
     "vuetify": "~2.6.7"

package/plugins/{simple-graph → @vcmap/simple-graph}/README.md RENAMED Viewed

@@ -4,7 +4,7 @@ This is a plugin adding a new Feature Info View using {@link https://vuetifyjs.c
 | View class                              | VueComponent                                       | description                                              |
 |-----------------------------------------|----------------------------------------------------|----------------------------------------------------------|
-| [SimpleGraphView](./simpleGraphView.js) | [SimpleGraphComponent](./SimpleGraphComponent.vue) | A simple graph view including trend lines and bar graph. |
+| [SimpleGraphView](simpleGraphView.js) | [SimpleGraphComponent](SimpleGraphComponent.vue) | A simple graph view including trend lines and bar graph. |
 ## configuration

package/plugins/{simple-graph → @vcmap/simple-graph}/SimpleGraphComponent.vue RENAMED Viewed

File without changes

package/plugins/{simple-graph → @vcmap/simple-graph}/index.js RENAMED Viewed

File without changes

package/plugins/{simple-graph → @vcmap/simple-graph}/package.json RENAMED Viewed

File without changes

package/plugins/{simple-graph → @vcmap/simple-graph}/simpleGraphView.js RENAMED Viewed

File without changes

package/plugins/@vcmap-show-case/README.md ADDED Viewed

@@ -0,0 +1,20 @@
+# Show-Cases
+This directory contains show-case plugins demonstrating the usage of VC Map UI components or VC Map concepts.
+## components
+- [buttons-example](./buttons-example/README.md)
+- [form-inputs-example](./form-inputs-example/README.md)
+- [icons-example](./icons-example/README.md)
+- [list-example](./list-example/README.md)
+- [textfields-example](./textfields-example/README.md)
+- [wizard-example](./wizard-example/README.md)
+## concepts
+- [category-tester](./category-tester/README.md)
+- [config-editor](./config-editor/README.md)
+- [context-menu-tester](./context-menu-tester/README.md)
+- [notifier-tester](./notifier-tester/README.md)
+- [window-tester](./window-tester/README.md)

package/plugins/{buttonExamples/ButtonExamples.vue → @vcmap-show-case/buttons-example/ButtonsExample.vue} RENAMED Viewed

@@ -203,7 +203,7 @@
   } from 'vuetify/lib';
   export default {
-    name: 'ButtonExamples',
+    name: 'ButtonsExample',
     components: {
       VcsButton,
       VcsActionButtonList,

package/plugins/@vcmap-show-case/buttons-example/README.md ADDED Viewed

@@ -0,0 +1,4 @@
+# Buttons Example
+This is a show-case plugin demonstrating the usage of form buttons.
+See [buttons](../../../src/components/buttons) for the used components.

package/plugins/{buttonExamples → @vcmap-show-case/buttons-example}/index.js RENAMED Viewed

@@ -1,32 +1,40 @@
 import { ButtonLocation, createToggleAction, WindowSlot } from '@vcmap/ui';
-import ButtonExamples from './ButtonExamples.vue';
+import packageJSON from './package.json';
+import ButtonsExample from './ButtonsExample.vue';
 /**
  * @returns {VcsPlugin}
  */
-export default async function buttonExamples() {
+export default async function buttonsExample() {
   return {
-    name: 'buttonExamples',
+    get name() { return packageJSON.name; },
+    get version() { return packageJSON.version; },
+    get vcMapVersion() { return packageJSON.vcMapVersion; },
     onVcsAppMounted(app) {
       const { action, destroy } = createToggleAction(
         {
-          name: 'buttonsExamples',
+          name: 'Buttons Examples',
+          title: 'Buttons Example Plugin',
           icon: '$vcsTouch',
         },
         {
-          id: 'button-examples',
-          component: ButtonExamples,
+          id: 'buttons-textfields-example',
+          component: ButtonsExample,
           slot: WindowSlot.DETACHED,
+          state: {
+            headerTitle: 'Buttons Example',
+            headerIcon: '$vcsTouch',
+          },
           position: {
             width: 500,
           },
         },
         app.windowManager,
-        'buttonExamples',
+        packageJSON.name,
       );
       app.navbarManager.add(
         { action },
-        'buttonExamples',
+        packageJSON.name,
         ButtonLocation.TOOL,
       );
       this._destroyAction = destroy;

package/plugins/@vcmap-show-case/buttons-example/package.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "name": "@vcmap-show-case/buttons-example",
+  "version": "1.0.0",
+  "vcMapVersion": "~5.0.0"
+}

package/plugins/{categoryTest → @vcmap-show-case/category-tester}/Categories.vue RENAMED Viewed

@@ -69,6 +69,7 @@
     VBtn,
     VTextarea,
   } from 'vuetify/lib';
+  import packageJSON from './package.json';
   import Category from './Category.vue';
   export default {
@@ -128,10 +129,10 @@
               type: 'Category',
               title: 'Foobar',
             });
-            app.categoryManager.add({ categoryName: category.name }, '@vcmap/categoryTest');
+            app.categoryManager.add({ categoryName: category.name }, packageJSON.name);
             app.categoryManager.addMappingFunction(() => true, (item, c, listItem) => {
               listItem.title = item.name;
-            }, [category.name], '@vcmap/categoryTest');
+            }, [category.name], packageJSON.name);
             for (let i = 0; i <= 12; i++) {
               category.collection.add({
                 name: `foobar-${i}`,
@@ -150,7 +151,7 @@
             type: 'Category',
             collectionName: null,
           };
-          app.categoryManager.add({ categoryName: category.name }, '@vcmap/categoryTest');
+          app.categoryManager.add({ categoryName: category.name }, packageJSON.name);
           newDialog.value = false;
         },
         async upload() {
@@ -164,7 +165,7 @@
             if (jsonUpload?.items?.length > 0) {
               await app.categories.parseCategoryItems(jsonUpload.name, jsonUpload.items, app.dynamicContextId);
             }
-            app.categoryManager.add({ categoryName: category.name }, '@vcmap/categoryTest');
+            app.categoryManager.add({ categoryName: category.name }, packageJSON.name);
             uploadString.value = '';
             uploadDialog.value = false;
           } catch (e) {
@@ -229,7 +230,7 @@
                 }));
               },
             }];
-            app.categoryManager.add({ categoryName: layersCat.name, actions }, '@vcmap/categoryTest');
+            app.categoryManager.add({ categoryName: layersCat.name, actions }, packageJSON.name);
             app.categoryManager.addMappingFunction(() => true, (item, category, treeViewItem) => {
               // eslint-disable-next-line no-console
               const action = {
@@ -248,7 +249,7 @@
                 },
               };
               treeViewItem.actions.push(action2);
-            }, ['layers'], '@vcmap/categoryTest');
+            }, ['layers'], packageJSON.name);
           }
         },
       };

package/plugins/{categoryTest → @vcmap-show-case/category-tester}/Category.vue RENAMED Viewed

@@ -42,9 +42,9 @@
           @submit.prevent="addItem"
         >
           <v-textarea v-model="jsonString" />
-          <v-btn type="submit">
+          <vcs-button type="submit">
             Add
-          </v-btn>
+          </vcs-button>
         </v-form>
       </v-card>
     </v-dialog>
@@ -56,6 +56,7 @@
   import { VcsButton } from '@vcmap/ui';
   import { getObjectFromClassRegistry } from '@vcmap/core';
   import {
+    VSheet,
     VVirtualScroll,
     VListItem,
     VListItemContent,
@@ -65,7 +66,6 @@
     VCard,
     VForm,
     VTextarea,
-    VSheet,
     VBtn,
   } from 'vuetify/lib';
@@ -73,6 +73,7 @@
     name: 'CategoryComponent',
     components: {
       VcsButton,
+      VSheet,
       VVirtualScroll,
       VListItem,
       VListItemContent,

package/plugins/@vcmap-show-case/category-tester/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# Category Tester
+This is a show-case plugin demonstrating the concept of [Categories](../../../documentation/CATEGORIES.md).

package/plugins/{categoryTest → @vcmap-show-case/category-tester}/index.js RENAMED Viewed

@@ -1,4 +1,5 @@
 import { ButtonLocation, createToggleAction, WindowSlot } from '@vcmap/ui';
+import packageJSON from './package.json';
 import Categories from './Categories.vue';
 /**
@@ -6,27 +7,34 @@ import Categories from './Categories.vue';
  */
 export default async function categoryTest() {
   return {
-    name: '@vcmap/categoryTest',
+    get name() { return packageJSON.name; },
+    get version() { return packageJSON.version; },
+    get vcMapVersion() { return packageJSON.vcMapVersion; },
     initialize(app) {
       const { action, destroy } = createToggleAction(
         {
-          name: 'Category Editor',
+          name: 'Category Tester',
+          title: 'Category Tester Plugin',
           icon: '$vcsPen',
         },
         {
           id: 'category-editor',
           component: Categories,
           slot: WindowSlot.DETACHED,
+          state: {
+            headerTitle: 'Category Tester',
+            headerIcon: '$vcsPen',
+          },
           position: {
             width: 500,
           },
         },
         app.windowManager,
-        '@vcmap/categoryTest',
+        packageJSON.name,
       );
       app.navbarManager.add(
         { id: 'category-editor', action },
-        '@vcmap/categoryTest',
+        packageJSON.name,
         ButtonLocation.TOOL,
       );
       this._destroyAction = destroy;

package/plugins/@vcmap-show-case/category-tester/package.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "name": "@vcmap-show-case/category-tester",
+  "version": "1.0.0",
+  "vcMapVersion": "~5.0.0"
+}

package/plugins/@vcmap-show-case/config-editor/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# Config Editor
+This is a show-case plugin demonstrating the concept of VC Map Config.

package/plugins/{test → @vcmap-show-case/config-editor}/editor.vue RENAMED Viewed

File without changes

package/plugins/@vcmap-show-case/config-editor/index.js ADDED Viewed

@@ -0,0 +1,47 @@
+import {
+  ButtonLocation,
+  createToggleAction,
+  WindowSlot,
+} from '@vcmap/ui';
+import packageJSON from './package.json';
+import editor from './editor.vue';
+/**
+ * @returns {VcsPlugin}
+ */
+export default async function () {
+  return {
+    get name() { return packageJSON.name; },
+    get version() { return packageJSON.version; },
+    get vcMapVersion() { return packageJSON.vcMapVersion; },
+    onVcsAppMounted(app) {
+      const { action, destroy } = createToggleAction(
+        {
+          name: 'Config Editor',
+        },
+        {
+          id: 'config-editor',
+          state: {
+            headerTitle: 'Config Editor',
+          },
+          component: editor,
+          slot: WindowSlot.DYNAMIC_LEFT,
+        },
+        app.windowManager,
+        packageJSON.name,
+      );
+      app.navbarManager.add(
+        { id: 'config-editor', action },
+        packageJSON.name,
+        ButtonLocation.TOOL,
+      );
+      this._destroyAction = destroy;
+    },
+    destroy() {
+      if (this._destroyAction) {
+        this._destroyAction();
+        this._destroyAction = null;
+      }
+    },
+  };
+}

package/plugins/@vcmap-show-case/config-editor/package.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "name": "@vcmap-show-case/config-editor",
+  "version": "1.0.0",
+  "vcMapVersion": "~5.0.0"
+}

package/plugins/@vcmap-show-case/context-menu-tester/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+# Context Menu Tester
+This is a show-case plugin demonstrating the concept of [CONTEXT_MENU](../../../documentation/CONTEXT_MENU.md).

package/plugins/@vcmap-show-case/context-menu-tester/index.js ADDED Viewed

@@ -0,0 +1,33 @@
+import packageJSON from './package.json';
+export default () => {
+  return {
+    get name() { return packageJSON.name; },
+    get version() { return packageJSON.version; },
+    get vcMapVersion() { return packageJSON.vcMapVersion; },
+    initialize(vcsApp) {
+      vcsApp.contextMenuManager.addEventHandler(async (event) => {
+        const actions = [{
+          id: 'foo2',
+          name: 'Log Position',
+          icon: '$vcsInfo',
+          callback() {
+            console.log(event.positionOrPixel);
+          },
+        }];
+        if (event.feature) {
+          actions.push({
+            id: 'foo',
+            name: 'Log Feature',
+            icon: '$vcsInfo',
+            callback() {
+              console.log('feature right clicked');
+              console.log(event.feature);
+            },
+          });
+        }
+        return actions;
+      }, packageJSON.name);
+    },
+  };
+};

package/plugins/@vcmap-show-case/context-menu-tester/package.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "name": "@vcmap-show-case/context-menu-tester",
+  "version": "1.0.0",
+  "vcMapVersion": "~5.0.0"
+}

package/plugins/{@vcmap/pluginExample/pluginExampleComponent.vue → @vcmap-show-case/form-inputs-example/FormInputsExample.vue} RENAMED Viewed

@@ -7,12 +7,12 @@
     >
       <template #help>
         <ol>
-          <li>{{ $t('pluginExample.help1') }}:</li>
-          <span>{{ $t('pluginExample.help1desc') }}</span>
-          <li>{{ $t('pluginExample.help2') }}:</li>
-          <span>{{ $t('pluginExample.help2desc') }}</span>
-          <li>{{ $t('pluginExample.help3') }}:</li>
-          <span>{{ $t('pluginExample.help3desc') }}</span>
+          <li>{{ $t('form-inputs-example.help1') }}:</li>
+          <span>{{ $t('form-inputs-example.help1desc') }}</span>
+          <li>{{ $t('form-inputs-example.help2') }}:</li>
+          <span>{{ $t('form-inputs-example.help2desc') }}</span>
+          <li>{{ $t('form-inputs-example.help3') }}:</li>
+          <span>{{ $t('form-inputs-example.help3desc') }}</span>
         </ol>
       </template>
       <template #default v-if="showSection">
@@ -24,7 +24,7 @@
           >
             <v-col>
               <VcsLabel html-for="selectInput" :dense="dense">
-                {{ $t('pluginExample.select') }}
+                {{ $t('form-inputs-example.select') }}
               </VcsLabel>
             </v-col>
             <v-col>
@@ -154,7 +154,7 @@
     </VcsFormSection>
     <VcsFormSection
       heading="VcsFormSection Number Inputs"
-      help-text="pluginExample.help"
+      help-text="form-inputs-example.help"
     >
       <template #default>
         <v-container>
@@ -326,9 +326,9 @@
             <v-col cols="3">
               <VcsSelect
                 :items="[
-                  {value: 'one', i18n: 'pluginExample.numbers.one'},
-                  {value: 'two', i18n: 'pluginExample.numbers.two'},
-                  {value: 'three', i18n: 'pluginExample.numbers.three'}]"
+                  {value: 'one', i18n: 'form-inputs-example.numbers.one'},
+                  {value: 'two', i18n: 'form-inputs-example.numbers.two'},
+                  {value: 'three', i18n: 'form-inputs-example.numbers.three'}]"
                 :item-text="item => item.i18n"
                 :dense="dense"
               />
@@ -387,10 +387,11 @@
     VcsLabel,
   } from '@vcmap/ui';
   import { VCol, VContainer, VForm, VRow } from 'vuetify/lib';
+  import packageJSON from './package.json';
   import { isValidText, conditionalTest, isValidEmail } from './validation.js';
   export default {
-    name: 'PluginExampleComponent',
+    name: 'FormInputsExample',
     components: {
       VcsButton,
       VcsSelect,
@@ -421,7 +422,7 @@
     },
     setup() {
       const app = inject('vcsApp');
-      const plugin = app.plugins.getByKey('@vcmap/plugin-example');
+      const plugin = app.plugins.getByKey(packageJSON.name);
       const newUpdate = ref(true);
       watch(plugin.state, () => { newUpdate.value = true; });

package/plugins/@vcmap-show-case/form-inputs-example/README.md ADDED Viewed

@@ -0,0 +1,4 @@
+# Form Inputs Example
+This is a show-case plugin demonstrating the usage of form input controls.
+See [form-input-controls](../../../src/components/form-inputs-controls) for the used components.

package/plugins/@vcmap-show-case/form-inputs-example/config.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+    "name": "form-inputs-example",
+    "selectOptions": ["A", "B", "C", "D"],
+    "initialTextInput": "myInitialText"
+}

package/plugins/{@vcmap/pluginExample → @vcmap-show-case/form-inputs-example}/exampleActions.js RENAMED Viewed

@@ -26,7 +26,7 @@ export default function createExampleActions() {
     }),
     reactive({
       name: 'toggleIcon',
-      title: 'toggle switch example',
+      title: 'toggle switch textfields-example',
       icon: showSection.value ? 'mdi-toggle-switch' : 'mdi-toggle-switch-off',
       active: showSection.value,
       callback() {