@openc3/vue-common 6.6.0 → 6.8.0

package/dist/SettingsTab-CbWrf7U9.js

@@ -0,0 +1,1763 @@
+import { resolveComponent as n, createBlock as V, openBlock as C, withCtx as l, createVNode as t, createTextVNode as r, createElementBlock as B, Fragment as T, renderList as G, toDisplayString as y, createSlots as A, mergeProps as O, createCommentVNode as R, withDirectives as F, vShow as L } from "vue";
+import { _ as x } from "./CustomIcon-h5X7369N.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
+import { A as N } from "./TopBar-BoI8SRaF.js";
+import { S as h } from "./settings-UZsgbUSr.js";
+const Y = {
+  data() {
+    return {
+      suppressedWarnings: [],
+      selectedSuppressedWarnings: [],
+      selectAllSuppressedWarnings: !1
+    };
+  },
+  watch: {
+    selectAllSuppressedWarnings: function(o) {
+      o ? this.selectedSuppressedWarnings = this.suppressedWarnings.map(
+        (e) => e.key
+      ) : this.selectedSuppressedWarnings = [];
+    }
+  },
+  created() {
+    this.loadSuppressedWarnings();
+  },
+  methods: {
+    loadSuppressedWarnings: function() {
+      this.suppressedWarnings = Object.keys(localStorage).filter((o) => o.startsWith("suppresswarning__")).map(this.localStorageKeyToDisplayObject), this.selectedSuppressedWarnings = [];
+    },
+    localStorageKeyToDisplayObject: function(o) {
+      const e = o.split("__")[1].replaceAll("_", " ");
+      return {
+        key: o,
+        text: e.charAt(0).toUpperCase() + e.slice(1),
+        value: localStorage[o]
+      };
+    },
+    resetSuppressedWarnings: function() {
+      this.deleteLocalStorageKeys(this.selectedSuppressedWarnings), this.loadSuppressedWarnings();
+    },
+    deleteLocalStorageKeys: function(o) {
+      for (const e of o)
+        delete localStorage[e];
+    }
+  }
+};
+function I(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-checkbox"), c = n("v-card-text"), m = n("v-btn"), p = n("v-card-actions"), _ = n("v-card");
+  return C(), V(_, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[2] || (e[2] = [
+          r("Reset suppressed warnings", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[3] || (e[3] = [
+          r(` This resets "don't show this again" dialogs on this browser `, -1)
+        ])]),
+        _: 1
+      }),
+      t(c, null, {
+        default: l(() => [
+          s.suppressedWarnings.length ? (C(), B(T, { key: 0 }, [
+            t(d, {
+              modelValue: s.selectAllSuppressedWarnings,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => s.selectAllSuppressedWarnings = a),
+              label: "Select All Warnings",
+              density: "compact"
+            }, null, 8, ["modelValue"]),
+            (C(!0), B(T, null, G(s.suppressedWarnings, (a) => (C(), V(d, {
+              key: a.key,
+              modelValue: s.selectedSuppressedWarnings,
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => s.selectedSuppressedWarnings = i),
+              label: a.text,
+              value: a.key,
+              density: "compact",
+              "hide-details": ""
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (C(), B(T, { key: 1 }, [
+            r(" No warnings to reset ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      t(p, { class: "px-2" }, {
+        default: l(() => [
+          t(m, {
+            disabled: !s.selectedSuppressedWarnings.length,
+            onClick: v.resetSuppressedWarnings,
+            color: "warning",
+            variant: "text",
+            "data-test": "reset-suppressed-warnings"
+          }, {
+            default: l(() => [...e[4] || (e[4] = [
+              r(" Reset ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Q = /* @__PURE__ */ x(Y, [["render", I]]), X = {
+  data() {
+    return {
+      lastConfigs: [],
+      selectedLastConfigs: [],
+      selectAllLastConfigs: !1
+    };
+  },
+  watch: {
+    selectAllLastConfigs: function(o) {
+      o ? this.selectedLastConfigs = this.lastConfigs.map((e) => e.key) : this.selectedLastConfigs = [];
+    }
+  },
+  created() {
+    this.loadLastConfigs();
+  },
+  methods: {
+    loadLastConfigs: function() {
+      this.lastConfigs = Object.keys(localStorage).filter((o) => o.endsWith("__default")).map((o) => {
+        const e = o.split("__")[0].replaceAll("_", " ");
+        return {
+          key: o,
+          text: e.charAt(0).toUpperCase() + e.slice(1)
+        };
+      }), this.selectedLastConfigs = [];
+    },
+    clearLastConfigs: function() {
+      this.deleteLocalStorageKeys(this.selectedLastConfigs), this.loadLastConfigs();
+    },
+    deleteLocalStorageKeys: function(o) {
+      for (const e of o)
+        delete localStorage[e];
+    }
+  }
+};
+function $(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-checkbox"), c = n("v-card-text"), m = n("v-btn"), p = n("v-card-actions"), _ = n("v-card");
+  return C(), V(_, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[2] || (e[2] = [
+          r(" Clear default configs ", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[3] || (e[3] = [
+          r(" This clears the default tool configs on this browser ", -1)
+        ])]),
+        _: 1
+      }),
+      t(c, null, {
+        default: l(() => [
+          s.lastConfigs.length ? (C(), B(T, { key: 0 }, [
+            t(d, {
+              modelValue: s.selectAllLastConfigs,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => s.selectAllLastConfigs = a),
+              label: "Select All Configs",
+              density: "compact"
+            }, null, 8, ["modelValue"]),
+            (C(!0), B(T, null, G(s.lastConfigs, (a) => (C(), V(d, {
+              key: a.key,
+              modelValue: s.selectedLastConfigs,
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => s.selectedLastConfigs = i),
+              label: a.text,
+              value: a.key,
+              "hide-details": "",
+              density: "compact"
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (C(), B(T, { key: 1 }, [
+            r(" No configs to clear ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      t(p, { class: "px-2" }, {
+        default: l(() => [
+          t(m, {
+            disabled: !s.selectedLastConfigs.length,
+            onClick: v.clearLastConfigs,
+            color: "warning",
+            variant: "text",
+            "data-test": "clear-default-configs"
+          }, {
+            default: l(() => [...e[4] || (e[4] = [
+              r(" Clear ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ee = /* @__PURE__ */ x(X, [["render", $]]), te = {
+  data() {
+    return {
+      vimMode: N.isVimModeEnabled()
+    };
+  },
+  methods: {
+    save: function() {
+      N.setVimMode(this.vimMode);
+    }
+  }
+};
+function oe(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-switch"), c = n("v-card-text"), m = n("v-btn"), p = n("v-card-actions"), _ = n("v-card");
+  return C(), V(_, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[1] || (e[1] = [
+          r(" Code Editor Settings ", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[2] || (e[2] = [
+          r(" Settings for the code editors built into COSMOS (e.g. in Script Runner) ", -1)
+        ])]),
+        _: 1
+      }),
+      t(c, { class: "pb-0" }, {
+        default: l(() => [
+          t(d, {
+            label: "Vim mode",
+            modelValue: s.vimMode,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => s.vimMode = a),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(p, null, {
+        default: l(() => [
+          t(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-editor-settings"
+          }, {
+            default: l(() => [...e[3] || (e[3] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const le = /* @__PURE__ */ x(te, [["render", oe]]), q = "astro", ne = {
+  mixins: [h],
+  data() {
+    return {
+      hideClock: !1
+    };
+  },
+  created() {
+    this.loadSetting(q);
+  },
+  methods: {
+    save() {
+      this.saveSetting(
+        q,
+        // Hashify the setting to allow for future settings
+        // Update AppNav when adding new settings
+        JSON.stringify({ hideClock: this.hideClock })
+      );
+    },
+    parseSetting: function(o) {
+      if (o) {
+        let e = JSON.parse(o);
+        this.hideClock = e.hideClock;
+      }
+    }
+  }
+};
+function se(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-alert"), d = n("v-switch"), c = n("v-card-text"), m = n("v-btn"), p = n("v-card-actions"), _ = n("v-card");
+  return C(), V(_, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r("Astro Settings", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => o.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => o.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => o.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(c, { class: "pb-0" }, {
+        default: l(() => [
+          t(d, {
+            label: "Hide Astro Clock",
+            modelValue: s.hideClock,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => s.hideClock = a),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(p, null, {
+        default: l(() => [
+          t(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-astro-settings"
+          }, {
+            default: l(() => [...e[6] || (e[6] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const re = /* @__PURE__ */ x(ne, [["render", se]]), M = "classification_banner", ae = {
+  mixins: [h],
+  data() {
+    return {
+      text: "",
+      displayTopBanner: !1,
+      displayBottomBanner: !1,
+      topHeight: 0,
+      bottomHeight: 0,
+      selectedBackgroundColor: "red",
+      customBackgroundColor: "",
+      selectedFontColor: "white",
+      customFontColor: "",
+      customColorHint: "Enter a 3 or 6-digit hex color code",
+      colors: [
+        {
+          text: "Yellow",
+          value: "yellow"
+        },
+        {
+          text: "Orange",
+          value: "orange"
+        },
+        {
+          text: "Red",
+          value: "red"
+        },
+        {
+          text: "Purple",
+          value: "purple"
+        },
+        {
+          text: "Blue",
+          value: "blue"
+        },
+        {
+          text: "Green",
+          value: "green"
+        },
+        {
+          text: "Black",
+          value: "black"
+        },
+        {
+          text: "White",
+          value: "white"
+        },
+        {
+          text: "Custom",
+          value: !1
+        }
+      ],
+      rules: {
+        customColor: (o) => /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(o) || this.customColorHint
+      }
+    };
+  },
+  computed: {
+    saveObj: function() {
+      return JSON.stringify({
+        text: this.text,
+        fontColor: this.selectedFontColor || this.customFontColor,
+        backgroundColor: this.selectedBackgroundColor || this.customBackgroundColor,
+        topHeight: this.displayTopBanner ? this.topHeight : 0,
+        bottomHeight: this.displayBottomBanner ? this.bottomHeight : 0
+      });
+    },
+    formValid: function() {
+      return (this.selectedFontColor || this.rules.customColor(this.customFontColor) === !0) && (this.selectedBackgroundColor || this.rules.customColor(this.customBackgroundColor) === !0);
+    }
+  },
+  watch: {
+    displayTopBanner: function(o) {
+      o ? this.topHeight = 20 : this.topHeight = 0;
+    },
+    displayBottomBanner: function(o) {
+      o ? this.bottomHeight = 20 : this.bottomHeight = 0;
+    },
+    customFontColor: function(o) {
+      o && o.length && !o.startsWith("#") && (this.customFontColor = `#${o}`);
+    },
+    customBackgroundColor: function(o) {
+      o && o.length && !o.startsWith("#") && (this.customBackgroundColor = `#${o}`);
+    }
+  },
+  created() {
+    this.loadSetting(M);
+  },
+  methods: {
+    save() {
+      this.saveSetting(M, this.saveObj);
+    },
+    parseSetting: function(o) {
+      if (o) {
+        const e = JSON.parse(o);
+        this.text = e.text, this.topHeight = e.topHeight, this.bottomHeight = e.bottomHeight, this.displayTopBanner = e.topHeight !== 0, this.displayBottomBanner = e.bottomHeight !== 0, e.backgroundColor && e.backgroundColor.startsWith("#") ? (this.customBackgroundColor = e.backgroundColor, this.selectedBackgroundColor = !1) : this.selectedBackgroundColor = e.backgroundColor, e.fontColor && e.fontColor.startsWith("#") ? (this.customFontColor = e.fontColor, this.selectedFontColor = !1) : this.selectedFontColor = e.fontColor;
+      }
+    }
+  }
+};
+function ie(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-alert"), d = n("v-text-field"), c = n("v-col"), m = n("v-row"), p = n("v-icon"), _ = n("v-list-item"), a = n("v-select"), i = n("v-switch"), w = n("v-card-text"), W = n("v-btn"), E = n("v-card-actions"), H = n("v-card");
+  return C(), V(H, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[12] || (e[12] = [
+          r("Classification Banner Settings", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (g) => o.errorLoading = g),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (g) => o.errorSaving = g),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (g) => o.successSaving = g),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[13] || (e[13] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(w, { class: "pb-0" }, {
+        default: l(() => [
+          t(m, { dense: "" }, {
+            default: l(() => [
+              t(c, null, {
+                default: l(() => [
+                  t(d, {
+                    label: "Text",
+                    modelValue: s.text,
+                    "onUpdate:modelValue": e[3] || (e[3] = (g) => s.text = g),
+                    "data-test": "classification-banner-text"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          t(m, { dense: "" }, {
+            default: l(() => [
+              t(c, null, {
+                default: l(() => [
+                  t(a, {
+                    label: "Background color",
+                    items: s.colors,
+                    "item-title": "text",
+                    modelValue: s.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[4] || (e[4] = (g) => s.selectedBackgroundColor = g),
+                    "data-test": "classification-banner-background-color"
+                  }, A({
+                    item: l(({ props: g, item: f }) => [
+                      t(_, O(g, {
+                        value: f.text
+                      }), {
+                        prepend: l(() => [
+                          f.value ? (C(), V(p, {
+                            key: 0,
+                            color: f.value
+                          }, {
+                            default: l(() => [...e[15] || (e[15] = [
+                              r(" mdi-square ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    s.selectedBackgroundColor ? {
+                      name: "prepend-inner",
+                      fn: l(() => [
+                        t(p, { color: s.selectedBackgroundColor }, {
+                          default: l(() => [...e[14] || (e[14] = [
+                            r(" mdi-square ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["color"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(d, {
+                    label: "Custom background color",
+                    hint: s.customColorHint,
+                    disabled: s.selectedBackgroundColor !== !1,
+                    modelValue: s.customBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (g) => s.customBackgroundColor = g),
+                    rules: [s.rules.customColor],
+                    "data-test": "classification-banner-custom-background-color"
+                  }, {
+                    "prepend-inner": l(() => [
+                      F(t(p, { color: s.customBackgroundColor }, {
+                        default: l(() => [...e[16] || (e[16] = [
+                          r(" mdi-square ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [L, !s.selectedBackgroundColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(a, {
+                    label: "Font color",
+                    items: s.colors,
+                    "item-title": "text",
+                    modelValue: s.selectedFontColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (g) => s.selectedFontColor = g),
+                    "data-test": "classification-banner-font-color"
+                  }, A({
+                    item: l(({ props: g, item: f }) => [
+                      t(_, O(g, {
+                        value: f.text
+                      }), {
+                        prepend: l(() => [
+                          f.value ? (C(), V(p, {
+                            key: 0,
+                            color: f.value
+                          }, {
+                            default: l(() => [...e[18] || (e[18] = [
+                              r(" mdi-square ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    s.selectedFontColor ? {
+                      name: "prepend-inner",
+                      fn: l(() => [
+                        F(t(p, { color: s.selectedFontColor }, {
+                          default: l(() => [...e[17] || (e[17] = [
+                            r(" mdi-square ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["color"]), [
+                          [L, s.selectedFontColor]
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(d, {
+                    label: "Custom font color",
+                    hint: s.customColorHint,
+                    disabled: s.selectedFontColor !== !1,
+                    modelValue: s.customFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (g) => s.customFontColor = g),
+                    rules: [s.rules.customColor],
+                    "data-test": "classification-banner-custom-font-color"
+                  }, {
+                    "prepend-inner": l(() => [
+                      F(t(p, { color: s.customFontColor }, {
+                        default: l(() => [...e[19] || (e[19] = [
+                          r(" mdi-square ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [L, !s.selectedFontColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          t(m, { dense: "" }, {
+            default: l(() => [
+              t(c, null, {
+                default: l(() => [
+                  t(i, {
+                    label: "Display top banner",
+                    modelValue: s.displayTopBanner,
+                    "onUpdate:modelValue": e[8] || (e[8] = (g) => s.displayTopBanner = g),
+                    color: "primary",
+                    "data-test": "display-top-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(d, {
+                    label: "Top height",
+                    disabled: !s.displayTopBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: s.topHeight,
+                    "onUpdate:modelValue": e[9] || (e[9] = (g) => s.topHeight = g),
+                    "data-test": "classification-banner-top-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(i, {
+                    label: "Display bottom banner",
+                    modelValue: s.displayBottomBanner,
+                    "onUpdate:modelValue": e[10] || (e[10] = (g) => s.displayBottomBanner = g),
+                    color: "primary",
+                    "data-test": "display-bottom-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              t(c, null, {
+                default: l(() => [
+                  t(d, {
+                    label: "Bottom height",
+                    disabled: !s.displayBottomBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: s.bottomHeight,
+                    "onUpdate:modelValue": e[11] || (e[11] = (g) => s.bottomHeight = g),
+                    "data-test": "classification-banner-bottom-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      t(E, null, {
+        default: l(() => [
+          t(W, {
+            disabled: !v.formValid,
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-classification-banner"
+          }, {
+            default: l(() => [...e[20] || (e[20] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const de = /* @__PURE__ */ x(ae, [["render", ie]]), P = "time_zone", ue = {
+  mixins: [h],
+  data() {
+    return {
+      timeZones: ["local", "UTC"],
+      timeZone: "local"
+    };
+  },
+  created() {
+    this.loadSetting(P);
+  },
+  methods: {
+    save() {
+      this.saveSetting(P, this.timeZone);
+    },
+    parseSetting: function(o) {
+      o && (this.timeZone = o);
+    }
+  }
+};
+function ce(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-select"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), a = n("v-card");
+  return C(), V(a, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r("Time Zone", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" The time zone to use in all COSMOS tools (graphs, time choosers, log messages, etc). Anywhere a date / time is displayed, it will be in the chosen time zone. (Note: All timestamps are UTC in the backend). ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => o.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => o.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => o.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(m, null, {
+        default: l(() => [
+          t(c, {
+            modelValue: s.timeZone,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => s.timeZone = i),
+            items: s.timeZones,
+            label: "Select time display",
+            "hide-details": "",
+            "prepend-icon": "mdi-map-clock",
+            "single-line": "",
+            "data-test": "time-zone"
+          }, null, 8, ["modelValue", "items"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-time-zone"
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const me = /* @__PURE__ */ x(ue, [["render", ce]]), Z = "news_feed", pe = {
+  mixins: [h],
+  data() {
+    return {
+      newsFeed: !0
+    };
+  },
+  created() {
+    this.loadSetting(Z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(Z, this.newsFeed), this.newsFeed && this.api.update_news();
+    },
+    parseSetting: function(o) {
+      this.newsFeed = o;
+    }
+  }
+};
+function ge(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-alert"), d = n("v-switch"), c = n("v-card-text"), m = n("v-btn"), p = n("v-card-actions"), _ = n("v-card");
+  return C(), V(_, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r("News Feed Settings", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => o.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => o.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(u, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => o.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(c, { class: "pb-0" }, {
+        default: l(() => [
+          t(d, {
+            label: `Allow COSMOS backend to pull the news feed from the COSMOS external news site.
+        This is a low bandwidth poll which only happens every 12 hrs. To immediately update the news feed, click the 'Refresh' in the User Menu.`,
+            modelValue: s.newsFeed,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => s.newsFeed = a),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(p, null, {
+        default: l(() => [
+          t(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-news-feed"
+          }, {
+            default: l(() => [...e[6] || (e[6] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const fe = /* @__PURE__ */ x(pe, [["render", ge]]), j = "subtitle", ve = {
+  mixins: [h],
+  data() {
+    return {
+      subtitle: ""
+    };
+  },
+  created() {
+    this.loadSetting(j);
+  },
+  methods: {
+    save() {
+      this.saveSetting(j, this.subtitle);
+    },
+    parseSetting: function(o) {
+      o && (this.subtitle = o);
+    }
+  }
+};
+function _e(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-text-field"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), a = n("v-card");
+  return C(), V(a, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r("Subtitle", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" This sets a subtitle to display below the COSMOS logo in the Navigation bar. ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => o.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => o.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => o.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(m, { class: "pb-0" }, {
+        default: l(() => [
+          t(c, {
+            label: "Subtitle",
+            modelValue: s.subtitle,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => s.subtitle = i),
+            "data-test": "subtitle"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-subtitle"
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const be = /* @__PURE__ */ x(ve, [["render", _e]]), D = "source_url", Ce = {
+  mixins: [h],
+  data() {
+    return {
+      sourceUrl: "https://github.com/OpenC3/cosmos"
+    };
+  },
+  created() {
+    this.loadSetting(D);
+  },
+  methods: {
+    save() {
+      this.saveSetting(D, this.sourceUrl);
+    },
+    parseSetting: function(o) {
+      o && (this.sourceUrl = o);
+    }
+  }
+};
+function Ve(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-text-field"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), a = n("v-card");
+  return C(), V(a, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r(" Source code URL ", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(' This sets the URL for the "Source" link in the footer. This is required under the AGPL license. ', -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => o.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => o.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => o.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(m, { class: "pb-0" }, {
+        default: l(() => [
+          t(c, {
+            label: "Source URL",
+            modelValue: s.sourceUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => s.sourceUrl = i),
+            "data-test": "source-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-source-url"
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ye = /* @__PURE__ */ x(Ce, [["render", Ve]]), z = "rubygems_url", Se = {
+  mixins: [h],
+  data() {
+    return {
+      rubygemsUrl: "https://rubygems.org"
+    };
+  },
+  created() {
+    this.loadSetting(z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(z, this.rubygemsUrl);
+    },
+    parseSetting: function(o) {
+      o && (this.rubygemsUrl = o);
+    }
+  }
+};
+function ke(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-text-field"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), a = n("v-card");
+  return C(), V(a, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r(" Rubygems URL ", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency rubygems. Also used for rubygem discovery. ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => o.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => o.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => o.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(m, { class: "pb-0" }, {
+        default: l(() => [
+          t(c, {
+            label: "Rubygems URL",
+            modelValue: s.rubygemsUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => s.rubygemsUrl = i),
+            "data-test": "rubygems-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-rubygems-url"
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const xe = /* @__PURE__ */ x(Se, [["render", ke]]), J = "pypi_url", he = {
+  mixins: [h],
+  data() {
+    return {
+      pypiUrl: "https://pypi.org"
+    };
+  },
+  created() {
+    this.loadSetting(J);
+  },
+  methods: {
+    save() {
+      this.saveSetting(J, this.pypiUrl);
+    },
+    parseSetting: function(o) {
+      o && (this.pypiUrl = o);
+    }
+  }
+};
+function Ue(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-text-field"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), a = n("v-card");
+  return C(), V(a, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r(" Pypi URL ", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency python packages. Also used for package discovery. ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => o.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => o.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => o.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(m, { class: "pb-0" }, {
+        default: l(() => [
+          t(c, {
+            label: "Pypi URL",
+            modelValue: s.pypiUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => s.pypiUrl = i),
+            "data-test": "pypi-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-pypi-url"
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Be = /* @__PURE__ */ x(he, [["render", Ue]]), K = "context_tag", we = {
+  mixins: [h],
+  data() {
+    return {
+      text: "",
+      displayContextTag: !1,
+      selectedBackgroundColor: "#009fa3",
+      customBackgroundColor: "",
+      selectedFontColor: "white",
+      customFontColor: "",
+      customColorHint: "Enter a 3 or 6-digit hex color code",
+      colors: [
+        {
+          text: "Teal",
+          value: "#009fa3"
+        },
+        {
+          text: "Purple",
+          value: "#6058a8"
+        },
+        {
+          text: "Pink",
+          value: "#81009a"
+        },
+        {
+          text: "Orange",
+          value: "#af420a"
+        },
+        {
+          text: "Black",
+          value: "black"
+        },
+        {
+          text: "White",
+          value: "white"
+        },
+        {
+          text: "Custom",
+          value: !1
+        }
+      ],
+      rules: {
+        customColor: (o) => /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(o) || this.customColorHint
+      }
+    };
+  },
+  computed: {
+    saveObj: function() {
+      return JSON.stringify({
+        text: this.text,
+        fontColor: this.selectedFontColor || this.customFontColor,
+        backgroundColor: this.selectedBackgroundColor || this.customBackgroundColor
+      });
+    },
+    formValid: function() {
+      return (this.selectedFontColor || this.rules.customColor(this.customFontColor) === !0) && (this.selectedBackgroundColor || this.rules.customColor(this.customBackgroundColor) === !0);
+    }
+  },
+  watch: {
+    displayContextTag: function(o) {
+      o ? this.text || (this.text = "REPLACEME") : this.text = null;
+    },
+    customFontColor: function(o) {
+      o && o.length && !o.startsWith("#") && (this.customFontColor = `#${o}`);
+    },
+    customBackgroundColor: function(o) {
+      o && o.length && !o.startsWith("#") && (this.customBackgroundColor = `#${o}`);
+    }
+  },
+  created() {
+    this.loadSetting(K);
+  },
+  methods: {
+    save() {
+      this.saveSetting(K, this.saveObj);
+    },
+    parseSetting: function(o) {
+      if (o) {
+        const e = JSON.parse(o);
+        this.text = e.text, this.displayContextTag = !!e.text, e.backgroundColor && (this.colors.some((S) => S.value === e.backgroundColor) ? this.selectedBackgroundColor = e.backgroundColor : (this.customBackgroundColor = e.backgroundColor, this.selectedBackgroundColor = !1)), e.fontColor && (this.colors.some((S) => S.value === e.fontColor) ? this.selectedFontColor = e.fontColor : (this.customFontColor = e.fontColor, this.selectedFontColor = !1));
+      }
+    }
+  }
+};
+function Te(o, e, k, S, s, v) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-alert"), c = n("v-text-field"), m = n("v-col"), p = n("v-row"), _ = n("v-switch"), a = n("v-icon"), i = n("v-list-item"), w = n("v-select"), W = n("v-card-text"), E = n("v-btn"), H = n("v-card-actions"), g = n("v-card");
+  return C(), V(g, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[9] || (e[9] = [
+          r("Context Tag Settings", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[10] || (e[10] = [
+          r(" When enabled this displays a Context Tag on the top right of the screen with custom colors and text. This can help differentiate environments. ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        modelValue: o.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (f) => o.errorLoading = f),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (f) => o.errorSaving = f),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [
+          r(" Error saving due to " + y(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (f) => o.successSaving = f),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: l(() => [...e[11] || (e[11] = [
+          r(" Saved! (Refresh the page to see changes) ", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(W, { class: "pb-0" }, {
+        default: l(() => [
+          t(p, { dense: "" }, {
+            default: l(() => [
+              t(m, null, {
+                default: l(() => [
+                  t(c, {
+                    label: "Text",
+                    modelValue: s.text,
+                    "onUpdate:modelValue": e[3] || (e[3] = (f) => s.text = f),
+                    "data-test": "context-tag-text",
+                    disabled: !s.displayContextTag
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          t(p, { dense: "" }, {
+            default: l(() => [
+              t(m, null, {
+                default: l(() => [
+                  t(_, {
+                    label: "Display context tag",
+                    modelValue: s.displayContextTag,
+                    "onUpdate:modelValue": e[4] || (e[4] = (f) => s.displayContextTag = f),
+                    color: "primary",
+                    "data-test": "display-context-tag"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              t(m, null, {
+                default: l(() => [
+                  t(w, {
+                    label: "Background color",
+                    items: s.colors,
+                    "item-title": "text",
+                    modelValue: s.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (f) => s.selectedBackgroundColor = f),
+                    "data-test": "context-tag-background-color"
+                  }, A({
+                    item: l(({ props: f, item: U }) => [
+                      t(i, O(f, {
+                        value: U.text
+                      }), {
+                        prepend: l(() => [
+                          U.value ? (C(), V(a, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: l(() => [...e[13] || (e[13] = [
+                              r(" mdi-square ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    s.selectedBackgroundColor ? {
+                      name: "prepend-inner",
+                      fn: l(() => [
+                        t(a, { color: s.selectedBackgroundColor }, {
+                          default: l(() => [...e[12] || (e[12] = [
+                            r(" mdi-square ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["color"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              t(m, null, {
+                default: l(() => [
+                  t(c, {
+                    label: "Custom background color",
+                    hint: s.customColorHint,
+                    disabled: s.selectedBackgroundColor !== !1,
+                    modelValue: s.customBackgroundColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (f) => s.customBackgroundColor = f),
+                    rules: [s.rules.customColor],
+                    "data-test": "context-tag-custom-background-color"
+                  }, {
+                    "prepend-inner": l(() => [
+                      F(t(a, { color: s.customBackgroundColor }, {
+                        default: l(() => [...e[14] || (e[14] = [
+                          r(" mdi-square ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [L, !s.selectedBackgroundColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              }),
+              t(m, null, {
+                default: l(() => [
+                  t(w, {
+                    label: "Font color",
+                    items: s.colors,
+                    "item-title": "text",
+                    modelValue: s.selectedFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (f) => s.selectedFontColor = f),
+                    "data-test": "context-tag-font-color"
+                  }, A({
+                    item: l(({ props: f, item: U }) => [
+                      t(i, O(f, {
+                        value: U.text
+                      }), {
+                        prepend: l(() => [
+                          U.value ? (C(), V(a, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: l(() => [...e[16] || (e[16] = [
+                              r(" mdi-square ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    s.selectedFontColor ? {
+                      name: "prepend-inner",
+                      fn: l(() => [
+                        F(t(a, { color: s.selectedFontColor }, {
+                          default: l(() => [...e[15] || (e[15] = [
+                            r(" mdi-square ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["color"]), [
+                          [L, s.selectedFontColor]
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              t(m, null, {
+                default: l(() => [
+                  t(c, {
+                    label: "Custom font color",
+                    hint: s.customColorHint,
+                    disabled: s.selectedFontColor !== !1,
+                    modelValue: s.customFontColor,
+                    "onUpdate:modelValue": e[8] || (e[8] = (f) => s.customFontColor = f),
+                    rules: [s.rules.customColor],
+                    "data-test": "context-tag-custom-font-color"
+                  }, {
+                    "prepend-inner": l(() => [
+                      F(t(a, { color: s.customFontColor }, {
+                        default: l(() => [...e[17] || (e[17] = [
+                          r(" mdi-square ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [L, !s.selectedFontColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      t(H, null, {
+        default: l(() => [
+          t(E, {
+            disabled: !v.formValid,
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-context-tag"
+          }, {
+            default: l(() => [...e[18] || (e[18] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Fe = /* @__PURE__ */ x(we, [["render", Te]]), Le = {
+  components: {
+    SuppressedSettings: Q,
+    DefaultConfigSettings: ee,
+    EditorSettings: le,
+    AstroSettings: re,
+    ClassificationBannerSettings: de,
+    TimeZoneSettings: me,
+    NewsFeedSettings: fe,
+    SubtitleSettings: be,
+    SourceCodeSettings: ye,
+    RubyGemsSettings: xe,
+    PypiSettings: Be,
+    ContextTagSettings: Fe
+  }
+};
+function We(o, e, k, S, s, v) {
+  const b = n("suppressed-settings"), u = n("v-divider"), d = n("default-config-settings"), c = n("editor-settings"), m = n("astro-settings"), p = n("time-zone-settings"), _ = n("news-feed-settings"), a = n("classification-banner-settings"), i = n("subtitle-settings"), w = n("source-code-settings"), W = n("ruby-gems-settings"), E = n("pypi-settings"), H = n("context-tag-settings");
+  return C(), B("div", null, [
+    t(b),
+    t(u),
+    t(d),
+    t(u),
+    t(c),
+    t(u),
+    t(m),
+    t(u),
+    t(p),
+    t(u),
+    t(_),
+    t(u),
+    t(a),
+    t(u),
+    t(i),
+    t(u),
+    t(w),
+    t(u),
+    t(W),
+    t(u),
+    t(E),
+    t(u),
+    t(H)
+  ]);
+}
+const Ne = /* @__PURE__ */ x(Le, [["render", We]]);
+export {
+  Ne as default
+};
+//# sourceMappingURL=SettingsTab-CbWrf7U9.js.map