@mapsight/traffic-style 5.0.6 → 5.1.0

package/scripts/traffic-composable-icons.js

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { parseArgs } from "node:util";
+import { COMPOSABLE_VARIANTS, buildComposableIcons, } from "./lib/composable-icons.js";
+import { parsePictogramPacks } from "./lib/pictogram-packs.js";
+/** Published package: `dist/meta.json`. Package development: `src/meta.json`. */
+function resolveDefaultMetaPath() {
+    const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+    const distMeta = path.join(packageRoot, "meta.json");
+    return existsSync(distMeta)
+        ? distMeta
+        : path.join(packageRoot, "src/meta.json");
+}
+export async function main(argv = process.argv.slice(2)) {
+    const { values: options } = parseArgs({
+        args: argv,
+        options: {
+            "meta-path": { type: "string", short: "m" },
+            dest: { type: "string", short: "d" },
+            scale: { type: "string", short: "s" },
+            variants: { type: "string", short: "v" },
+            icons: { type: "string", short: "i" },
+            groups: { type: "string", short: "g" },
+            pack: { type: "string", short: "p" },
+            background: { type: "string", short: "b" },
+            foreground: { type: "string", short: "f" },
+            "mapsight-icon-id": { type: "string" },
+            format: { type: "string" },
+            svg: { type: "boolean" },
+            help: { type: "boolean", short: "h" },
+        },
+    });
+    if (options.help) {
+        printHelp();
+        return 0;
+    }
+    const dest = options.dest;
+    if (!dest) {
+        throw new Error("Missing required option: --dest");
+    }
+    const variants = options.variants
+        ?.split(",")
+        .map((value) => value.trim())
+        .filter(Boolean);
+    const iconIds = options.icons
+        ?.split(",")
+        .map((value) => value.trim())
+        .filter(Boolean);
+    const groups = options.groups
+        ?.split(",")
+        .map((value) => value.trim())
+        .filter(Boolean);
+    const packs = parsePictogramPacks(options.pack);
+    const colors = options.background || options.foreground
+        ? {
+            background: options.background,
+            foreground: options.foreground,
+        }
+        : undefined;
+    const metaPath = options["meta-path"] ?? resolveDefaultMetaPath();
+    if (!options["mapsight-icon-id"] && !options["meta-path"]) {
+        console.warn(`Using default meta path: ${metaPath}`);
+    }
+    const format = options.format ?? (options.svg ? "both" : "png");
+    const count = await buildComposableIcons({
+        metaPath: options["mapsight-icon-id"] ? undefined : metaPath,
+        dest: path.resolve(dest),
+        scale: options.scale ? Number.parseInt(options.scale, 10) : 1,
+        variants,
+        iconIds,
+        groups,
+        packs,
+        colors,
+        mapsightIconId: options["mapsight-icon-id"],
+        format: format,
+    });
+    console.log(`Built ${count} composable icon asset(s) in ${path.resolve(dest)}`);
+    return count;
+}
+function printHelp() {
+    console.log(`Usage: traffic-composable-icons --dest <dir> [options]
+
+Build composable icon PNGs (and optionally SVG) from src/meta.json or a custom
+mapsightIconId with explicit colors.
+
+Options:
+  -d, --dest <dir>           Output directory (required)
+  -m, --meta-path <file>     Source meta.json (default: package meta.json)
+  -s, --scale <n>            Pixel scale (1 or 2, default: 1)
+  -v, --variants <list>      Comma-separated variants (default: ${COMPOSABLE_VARIANTS.join(",")})
+  -i, --icons <list>         Limit to comma-separated icon ids from meta
+  -g, --groups <list>        Limit to icons in comma-separated meta groups
+  -p, --pack <list>          Pictogram packs: traffic-style, fontawesome
+                             (default: traffic-style)
+  -b, --background <color>   Override background color (#rrggbb)
+  -f, --foreground <color>   Override foreground color (#rrggbb)
+      --mapsight-icon-id <id> Build one compact id, e.g. museum/#be123c/#ffffff
+      --format <png|svg|both>  Output format (default: png; --svg is alias for both)
+  -h, --help                 Show this help
+
+Examples:
+  traffic-composable-icons --dest ./dist/img/mapsight-icons
+  traffic-composable-icons --dest ./out --mapsight-icon-id "museum/#be123c" --variants default,plain
+  traffic-composable-icons --dest ./out --icons museum,apotheke --background "#035799"
+  traffic-composable-icons --dest ./out --pack fontawesome --variants default,plain
+  traffic-composable-icons --dest ./out --pack traffic-style,fontawesome --groups poi
+`);
+}
+const isMain = process.argv[1] &&
+    path.resolve(process.argv[1]) ===
+        path.resolve(fileURLToPath(import.meta.url));
+if (isMain) {
+    main().catch((error) => {
+        console.error(error);
+        process.exitCode = 1;
+    });
+}
+//# sourceMappingURL=traffic-composable-icons.js.map

package/scripts/traffic-composable-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traffic-composable-icons.js","sourceRoot":"","sources":["../../scripts/traffic-composable-icons.ts"],"names":[],"mappings":"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"}

package/scripts/traffic-icon-sprite.js

@@ -8,15 +8,20 @@ import sharp from "sharp";
 import { DistMetaDataSchema, } from "./lib/meta.js";
 const calcGlobs = (groups, metaData, variants, fileType) => {
     const globs = [];
-    metaData.icons.forEach((iconMeta) => groups.forEach((group) => {
-        if (iconMeta.groups && iconMeta.groups.includes(group)) {
-            variants
-                .map((variant) => `**/${iconMeta.id}-${variant}.${fileType}`)
-                .forEach((glob) => {
-                globs.push(glob);
-            });
+    metaData.icons.forEach((iconMeta) => {
+        if (iconMeta.render === "composable") {
+            return;
         }
-    }));
+        groups.forEach((group) => {
+            if (iconMeta.groups && iconMeta.groups.includes(group)) {
+                variants
+                    .map((variant) => `**/${iconMeta.id}-${variant}.${fileType}`)
+                    .forEach((glob) => {
+                    globs.push(glob);
+                });
+            }
+        });
+    });
     return globs;
 };
 async function buildIcons(opts) {
@@ -150,10 +155,8 @@ async function buildIcons(opts) {
     });
     const composites = items.map((item) => ({
         input: item.meta.buffer,
-        left: item.x,
-        top: item.y,
-        width: item.width,
-        height: item.height,
+        left: item.x + marginNum,
+        top: item.y + marginNum,
     }));
     await spriteSharp.composite(composites).png({ effort: 10 }).toFile(pngFile);
     console.log(`Generated PNG: ${pngFile} (${layoutWidth}x${layoutHeight})`);

package/scripts/traffic-icon-sprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"traffic-icon-sprite.js","sourceRoot":"","sources":["../../scripts/traffic-icon-sprite.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"traffic-icon-sprite.js","sourceRoot":"","sources":["../../scripts/traffic-icon-sprite.ts"],"names":[],"mappings":"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"}

package/src/scss/_icons-1x.scss

@@ -2,8 +2,10 @@
 
 $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: "/img/mapsight-traffic-style-icon-sprite-1x.png?v=2023-08-07-16-00" !default;
 $MAPSIGHT_TRAFFIC_STYLE__ICONS: sprite.$mapsight-traffic-style-icon-sprite-1x !default;
+$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING: 4 !default;
 
 @use "./variables" with (
 	$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH,
 	$MAPSIGHT_TRAFFIC_STYLE__ICONS: $MAPSIGHT_TRAFFIC_STYLE__ICONS,
+	$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING: $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING,
 );

package/src/scss/_icons-2x.scss

@@ -2,8 +2,10 @@
 
 $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: "/img/mapsight-traffic-style-icon-sprite-2x.png?v=2023-08-07-16-00" !default;
 $MAPSIGHT_TRAFFIC_STYLE__ICONS: sprite.$mapsight-traffic-style-icon-sprite-2x !default;
+$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING: 4 !default;
 
 @use "./variables" with (
 	$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH,
 	$MAPSIGHT_TRAFFIC_STYLE__ICONS: $MAPSIGHT_TRAFFIC_STYLE__ICONS,
+	$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING: $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING,
 );

package/src/scss/_variables.scss

@@ -1,3 +1,6 @@
+$MAPSIGHT_TRAFFIC_STYLE__FEATURES_BASE_ZOOM_SMALL: 11 !default;
+$MAPSIGHT_TRAFFIC_STYLE__FEATURES_BASE_ZOOM_DEFAULT: 13 !default;
+
 $MAPSIGHT_TRAFFIC_STYLE__FILL_COLOR: rgba(255, 0, 0, 0.46) !default;
 $MAPSIGHT_TRAFFIC_STYLE__STROKE_COLOR: rgba(224, 109, 208, 0.9) !default;
 
@@ -10,7 +13,10 @@ $MAPSIGHT_TRAFFIC_STYLE__BASE_Z_INDEX: 100 !default;
 $MAPSIGHT_TRAFFIC_STYLE__IMG_BASE_SCALE: 0.5 !default;
 
 $MAPSIGHT_TRAFFIC_STYLE__IMAGE_PATH: "img/" !default;
+/// Sprite filename relative to style env `imagesUrl` (not a full URL).
+$MAPSIGHT_TRAFFIC_STYLE__SPRITE_FILE: "sprite.png" !default;
 $MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: $MAPSIGHT_TRAFFIC_STYLE__IMAGE_PATH + "sprite.png" !default;
+$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING: 0 !default;
 $MAPSIGHT_TRAFFIC_STYLE__ICONS: (
 	"ort": (
 		x: 0,
@@ -45,3 +51,11 @@ $MAPSIGHT_TRAFFIC_STYLE__ICON_FALLBACK_MAP: (
 ) !default;
 
 $MAPSIGHT_TRAFFIC_STYLE__ICON_ENABLE_FORCE_BY_ENV: true !default;
+
+$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_SCALE: 0.5 !default;
+$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_PIXEL_RATIO: 2 !default;
+$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_SIZES: (
+	"default": 40px,
+	"small": 28px,
+	"xsmall": 22px,
+) !default;

package/src/scss/default.scss

@@ -1,10 +1,5 @@
 // This file is only used to supply pre-compiled style in default.js
 // do NOT import this anywhere
-@use "../../dist/mapsight-traffic-style-icon-sprite-2x" as icons;
-
-@use "./variables" with (
-	$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH: "img/mapsight-traffic-style-icon-sprite-2x.png?v=2023-08-07-16-00",
-	$MAPSIGHT_TRAFFIC_STYLE__ICONS: icons.$mapsight-traffic-style-icon-sprite-2x
-);
 
+@use "icons-2x";
 @use "./full";

package/src/scss/features/_base.scss

@@ -1,24 +1,33 @@
+@use "sass:string";
 @use "../variables";
 @use "../mixins/icon-base";
 @use "../mixins/icon";
 @use "../mixins/auto-icon";
+@use "../mixins/runtime-icon";
 
 #features {
 	stroke-width: 4;
 
 	// Icon
 	@include icon-base.iconBase;
+
+	@include auto-icon.autoIconDefault();
+	@include runtime-icon.runtimeIcon("default");
 	@include auto-icon.autoIcon("default");
 
-	[|js="env.zoom >= 1 && env.zoom <= 10"]
-		:not([state="highlight"])
-		:not([state="select"]) {
+	[|js="env.zoom < #{variables.$MAPSIGHT_TRAFFIC_STYLE__FEATURES_BASE_ZOOM_SMALL}"]
+	:not([state="highlight"])
+	:not([state="select"]) {
+		@include auto-icon.autoIconDefault("xsmall");
+		@include runtime-icon.runtimeIconSrc("xsmall");
 		@include auto-icon.autoIcon("xsmall");
 	}
 
-	[|js="env.zoom >= 11 && env.zoom <= 12"]
-		:not([state="highlight"])
-		:not([state="select"]) {
+	[|js="env.zoom >= #{variables.$MAPSIGHT_TRAFFIC_STYLE__FEATURES_BASE_ZOOM_SMALL} && env.zoom < #{variables.$MAPSIGHT_TRAFFIC_STYLE__FEATURES_BASE_ZOOM_DEFAULT}"]
+	:not([state="highlight"])
+	:not([state="select"]) {
+		@include auto-icon.autoIconDefault("small");
+		@include runtime-icon.runtimeIconSrc("small");
 		@include auto-icon.autoIcon("small");
 	}
 
@@ -129,8 +138,9 @@
 					icon: {
 						anchorX: -14px;
 						anchorY: 12px;
-						src: variables.$MAPSIGHT_TRAFFIC_STYLE__IMAGE_PATH +
-							"parking-dynamic/attr(occupancyTrendString).png";
+						src: string.unquote(
+							'calc(attr(--env-imagesUrl) + "parking-dynamic/" + attr(occupancyTrendString) + ".png")'
+						);
 					}
 
 					[state="highlight"],

package/src/scss/features/_cluster.scss

@@ -1,7 +1,4 @@
 @use "../variables";
-@use "../mixins/icon-base";
-@use "../mixins/icon";
-@use "../mixins/auto-icon";
 
 #features [cluster] {
 	.clusterLabel {

package/src/scss/features/_parking-dynamic.scss

@@ -1,3 +1,4 @@
+@use "sass:string";
 @use "../variables";
 
 #features [type="parking"] {
@@ -25,7 +26,9 @@
 				icon: {
 					anchorX: -14px;
 					anchorY: 12px;
-					src: variables.$MAPSIGHT_TRAFFIC_STYLE__IMAGE_PATH + "parking-dynamic/attr(occupancyTrendString).png";
+					src: string.unquote(
+						'calc(attr(--env-imagesUrl) + "parking-dynamic/" + attr(occupancyTrendString) + ".png")'
+					);
 				}
 
 				[state="highlight"],

package/src/scss/mixins/_auto-icon.scss

@@ -8,22 +8,35 @@
 
 @use "./get-icon-dimensions";
 
-@mixin autoIcon(
+@mixin spriteIconSrc {
+	icon-src: #{"calc(attr(--env-imagesUrl) + \"" +
+		variables.$MAPSIGHT_TRAFFIC_STYLE__SPRITE_FILE +
+		"\")"};
+}
+
+@mixin autoIconDefault(
 	$state: variables.$MAPSIGHT_TRAFFIC_STYLE__STATE_DEFAULT,
 	$iconDefault: variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_DEFAULT,
-	$iconFallbackMap: variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_FALLBACK_MAP,
 	$icons: variables.$MAPSIGHT_TRAFFIC_STYLE__ICONS
 ) {
-	$stateSuffix: "-" + $state;
-
 	// default fallback
-	$defaultName: $iconDefault + $stateSuffix;
-	$defaultDimensions: map.get($icons, $defaultName);
-	@if $defaultDimensions {
-		@include get-icon-dimensions.getIconDimension($defaultDimensions);
+	$id: $iconDefault + "-" + $state;
+	$dimensions: map.get($icons, $id);
+	@if $dimensions {
+		@include spriteIconSrc;
+		@include get-icon-dimensions.getIconDimension($dimensions);
 	} @else {
-		@debug "Default icon not found: " + $defaultName;
+		@debug "Default icon not found: " + $id;
 	}
+}
+
+@mixin autoIcon(
+	$state: variables.$MAPSIGHT_TRAFFIC_STYLE__STATE_DEFAULT,
+	$iconDefault: variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_DEFAULT,
+	$iconFallbackMap: variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_FALLBACK_MAP,
+	$icons: variables.$MAPSIGHT_TRAFFIC_STYLE__ICONS
+) {
+	$stateSuffix: "-" + $state;
 
 	// fallback icons
 	@each $fallbackId, $iconIds in $iconFallbackMap {
@@ -45,6 +58,7 @@
 			}
 
 			#{list-to-string.list-to-string($selectors, ", ")} {
+				@include spriteIconSrc;
 				@include get-icon-dimensions.getIconDimension($fallbackIcon);
 			}
 		} @else {
@@ -61,6 +75,7 @@
 
 			[mapsightIconId="#{$iconId}"],
 			[env|mapsightIconId="#{$iconId}"] {
+				@include spriteIconSrc;
 				@include get-icon-dimensions.getIconDimension($dimensions);
 			}
 		}
@@ -76,6 +91,7 @@
 					$iconId: str-replace.str-replace($iconName, $stateSuffix, "");
 
 					[env|mapsightIconId="#{$iconId}"] {
+						@include spriteIconSrc;
 						@include get-icon-dimensions.getIconDimension($dimensions);
 					}
 				}

package/src/scss/mixins/_env-image-src.scss

@@ -0,0 +1,10 @@
+/// Resolve icon paths from the style env `imagesUrl` (see MapController default style env).
+@mixin src($relativePath) {
+	icon-src: #{"calc(attr(--env-imagesUrl) + \"" + $relativePath + "\")"};
+}
+
+@mixin iconSrc($relativePath) {
+	icon: {
+		src: #{"calc(attr(--env-imagesUrl) + \"" + $relativePath + "\")"};
+	}
+}

package/src/scss/mixins/_get-icon-dimensions.scss

@@ -1,12 +1,15 @@
 @use "sass:map";
+@use "../variables";
+
 @mixin getIconDimension($dimensions) {
+	$padding: variables.$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PADDING;
 	$x: map.get($dimensions, x);
 	$y: map.get($dimensions, y);
 	$width: map.get($dimensions, width);
 	$height: map.get($dimensions, height);
 
-	icon-offsetX: $x;
-	icon-offsetY: $y;
-	icon-sizeX: $width;
-	icon-sizeY: $height;
+	icon-offsetX: $x + $padding;
+	icon-offsetY: $y + $padding;
+	icon-sizeX: $width - 2 * $padding;
+	icon-sizeY: $height - 2 * $padding;
 }

package/src/scss/mixins/_icon-base.scss

@@ -4,7 +4,9 @@
 	image-type: icon;
 	icon: {
 		scale: variables.$MAPSIGHT_TRAFFIC_STYLE__IMG_BASE_SCALE;
-		src: variables.$MAPSIGHT_TRAFFIC_STYLE__SPRITE_PATH;
+		src: #{"calc(attr(--env-imagesUrl) + \"" +
+			variables.$MAPSIGHT_TRAFFIC_STYLE__SPRITE_FILE +
+			"\")"};
 		snapToPixel: true;
 	}
 }

package/src/scss/mixins/_runtime-icon-dimensions.scss

@@ -0,0 +1,19 @@
+@use "sass:map";
+@use "../variables";
+
+/// Reset sprite-sheet offset/size so full-image runtime icons render correctly.
+@mixin runtimeIconDimensions(
+	$variant: variables.$MAPSIGHT_TRAFFIC_STYLE__STATE_DEFAULT,
+) {
+	$logical-size: map.get(
+		variables.$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_SIZES,
+		$variant
+	);
+	$pixel-size: $logical-size *
+		variables.$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_PIXEL_RATIO;
+
+	icon-offsetX: 0;
+	icon-offsetY: 0;
+	icon-sizeX: $pixel-size;
+	icon-sizeY: $pixel-size;
+}

package/src/scss/mixins/_runtime-icon.scss

@@ -0,0 +1,92 @@
+@use "../variables";
+@use "./runtime-icon-dimensions";
+
+@mixin runtimeIconSrc($state: variables.$MAPSIGHT_TRAFFIC_STYLE__STATE_DEFAULT) {
+	[env|mapsightIconId] {
+		icon-src: calc(
+			mapsightRuntimeIcon(
+				attr(--env-mapsightIconId),
+				"#{$state}"
+			)
+		);
+
+		@include runtime-icon-dimensions.runtimeIconDimensions($state);
+	}
+
+	[mapsightIconId] {
+		icon-src: calc(
+			mapsightRuntimeIcon(
+				attr(mapsightIconId),
+				"#{$state}"
+			)
+		);
+
+		@include runtime-icon-dimensions.runtimeIconDimensions($state);
+	}
+
+	@if variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_ENABLE_FORCE_BY_ENV {
+		[env|mapsightIconUse="force"] {
+			[env|mapsightIconId] {
+				icon-src: calc(
+					mapsightRuntimeIcon(
+						attr(--env-mapsightIconId),
+						"#{$state}"
+					)
+				);
+
+				@include runtime-icon-dimensions.runtimeIconDimensions($state);
+			}
+		}
+	}
+}
+
+@mixin runtimeIcon($state: variables.$MAPSIGHT_TRAFFIC_STYLE__STATE_DEFAULT) {
+	[env|mapsightIconId] {
+		image-type: icon;
+
+		icon: {
+			scale: variables.$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_SCALE;
+			src: calc(
+				mapsightRuntimeIcon(
+					attr(--env-mapsightIconId),
+					"#{$state}"
+				)
+			);
+			snapToPixel: true;
+		}
+
+		@include runtime-icon-dimensions.runtimeIconDimensions($state);
+	}
+
+	[mapsightIconId] {
+		image-type: icon;
+
+		icon: {
+			scale: variables.$MAPSIGHT_TRAFFIC_STYLE__RUNTIME_ICON_SCALE;
+			src: calc(
+				mapsightRuntimeIcon(
+					attr(mapsightIconId),
+					"#{$state}"
+				)
+			);
+			snapToPixel: true;
+		}
+
+		@include runtime-icon-dimensions.runtimeIconDimensions($state);
+	}
+
+	@if variables.$MAPSIGHT_TRAFFIC_STYLE__ICON_ENABLE_FORCE_BY_ENV {
+		[env|mapsightIconUse="force"] {
+			[env|mapsightIconId] {
+				icon-src: calc(
+					mapsightRuntimeIcon(
+						attr(--env-mapsightIconId),
+						"#{$state}"
+					)
+				);
+
+				@include runtime-icon-dimensions.runtimeIconDimensions($state);
+			}
+		}
+	}
+}

package/img/mapsight-icons/0-default.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><rect width="25" height="25" x="7.5" y="7.5" fill="#fff" stroke="#000" rx="4"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="14.995" y="26">0</tspan>
-		</text></g></svg>

package/img/mapsight-icons/0-plain.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"><g fill="none" fill-rule="evenodd"><rect width="24" height="24" x="5" y="5" fill="#fff" rx="3"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="11.995" y="23">0</tspan>
-		</text></g></svg>

package/img/mapsight-icons/0-small.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd"><path fill="#fff" stroke="#000" d="M14.001 5.518a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17z"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="11" font-weight="bold">
-			<tspan x="10.941" y="18">0</tspan>
-		</text></g></svg>

package/img/mapsight-icons/1-default.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><rect width="25" height="25" x="7.5" y="7.5" fill="#fff" stroke="#000" rx="4"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="14.995" y="26">1</tspan>
-		</text></g></svg>

package/img/mapsight-icons/1-plain.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"><g fill="none" fill-rule="evenodd"><rect width="24" height="24" x="5" y="5" fill="#fff" rx="3"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="11.995" y="23">1</tspan>
-		</text></g></svg>

package/img/mapsight-icons/1-small.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd"><path fill="#fff" stroke="#000" d="M14.001 5.518a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17z"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="11" font-weight="bold">
-			<tspan x="10.941" y="18">1</tspan>
-		</text></g></svg>

package/img/mapsight-icons/2-default.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><rect width="25" height="25" x="7.5" y="7.5" fill="#fff" stroke="#000" rx="4"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="14.995" y="26">2</tspan>
-		</text></g></svg>

package/img/mapsight-icons/2-plain.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"><g fill="none" fill-rule="evenodd"><rect width="24" height="24" x="5" y="5" fill="#fff" rx="3"/><text fill="#000" font-family="Arial-BoldMT, Arial" font-size="18" font-weight="bold">
-			<tspan x="11.995" y="23">2</tspan>
-		</text></g></svg>