Small fixes

Logic/Leaflet/Basemap.ts

@@ -35,6 +35,7 @@ export class BaseLayers {
             name: "Luchtfoto Vlaanderen (2013-2015, door AIV)",
             layer: L.tileLayer.wms('https://geoservices.informatievlaanderen.be/raadpleegdiensten/OGW/wms?s',
                 {
+                    maxZoom: 22,
                     layers: "OGWRGB13_15VL",
                     attribution: "Luchtfoto's van © AIV Vlaanderen (2013-2015) | "
                 })
@@ -45,7 +46,7 @@ export class BaseLayers {
             layer: L.tileLayer("https://tile.informatievlaanderen.be/ws/raadpleegdiensten/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=grb_bsk&STYLE=&FORMAT=image/png&tileMatrixSet=GoogleMapsVL&tileMatrix={z}&tileCol={x}&tileRow={y}",
                 {
                     attribution: 'Achtergrond <i>Grootschalig ReferentieBestand</i>(GRB) © AGIV',
-                    maxZoom: 20,
+                    maxZoom: 22,
                     minZoom: 1,
                     wmts: true
                 })

UI/Input/AndOrTagInput.ts

@@ -6,7 +6,6 @@ import {SubtleButton} from "../Base/SubtleButton";
 import {CheckBox} from "./CheckBox";
 import {AndOrTagConfigJson} from "../../Customizations/JSON/TagConfigJson";
 import {MultiTagInput} from "./MultiTagInput";
-import {FormatNumberOptions} from "libphonenumber-js";
 
 class AndOrConfig implements AndOrTagConfigJson {
     public and: (string | AndOrTagConfigJson)[] = undefined;

UI/Input/TextField.ts

@@ -111,7 +111,7 @@ export class TextField<T> extends InputElement<T> {
     private readonly startValidated: boolean;
     public readonly IsSelected: UIEventSource<boolean> = new UIEventSource<boolean>(false);
     private readonly _isArea: boolean;
-    private _textAreaRows: number;
+    private readonly _textAreaRows: number;
 
     constructor(options: {
         /**
@@ -133,12 +133,14 @@ export class TextField<T> extends InputElement<T> {
         value?: UIEventSource<T>,
         startValidated?: boolean,
         textArea?: boolean,
-        textAreaRows?: number
+        textAreaRows?: number,
     }) {
         super(undefined);
         const self = this;
         this.value = new UIEventSource<string>("");
+        
         this._isArea = options.textArea ?? false;
+        this.startValidated = options.startValidated ?? false;
         this.mappedValue = options?.value ?? new UIEventSource<T>(undefined);
         this.mappedValue.addCallback(() => self.InnerUpdate());
 
@@ -166,8 +168,7 @@ export class TextField<T> extends InputElement<T> {
             // @ts-ignore
             field.value = options.toString(t);
         });
-        this.startValidated = options.startValidated ?? false;
+     }
-    }
 
     GetValue(): UIEventSource<T> {
         return this.mappedValue;

UI/TagRendering.ts

@@ -133,13 +133,14 @@ export class TagRendering extends UIElement implements TagDependantUIElement {
         this._appliedTags = new VariableUiElement(
             self._questionElement.GetValue().map(
                 (tags: TagsFilter) => {
-                    if (tags === undefined) {
-                        return Translations.t.general.noTagsSelected.SetClass("subtle").Render();
-                    }
                     const csCount = State.state?.osmConnection?.userDetails?.data?.csCount ?? 1000;
                     if (csCount < State.userJourney.tagsVisibleAt) {
                         return "";
                     }
+                    
+                    if (tags === undefined) {
+                        return Translations.t.general.noTagsSelected.SetClass("subtle").Render();
+                    }
                     if (csCount < State.userJourney.tagsVisibleAndWikiLinked) {
                         const tagsStr = tags.asHumanString(false, true);
                         return new FixedUiElement(tagsStr).SetClass("subtle").Render();
@@ -360,12 +361,11 @@ export class TagRendering extends UIElement implements TagDependantUIElement {
             }
             return undefined;
         }
-
+        
-
         return new TextField({
             placeholder: this._freeform.placeholder,
             fromString: pickString,
-            toString: toString
+            toString: toString,
         });
     }
 

test.html

@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html>
-
 <head>
     <title>Small tests</title>
     <link href="index.css" rel="stylesheet"/>