@vcmap/ui 6.3.11 → 7.0.0-rc.1

package/src/search/ResultItem.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     query: {
         type: StringConstructor;
         default: string;
@@ -8,9 +10,9 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    hasActions: import("vue").ComputedRef<boolean>;
-    marked: import("vue").ComputedRef<string>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasActions: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    marked: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<string>;
+}, any, {}, {}, 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<{
     query: {
         type: StringConstructor;
         default: string;
@@ -22,4 +24,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     query: string;
 }, {}>;
-export default _default;

package/src/search/ResultsComponent.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     query: {
         type: StringConstructor;
         default: string;
@@ -16,10 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    renderingItems: import("vue").ComputedRef<any[]>;
-    highlighted: import("vue").WritableComputedRef<never[]>;
-    xs: import("vue").Ref<boolean>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    renderingItems: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<any[]>;
+    highlighted: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<never[]>;
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+}, any, {}, {}, 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<{
     query: {
         type: StringConstructor;
         default: string;
@@ -41,4 +43,3 @@ declare const _default: import("vue").DefineComponent<{
     selectedIndex: number;
     showSelectedOnly: boolean;
 }, {}>;
-export default _default;

package/src/search/SearchComponent.vue

@@ -63,9 +63,9 @@
   import { v4 as uuid } from 'uuid';
   import { VSheet, VDivider, VIcon, VRow, VCol } from 'vuetify/components';
   import { useDisplay } from 'vuetify';
-  import VcsTextField from '../components/form-inputs-controls/VcsTextField.vue';
+  import VcsTextField from '../components/form-inputs-controls/VcsTextField.ts.vue';
   import ResultsComponent from './ResultsComponent.vue';
-  import VcsFormButton from '../components/buttons/VcsFormButton.vue';
+  import VcsFormButton from '../components/buttons/VcsFormButton.ts.vue';
   import { useFontSize } from '../vuePlugins/vuetify.js';
 
   export const searchComponentId = 'searchId';

package/src/search/SearchComponent.vue.d.ts

@@ -1,20 +1,21 @@
 export const searchComponentId: "searchId";
-declare const _default: import("vue").DefineComponent<{}, {
-    xs: import("vue").Ref<boolean>;
-    query: import("vue").Ref<string>;
-    searching: import("vue").Ref<boolean>;
-    results: import("vue").Ref<import("./search.js", { with: { "resolution-mode": "import" } }).ResultItem[]>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    query: import("vue", { with: { "resolution-mode": "import" } }).Ref<string>;
+    searching: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    results: import("vue", { with: { "resolution-mode": "import" } }).Ref<import("./search.js", { with: { "resolution-mode": "import" } }).ResultItem[]>;
     reset: () => void;
     search: () => Promise<void>;
     zoomToAll: () => void;
-    searchIconSize: import("vue").ComputedRef<number>;
-    suggestions: import("vue").ComputedRef<{
+    searchIconSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    suggestions: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<{
         title: never;
         clicked(): void;
     }[]>;
-    selectedSuggestion: import("vue").Ref<number>;
+    selectedSuggestion: import("vue", { with: { "resolution-mode": "import" } }).Ref<number>;
     onInput: () => void;
     selectSuggestion(value: any): void;
     closeWindow(): void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+}, {}, {}, {}, 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<{}>>, {}, {}>;

package/src/search/search.d.ts

@@ -83,7 +83,7 @@ declare class Search extends IndexedCollection<SearchImpl> {
      * on clearing, if the results array has not been empty already.
      * @type {import("@vcmap/core").VcsEvent<Array<ResultItem>>}
      */
-    get resultsChanged(): VcsEvent<ResultItem[]>;
+    get resultsChanged(): import("@vcmap/core").VcsEvent<Array<ResultItem>>;
     /**
      * @type {import("vue").Ref<string>}
      */
@@ -91,7 +91,7 @@ declare class Search extends IndexedCollection<SearchImpl> {
     /**
      * @type {import("vue").Ref<Array<ResultItem>>}
      */
-    get currentResults(): import("vue").Ref<ResultItem[]>;
+    get currentResults(): import("vue").Ref<Array<ResultItem>>;
     /**
      * @type {VectorLayer}
      */
@@ -141,5 +141,4 @@ add(item: SearchImpl, owner: string | symbol, index?: number | undefined): void;
     clearSearch(): void;
 }
 import { IndexedCollection } from '@vcmap/core';
-import { VcsEvent } from '@vcmap/core';
 import { VectorLayer } from '@vcmap/core';

package/src/setup.js

@@ -1,9 +1,3 @@
-// import Vue from 'vue';
-
-// eslint-disable-next-line no-unused-vars
-import * as core from '@vcmap/core';
-// pull in entire core for vcsClassRegistry
-
-// Vue.config.productionTip = false;
+import '@vcmap/core';
 
 window.CESIUM_BASE_URL = '/node_modules/@vcmap-cesium/engine/Build/';

package/src/siteConfig.d.ts

@@ -1,5 +1,6 @@
+import type UiConfig from './uiConfig.js';
 /**
  * @param {import("./uiConfig.js").default} uiConfig
  * @returns {() => void}
  */
-export default function createSiteConfig(uiConfig: import("./uiConfig.js").default): () => void;
+export default function createSiteConfig(uiConfig: UiConfig): () => void;

package/src/{siteConfig.js → siteConfig.ts}

@@ -1,9 +1,7 @@
 import { check } from '@vcsuite/check';
+import type UiConfig from './uiConfig.js';
 
-/**
- * @param {string} src
- */
-function setFavicon(src) {
+function setFavicon(src: string): void {
   check(src, String);
 
   const link = document.createElement('link');
@@ -14,7 +12,7 @@ function setFavicon(src) {
     toRemove.push(oldLinks.item(i));
   }
   toRemove.forEach((elem) => {
-    document.head.removeChild(elem);
+    document.head.removeChild(elem!);
   });
   link.id = 'dynamic-favicon';
   link.rel = 'shortcut icon';
@@ -22,10 +20,7 @@ function setFavicon(src) {
   document.head.appendChild(link);
 }
 
-/**
- * @param {string} title
- */
-function setHeaderTitle(title) {
+function setHeaderTitle(title: string): void {
   const titleElement = document.createElement('title');
   titleElement.innerText = title;
   const oldTitle = document.getElementsByTagName('title').item(0);
@@ -43,7 +38,7 @@ const defaultHeaderTitle = 'VC Map';
  * @param {import("./uiConfig.js").default} uiConfig
  * @returns {() => void}
  */
-export default function createSiteConfig(uiConfig) {
+export default function createSiteConfig(uiConfig: UiConfig): () => void {
   if (typeof uiConfig.config.favicon === 'string') {
     setFavicon(uiConfig.config.favicon);
   }
@@ -52,7 +47,7 @@ export default function createSiteConfig(uiConfig) {
     setHeaderTitle(uiConfig.config.headerTitle);
   }
 
-  const updateFavicon = () => {
+  const updateFavicon = (): void => {
     if (typeof uiConfig.config.favicon === 'string') {
       setFavicon(uiConfig.config.favicon);
     } else {
@@ -60,7 +55,7 @@ export default function createSiteConfig(uiConfig) {
     }
   };
 
-  const updateHeaderTitle = () => {
+  const updateHeaderTitle = (): void => {
     if (typeof uiConfig.config.headerTitle === 'string') {
       setHeaderTitle(uiConfig.config.headerTitle);
     } else {

package/src/state.d.ts

@@ -77,7 +77,7 @@ export type UrlViewpointState = [Array<number> | 0, Array<number> | 0, number, n
  * The URL state of an Extent is an array, the first entry is the extent
  * the second is the projection code if needed.
  */
-export type UrlExtentState = [import("ol/extent").Extent, number];
+export type UrlExtentState = [any, number];
 export type AppState = {
     activeViewpoint?: import("@vcmap/core").ViewpointOptions | undefined;
     activeMap?: string | undefined;
@@ -98,4 +98,4 @@ export type CachedAppState = AppState;
  * the sixth is the currently active oblique collection or 0 if not applicable
  * the seventh is an array of ClippingPolygons states
  */
-export type UrlAppState = [[0 | number[], 0 | number[], number, number, number, number, (number | undefined)?] | [import("ol/extent").Extent, number], string, Array<string>, Array<[string, number, string | 0]>, Array<[string, unknown]>, (string | 0), Array<[string, number]>];
+export type UrlAppState = [UrlViewpointState | UrlExtentState, string, Array<string>, Array<UrlLayerState>, Array<UrlPluginState>, (string | 0), Array<UrlClippingPolygonState>];

package/src/state.js

@@ -459,6 +459,7 @@ export function getStateFromURL(url) {
     } catch (e) {
       getLogger('StateManager').error(
         'failed to parse the state URL parameter',
+        e.message,
       );
     }
   }

package/src/uiConfig.d.ts

@@ -341,352 +341,7 @@ declare class UiConfig extends Collection<UiConfigurationItem<unknown>> {
     /**
      * @type {import("vue").DeepReadonly<import("vue").UnwrapNestedRefs<Record<string, *> & UiConfigObject>>}
      */
-    get config(): {
-        readonly [x: string]: any;
-        /**
-         * - the company logo to display. this will override any and all css overrides.
-         */
-        readonly logo?: string | undefined;
-        /**
-         * - the company logo to display in dark mode. this will override any and all css overrides. if not set, the `logo` will be used
-         */
-        readonly logoDark?: string | undefined;
-        /**
-         * - an alternative logo to display in mobile view
-         */
-        readonly mobileLogo?: string | undefined;
-        /**
-         * - an alternative logo to display in mobile view and dark mode. if not set, the `mobileLogo` will be used
-         */
-        readonly mobileLogoDark?: string | undefined;
-        /**
-         * - an optional title to display next to the company logo
-         */
-        readonly appTitle?: string | undefined;
-        /**
-         * - an optional primary color to use in all themes, can be overwritten by `vuetifyTheme`
-         */
-        readonly primaryColor?: string | undefined;
-        /**
-         * - an optional flag whether to activate feature info on startup (default active)
-         */
-        readonly startingFeatureInfo?: boolean | undefined;
-        /**
-         * - an optional flag whether to enable deep picking via right click context menu (default active)
-         */
-        readonly enableDeepPicking?: boolean | undefined;
-        /**
-         * - mouse event, when position display is updated. Either 'click' (default) or 'move'.
-         */
-        readonly positionDisplayEventType?: string | undefined;
-        /**
-         * - A template for rendering information of the current image in oblique mode, e.g. '{{ name }}' printing the image's name
-         */
-        readonly obliqueFooterTemplate?: string | undefined;
-        /**
-         * - an optional URL to a help landing page
-         */
-        readonly helpBaseUrl?: string | undefined;
-        /**
-         * - an option imprint, will show a link in the footer. Default title is 'footer.imprint.title'.
-         */
-        readonly imprint?: {
-            readonly title?: string | undefined;
-            readonly url?: string | {
-                readonly hash: string;
-                readonly host: string;
-                readonly hostname: string;
-                readonly href: string;
-                readonly toString: () => string;
-                readonly origin: string;
-                readonly password: string;
-                readonly pathname: string;
-                readonly port: string;
-                readonly protocol: string;
-                readonly search: string;
-                readonly searchParams: ReadonlyMap<string, string | null>;
-                readonly username: string;
-                readonly toJSON: () => string;
-            } | undefined;
-            readonly content?: string | undefined;
-        } | undefined;
-        /**
-         * - an option dataProtection, will show a link in the footer. Default title is 'footer.dataProtection.title'.
-         */
-        readonly dataProtection?: {
-            readonly title?: string | undefined;
-            readonly url?: string | {
-                readonly hash: string;
-                readonly host: string;
-                readonly hostname: string;
-                readonly href: string;
-                readonly toString: () => string;
-                readonly origin: string;
-                readonly password: string;
-                readonly pathname: string;
-                readonly port: string;
-                readonly protocol: string;
-                readonly search: string;
-                readonly searchParams: ReadonlyMap<string, string | null>;
-                readonly username: string;
-                readonly toJSON: () => string;
-            } | undefined;
-            readonly content?: string | undefined;
-        } | undefined;
-        /**
-         * - optionnal, additional information to show in the footer as links or dialogs
-         */
-        readonly footerInformation?: readonly {
-            readonly title?: string | undefined;
-            readonly url?: string | {
-                readonly hash: string;
-                readonly host: string;
-                readonly hostname: string;
-                readonly href: string;
-                readonly toString: () => string;
-                readonly origin: string;
-                readonly password: string;
-                readonly pathname: string;
-                readonly port: string;
-                readonly protocol: string;
-                readonly search: string;
-                readonly searchParams: ReadonlyMap<string, string | null>;
-                readonly username: string;
-                readonly toJSON: () => string;
-            } | undefined;
-            readonly content?: string | undefined;
-        }[] | undefined;
-        /**
-         * - an option splashScreen, will show a splash Screen on Map Load.
-         */
-        readonly splashScreen?: {
-            readonly title?: string | undefined;
-            readonly icon?: string | undefined;
-            readonly content?: string | undefined;
-            readonly name?: string | undefined;
-            readonly checkBoxText?: string | undefined;
-            readonly buttonTitle?: string | undefined;
-            readonly secondaryButtonTitle?: string | undefined;
-            readonly exitCallbackOptions?: readonly {
-                readonly type: string;
-            }[] | undefined;
-            readonly secondaryCallbackOptions?: readonly {
-                readonly type: string;
-            }[] | undefined;
-            readonly menuEntry?: boolean | undefined;
-            readonly acceptInput?: boolean | undefined;
-            /**
-             * Whether the Secondary Button is disabled as well as long as the checkbox is not checked.
-             */
-            readonly requireInputForSecondary?: boolean | undefined;
-            /**
-             * Whether to display a checkbox allowing the user not to see the SplashScreen again. This parameter is relative to moduleId and configuration; the SplashScreen will be shown again in case of any change.
-             */
-            readonly enableDontShowAgain?: boolean | undefined;
-            readonly position?: {
-                readonly width?: string | undefined;
-                readonly height?: string | undefined;
-                readonly maxHeight?: string | undefined;
-                readonly maxWidth?: string | undefined;
-            } | undefined;
-        } | undefined;
-        /**
-         * - an option customScreen, will show a Custom Menu Point that opens a window with custom content.
-         */
-        readonly customScreen?: {
-            readonly title?: string | undefined;
-            readonly icon?: string | undefined;
-            readonly content?: string | undefined;
-            readonly name?: string | undefined;
-            readonly windowPosition?: {
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly left?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly top?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly right?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly bottom?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly width?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly height?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly maxHeight?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly maxWidth?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly minHeight?: string | number | undefined;
-                /**
-                 * Can be a css position string (e.g. '320px' or '50%') number values are treated as `px` values
-                 */
-                readonly minWidth?: string | number | undefined;
-            } | undefined;
-        } | undefined;
-        /**
-         * - the favicon to set
-         */
-        readonly favicon?: string | undefined;
-        /**
-         * - the title to display in the tab of the browser
-         */
-        readonly headerTitle?: string | undefined;
-        /**
-         * - an optional flag whether to show the Locator in the map.
-         */
-        readonly showLocator?: boolean | undefined;
-        /**
-         * - an optional flag to hide the Rotator in the map.
-         */
-        readonly hideRotationButton?: boolean | undefined;
-        /**
-         * - an optional flag that describes the time per rotation in seconds.
-         */
-        readonly timePerRotation?: number | undefined;
-        /**
-         * - can be used to hide the default Header of the map
-         */
-        readonly hideHeader?: boolean | undefined;
-        /**
-         * - can be used to hide the integrated Search bar
-         */
-        readonly hideSearch?: boolean | undefined;
-        /**
-         * - can be used to set the pitch angle of the viewpoint of features zoomed to from Search, in degrees. Defaults to -35 degrees.
-         */
-        readonly searchViewpointPitch?: number | undefined;
-        /**
-         * - can be used to hide the sharee button
-         */
-        readonly hideShareButton?: boolean | undefined;
-        /**
-         * - can be used to hide the menu button
-         */
-        readonly hideMenuButton?: boolean | undefined;
-        /**
-         * - can be used to hide the default Map Buttons
-         */
-        readonly hideMapButtons?: boolean | undefined;
-        /**
-         * - can be used to hide the toolbox
-         */
-        readonly hideToolbox?: boolean | undefined;
-        /**
-         * - can be used to hide the navigation
-         */
-        readonly hideMapNavigation?: boolean | undefined;
-        /**
-         * - can be used to hide the footer
-         */
-        readonly hideFooter?: boolean | undefined;
-        /**
-         * - can be used to hide the myWorkspace button
-         */
-        readonly hideMyWorkspace?: boolean | undefined;
-        /**
-         * - can be used to hide the contentTree
-         */
-        readonly hideContentTree?: boolean | undefined;
-        /**
-         * - can be used to hide the rendering order action in the contentTree, which allows for temporary changes of rendering order
-         */
-        readonly hideContentTreeRenderingOrder?: boolean | undefined;
-        /**
-         * - can be used to hide the legend
-         */
-        readonly hideLegend?: boolean | undefined;
-        /**
-         * - can be used to hide the settings Window
-         */
-        readonly hideSettings?: boolean | undefined;
-        /**
-         * - can be used to hide the oblique name in the footer
-         */
-        readonly hideObliqueFooter?: boolean | undefined;
-        /**
-         * - can be used to hide the panorama name in the footer
-         */
-        readonly hidePanoramaFooter?: boolean | undefined;
-        /**
-         * - can be used to activate the overviewMap on startup
-         */
-        readonly overviewMapActiveOnStartup?: boolean | undefined;
-        /**
-         * - can be used to activate a contentTree on startup
-         */
-        readonly contentTreeActiveOnStartup?: boolean | undefined;
-        /**
-         * - the display quality settings
-         */
-        readonly displayQuality?: {
-            readonly startingQualityLevel?: import("@vcmap/core").DisplayQualityLevel | undefined;
-            readonly startingMobileQualityLevel?: import("@vcmap/core").DisplayQualityLevel | undefined;
-            readonly low?: {
-                readonly sse?: number | undefined;
-                readonly fxaa?: boolean | undefined;
-                readonly fogEnabled?: boolean | undefined;
-                readonly fogDensity?: number | undefined;
-                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;
-                readonly fxaa?: boolean | undefined;
-                readonly fogEnabled?: boolean | undefined;
-                readonly fogDensity?: number | undefined;
-                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;
-                readonly fxaa?: boolean | undefined;
-                readonly fogEnabled?: boolean | undefined;
-                readonly fogDensity?: number | undefined;
-                readonly fogScreenSpaceErrorFactor?: number | undefined;
-                readonly resolutionScale?: number | undefined;
-                readonly layerSSEFactor?: number | undefined;
-                readonly msaa?: 1 | 2 | 4 | 8 | undefined;
-            } | undefined;
-        } | undefined;
-        /**
-         * - Vuetify Theming, also see vuetify configuraton https://vuetifyjs.com/en/features/theme/
-         */
-        readonly vuetifyTheme?: any;
-        /**
-         * - open the legend window, if new layer has a config
-         */
-        readonly openLegendOnAdd?: boolean | undefined;
-        /**
-         * - automatically close the legend window, if no layer has a config
-         */
-        readonly autoCloseLegend?: boolean | undefined;
-        /**
-         * - can be used to apply a scale factor to the overviewMap
-         */
-        readonly overviewMapScaleFactor?: number | undefined;
-    };
+    get config(): import("vue").DeepReadonly<import("vue").UnwrapNestedRefs<Record<string, any> & UiConfigObject>>;
     /**
      * @type {import("vue").Ref<boolean>}
      */