diff --git a/api/web/src/components/Admin/AdminOverlaysEdit.vue b/api/web/src/components/Admin/AdminOverlaysEdit.vue
index 09f51376a..3abd12625 100644
--- a/api/web/src/components/Admin/AdminOverlaysEdit.vue
+++ b/api/web/src/components/Admin/AdminOverlaysEdit.vue
@@ -10,7 +10,10 @@
class='px-2'
>
-
+
diff --git a/api/web/src/components/CloudTAK/Menu/OverlayExplorer.vue b/api/web/src/components/CloudTAK/Menu/OverlayExplorer.vue
index 6aa12e9c1..5a1e00685 100644
--- a/api/web/src/components/CloudTAK/Menu/OverlayExplorer.vue
+++ b/api/web/src/components/CloudTAK/Menu/OverlayExplorer.vue
@@ -25,8 +25,8 @@
-
+
-
+
@@ -47,9 +55,6 @@ import {
export default defineComponent({
name: 'CoTVideo',
- emits: [
- 'close'
- ],
components: {
TablerNone,
TablerAlert,
@@ -61,6 +66,9 @@ export default defineComponent({
required: true
}
},
+ emits: [
+ 'close'
+ ],
data: function(): {
loading: boolean,
err?: Error,
diff --git a/api/web/src/stores/overlays/base.ts b/api/web/src/stores/overlays/base.ts
index d7b747ebb..20326e38e 100644
--- a/api/web/src/stores/overlays/base.ts
+++ b/api/web/src/stores/overlays/base.ts
@@ -35,7 +35,7 @@ export default class Overlay {
mode: string;
mode_id: string | null;
url?: string;
- styles: Array;
+ styles: Array;
token: string | null;
static async create(
@@ -53,8 +53,9 @@ export default class Overlay {
if (ov.styles && ov.styles.length) {
for (const layer of ov.styles) {
- const l = layer as any;
+ const l = layer as LayerSpecification;
l.id = `${ov.id}-${l.id}`;
+ // @ts-expect-error Special case Background Layer type
l.source = String(ov.id);
}
}
@@ -127,7 +128,7 @@ export default class Overlay {
this.mode = overlay.mode;
this.mode_id = overlay.mode_id;
this.url = overlay.url;
- this.styles = overlay.styles;
+ this.styles = overlay.styles as Array;
this.token = overlay.token;
this.init(opts);