@openc3/vue-common 6.10.2 → 6.10.4

package/dist/{SettingsTab-L5xbCAW_.js → SettingsTab-Dtj_AlEW.js}

@@ -1,9 +1,9 @@
-import { resolveComponent as n, createBlock as V, openBlock as C, withCtx as l, createVNode as t, createTextVNode as r, createElementBlock as B, Fragment as L, renderList as G, toDisplayString as y, createSlots as A, mergeProps as R, createCommentVNode as N, withDirectives as T, vShow as F } from "vue";
-import { _ as x } from "./CustomIcon-DTfsnDJn.js";
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.js";
-import { A as O } from "./TopBar-D4C9DJcu.js";
-import { S as h } from "./settings-DlX9yvJJ.js";
-const Y = {
+import { resolveComponent as n, createBlock as y, openBlock as C, withCtx as l, createVNode as t, createTextVNode as r, createElementBlock as B, Fragment as T, renderList as Y, toDisplayString as V, createSlots as H, mergeProps as R, createCommentVNode as N, withDirectives as w, vShow as L } from "vue";
+import { _ as x } from "./CustomIcon-B9m73Gqm.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { A } from "./TopBar-DzxJ69Tt.js";
+import { S as h } from "./settings-Ctcx_wMT.js";
+const I = {
   data() {
     return {
       suppressedWarnings: [],
@@ -42,9 +42,9 @@ const Y = {
     }
   }
 };
-function I(o, e, k, S, s, v) {
+function Q(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, {
+  return C(), y(_, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[2] || (e[2] = [
@@ -60,14 +60,14 @@ function I(o, e, k, S, s, v) {
       }),
       t(c, null, {
         default: l(() => [
-          s.suppressedWarnings.length ? (C(), B(L, { key: 0 }, [
+          s.suppressedWarnings.length ? (C(), B(T, { key: 0 }, [
             t(d, {
               modelValue: s.selectAllSuppressedWarnings,
               "onUpdate:modelValue": e[0] || (e[0] = (i) => s.selectAllSuppressedWarnings = i),
               label: "Select All Warnings",
               density: "compact"
             }, null, 8, ["modelValue"]),
-            (C(!0), B(L, null, G(s.suppressedWarnings, (i) => (C(), V(d, {
+            (C(!0), B(T, null, Y(s.suppressedWarnings, (i) => (C(), y(d, {
               key: i.key,
               modelValue: s.selectedSuppressedWarnings,
               "onUpdate:modelValue": e[1] || (e[1] = (a) => s.selectedSuppressedWarnings = a),
@@ -76,7 +76,7 @@ function I(o, e, k, S, s, v) {
               density: "compact",
               "hide-details": ""
             }, null, 8, ["modelValue", "label", "value"]))), 128))
-          ], 64)) : (C(), B(L, { key: 1 }, [
+          ], 64)) : (C(), B(T, { key: 1 }, [
             r(" No warnings to reset ")
           ], 64))
         ]),
@@ -86,10 +86,10 @@ function I(o, e, k, S, s, v) {
         default: l(() => [
           t(m, {
             disabled: !s.selectedSuppressedWarnings.length,
-            onClick: v.resetSuppressedWarnings,
             color: "warning",
             variant: "text",
-            "data-test": "reset-suppressed-warnings"
+            "data-test": "reset-suppressed-warnings",
+            onClick: v.resetSuppressedWarnings
           }, {
             default: l(() => [...e[4] || (e[4] = [
               r(" Reset ", -1)
@@ -103,7 +103,7 @@ function I(o, e, k, S, s, v) {
     _: 1
   });
 }
-const Q = /* @__PURE__ */ x(Y, [["render", I]]), X = {
+const X = /* @__PURE__ */ x(I, [["render", Q]]), $ = {
   data() {
     return {
       lastConfigs: [],
@@ -138,9 +138,9 @@ const Q = /* @__PURE__ */ x(Y, [["render", I]]), X = {
     }
   }
 };
-function $(o, e, k, S, s, v) {
+function ee(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, {
+  return C(), y(_, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[2] || (e[2] = [
@@ -156,14 +156,14 @@ function $(o, e, k, S, s, v) {
       }),
       t(c, null, {
         default: l(() => [
-          s.lastConfigs.length ? (C(), B(L, { key: 0 }, [
+          s.lastConfigs.length ? (C(), B(T, { key: 0 }, [
             t(d, {
               modelValue: s.selectAllLastConfigs,
               "onUpdate:modelValue": e[0] || (e[0] = (i) => s.selectAllLastConfigs = i),
               label: "Select All Configs",
               density: "compact"
             }, null, 8, ["modelValue"]),
-            (C(!0), B(L, null, G(s.lastConfigs, (i) => (C(), V(d, {
+            (C(!0), B(T, null, Y(s.lastConfigs, (i) => (C(), y(d, {
               key: i.key,
               modelValue: s.selectedLastConfigs,
               "onUpdate:modelValue": e[1] || (e[1] = (a) => s.selectedLastConfigs = a),
@@ -172,7 +172,7 @@ function $(o, e, k, S, s, v) {
               "hide-details": "",
               density: "compact"
             }, null, 8, ["modelValue", "label", "value"]))), 128))
-          ], 64)) : (C(), B(L, { key: 1 }, [
+          ], 64)) : (C(), B(T, { key: 1 }, [
             r(" No configs to clear ")
           ], 64))
         ]),
@@ -182,10 +182,10 @@ function $(o, e, k, S, s, v) {
         default: l(() => [
           t(m, {
             disabled: !s.selectedLastConfigs.length,
-            onClick: v.clearLastConfigs,
             color: "warning",
             variant: "text",
-            "data-test": "clear-default-configs"
+            "data-test": "clear-default-configs",
+            onClick: v.clearLastConfigs
           }, {
             default: l(() => [...e[4] || (e[4] = [
               r(" Clear ", -1)
@@ -199,11 +199,11 @@ function $(o, e, k, S, s, v) {
     _: 1
   });
 }
-const ee = /* @__PURE__ */ x(X, [["render", $]]), te = {
+const te = /* @__PURE__ */ x($, [["render", ee]]), oe = {
   data() {
     return {
-      vimMode: O.isVimModeEnabled(),
-      defaultLanguage: O.getDefaultScriptingLanguage(),
+      vimMode: A.isVimModeEnabled(),
+      defaultLanguage: A.getDefaultScriptingLanguage(),
       languageOptions: [
         { text: "Ruby", value: "ruby" },
         { text: "Python", value: "python" }
@@ -212,13 +212,13 @@ const ee = /* @__PURE__ */ x(X, [["render", $]]), te = {
   },
   methods: {
     save: function() {
-      O.setVimMode(this.vimMode), O.setDefaultScriptingLanguage(this.defaultLanguage);
+      A.setVimMode(this.vimMode), A.setDefaultScriptingLanguage(this.defaultLanguage);
     }
   }
 };
-function oe(o, e, k, S, s, v) {
+function le(o, e, k, S, s, v) {
   const b = n("v-card-title"), u = n("v-card-subtitle"), d = n("v-select"), c = n("v-switch"), m = n("v-card-text"), p = n("v-btn"), _ = n("v-card-actions"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[2] || (e[2] = [
@@ -274,7 +274,7 @@ function oe(o, e, k, S, s, v) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ x(te, [["render", oe]]), q = "astro", ne = {
+const ne = /* @__PURE__ */ x(oe, [["render", le]]), M = "astro", se = {
   mixins: [h],
   data() {
     return {
@@ -282,12 +282,12 @@ const le = /* @__PURE__ */ x(te, [["render", oe]]), q = "astro", ne = {
     };
   },
   created() {
-    this.loadSetting(q);
+    this.loadSetting(M);
   },
   methods: {
     save() {
       this.saveSetting(
-        q,
+        M,
         // Hashify the setting to allow for future settings
         // Update AppNav when adding new settings
         JSON.stringify({ hideClock: this.hideClock })
@@ -301,9 +301,9 @@ const le = /* @__PURE__ */ x(te, [["render", oe]]), q = "astro", ne = {
     }
   }
 };
-function se(o, e, k, S, s, v) {
+function re(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, {
+  return C(), y(_, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -319,7 +319,7 @@ function se(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -331,7 +331,7 @@ function se(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -350,9 +350,9 @@ function se(o, e, k, S, s, v) {
       t(c, { class: "pb-0" }, {
         default: l(() => [
           t(d, {
-            label: "Hide Astro Clock",
             modelValue: s.hideClock,
             "onUpdate:modelValue": e[3] || (e[3] = (i) => s.hideClock = i),
+            label: "Hide Astro Clock",
             color: "primary"
           }, null, 8, ["modelValue"])
         ]),
@@ -361,10 +361,10 @@ function se(o, e, k, S, s, v) {
       t(p, null, {
         default: l(() => [
           t(m, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-astro-settings"
+            "data-test": "save-astro-settings",
+            onClick: v.save
           }, {
             default: l(() => [...e[6] || (e[6] = [
               r(" Save ", -1)
@@ -378,7 +378,7 @@ function se(o, e, k, S, s, v) {
     _: 1
   });
 }
-const re = /* @__PURE__ */ x(ne, [["render", se]]), M = "classification_banner", ae = {
+const ae = /* @__PURE__ */ x(se, [["render", re]]), q = "classification_banner", ie = {
   mixins: [h],
   data() {
     return {
@@ -464,11 +464,11 @@ const re = /* @__PURE__ */ x(ne, [["render", se]]), M = "classification_banner",
     }
   },
   created() {
-    this.loadSetting(M);
+    this.loadSetting(q);
   },
   methods: {
     save() {
-      this.saveSetting(M, this.saveObj);
+      this.saveSetting(q, this.saveObj);
     },
     parseSetting: function(o) {
       if (o) {
@@ -478,9 +478,9 @@ const re = /* @__PURE__ */ x(ne, [["render", se]]), M = "classification_banner",
     }
   }
 };
-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"), i = n("v-select"), a = 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, {
+function de(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"), i = n("v-select"), a = n("v-switch"), F = n("v-card-text"), E = n("v-btn"), W = n("v-card-actions"), O = n("v-card");
+  return C(), y(O, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[12] || (e[12] = [
@@ -496,7 +496,7 @@ function ie(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -508,7 +508,7 @@ function ie(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -524,16 +524,16 @@ function ie(o, e, k, S, s, v) {
         ])]),
         _: 1
       }, 8, ["modelValue"]),
-      t(w, { class: "pb-0" }, {
+      t(F, { 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),
+                    label: "Text",
                     "data-test": "classification-banner-text"
                   }, null, 8, ["modelValue"])
                 ]),
@@ -547,19 +547,19 @@ function ie(o, e, k, S, s, v) {
               t(c, null, {
                 default: l(() => [
                   t(i, {
+                    modelValue: s.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[4] || (e[4] = (g) => s.selectedBackgroundColor = g),
                     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({
+                  }, H({
                     item: l(({ props: g, item: f }) => [
                       t(_, R(g, {
                         value: f.text
                       }), {
                         prepend: l(() => [
-                          f.value ? (C(), V(p, {
+                          f.value ? (C(), y(p, {
                             key: 0,
                             color: f.value
                           }, {
@@ -586,52 +586,52 @@ function ie(o, e, k, S, s, v) {
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["items", "modelValue"])
+                  ]), 1032, ["modelValue", "items"])
                 ]),
                 _: 1
               }),
               t(c, null, {
                 default: l(() => [
                   t(d, {
+                    modelValue: s.customBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (g) => s.customBackgroundColor = g),
                     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(() => [
-                      T(t(p, { color: s.customBackgroundColor }, {
+                      w(t(p, { color: s.customBackgroundColor }, {
                         default: l(() => [...e[16] || (e[16] = [
                           r(" mdi-square ", -1)
                         ])]),
                         _: 1
                       }, 8, ["color"]), [
-                        [F, !s.selectedBackgroundColor]
+                        [L, !s.selectedBackgroundColor]
                       ])
                     ]),
                     _: 1
-                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                  }, 8, ["modelValue", "hint", "disabled", "rules"])
                 ]),
                 _: 1
               }),
               t(c, null, {
                 default: l(() => [
                   t(i, {
+                    modelValue: s.selectedFontColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (g) => s.selectedFontColor = g),
                     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({
+                  }, H({
                     item: l(({ props: g, item: f }) => [
                       t(_, R(g, {
                         value: f.text
                       }), {
                         prepend: l(() => [
-                          f.value ? (C(), V(p, {
+                          f.value ? (C(), y(p, {
                             key: 0,
                             color: f.value
                           }, {
@@ -649,44 +649,44 @@ function ie(o, e, k, S, s, v) {
                     s.selectedFontColor ? {
                       name: "prepend-inner",
                       fn: l(() => [
-                        T(t(p, { color: s.selectedFontColor }, {
+                        w(t(p, { color: s.selectedFontColor }, {
                           default: l(() => [...e[17] || (e[17] = [
                             r(" mdi-square ", -1)
                           ])]),
                           _: 1
                         }, 8, ["color"]), [
-                          [F, s.selectedFontColor]
+                          [L, s.selectedFontColor]
                         ])
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["items", "modelValue"])
+                  ]), 1032, ["modelValue", "items"])
                 ]),
                 _: 1
               }),
               t(c, null, {
                 default: l(() => [
                   t(d, {
+                    modelValue: s.customFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (g) => s.customFontColor = g),
                     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(() => [
-                      T(t(p, { color: s.customFontColor }, {
+                      w(t(p, { color: s.customFontColor }, {
                         default: l(() => [...e[19] || (e[19] = [
                           r(" mdi-square ", -1)
                         ])]),
                         _: 1
                       }, 8, ["color"]), [
-                        [F, !s.selectedFontColor]
+                        [L, !s.selectedFontColor]
                       ])
                     ]),
                     _: 1
-                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                  }, 8, ["modelValue", "hint", "disabled", "rules"])
                 ]),
                 _: 1
               })
@@ -698,9 +698,9 @@ function ie(o, e, k, S, s, v) {
               t(c, null, {
                 default: l(() => [
                   t(a, {
-                    label: "Display top banner",
                     modelValue: s.displayTopBanner,
                     "onUpdate:modelValue": e[8] || (e[8] = (g) => s.displayTopBanner = g),
+                    label: "Display top banner",
                     color: "primary",
                     "data-test": "display-top-banner"
                   }, null, 8, ["modelValue"])
@@ -710,23 +710,23 @@ function ie(o, e, k, S, s, v) {
               t(c, null, {
                 default: l(() => [
                   t(d, {
+                    modelValue: s.topHeight,
+                    "onUpdate:modelValue": e[9] || (e[9] = (g) => s.topHeight = g),
                     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"])
+                  }, null, 8, ["modelValue", "disabled"])
                 ]),
                 _: 1
               }),
               t(c, null, {
                 default: l(() => [
                   t(a, {
-                    label: "Display bottom banner",
                     modelValue: s.displayBottomBanner,
                     "onUpdate:modelValue": e[10] || (e[10] = (g) => s.displayBottomBanner = g),
+                    label: "Display bottom banner",
                     color: "primary",
                     "data-test": "display-bottom-banner"
                   }, null, 8, ["modelValue"])
@@ -736,14 +736,14 @@ function ie(o, e, k, S, s, v) {
               t(c, null, {
                 default: l(() => [
                   t(d, {
+                    modelValue: s.bottomHeight,
+                    "onUpdate:modelValue": e[11] || (e[11] = (g) => s.bottomHeight = g),
                     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"])
+                  }, null, 8, ["modelValue", "disabled"])
                 ]),
                 _: 1
               })
@@ -753,14 +753,14 @@ function ie(o, e, k, S, s, v) {
         ]),
         _: 1
       }),
-      t(E, null, {
+      t(W, null, {
         default: l(() => [
-          t(W, {
+          t(E, {
             disabled: !v.formValid,
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-classification-banner"
+            "data-test": "save-classification-banner",
+            onClick: v.save
           }, {
             default: l(() => [...e[20] || (e[20] = [
               r(" Save ", -1)
@@ -774,7 +774,7 @@ function ie(o, e, k, S, s, v) {
     _: 1
   });
 }
-const de = /* @__PURE__ */ x(ae, [["render", ie]]), D = "time_zone", ue = {
+const ue = /* @__PURE__ */ x(ie, [["render", de]]), P = "time_zone", ce = {
   mixins: [h],
   data() {
     return {
@@ -783,20 +783,20 @@ const de = /* @__PURE__ */ x(ae, [["render", ie]]), D = "time_zone", ue = {
     };
   },
   created() {
-    this.loadSetting(D);
+    this.loadSetting(P);
   },
   methods: {
     save() {
-      this.saveSetting(D, this.timeZone);
+      this.saveSetting(P, this.timeZone);
     },
     parseSetting: function(o) {
       o && (this.timeZone = o);
     }
   }
 };
-function ce(o, e, k, S, s, v) {
+function me(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"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -818,7 +818,7 @@ function ce(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -830,7 +830,7 @@ function ce(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -864,10 +864,10 @@ function ce(o, e, k, S, s, v) {
       t(_, null, {
         default: l(() => [
           t(p, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-time-zone"
+            "data-test": "save-time-zone",
+            onClick: v.save
           }, {
             default: l(() => [...e[7] || (e[7] = [
               r(" Save ", -1)
@@ -881,7 +881,117 @@ function ce(o, e, k, S, s, v) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ x(ue, [["render", ce]]), P = "news_feed", pe = {
+const pe = /* @__PURE__ */ x(ce, [["render", me]]), D = "time_format", ge = {
+  mixins: [h],
+  data() {
+    return {
+      timeFormats: [
+        { title: "12-hour (AM/PM)", value: "ampm" },
+        { title: "24-hour", value: "24hr" }
+      ],
+      timeFormat: "ampm"
+    };
+  },
+  created() {
+    this.loadSetting(D);
+  },
+  methods: {
+    save() {
+      this.saveSetting(D, this.timeFormat);
+    },
+    parseSetting: function(o) {
+      o && (this.timeFormat = o);
+    }
+  }
+};
+function fe(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"), i = n("v-card");
+  return C(), y(i, null, {
+    default: l(() => [
+      t(b, null, {
+        default: l(() => [...e[4] || (e[4] = [
+          r("Time Format", -1)
+        ])]),
+        _: 1
+      }),
+      t(u, null, {
+        default: l(() => [...e[5] || (e[5] = [
+          r(" The time format to use in all COSMOS tools (time pickers, etc). This setting controls whether time is displayed in 12-hour (AM/PM) or 24-hour format. ", -1)
+        ])]),
+        _: 1
+      }),
+      t(d, {
+        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 " + V(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        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 " + V(o.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      t(d, {
+        modelValue: o.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => o.successSaving = a),
+        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.timeFormat,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => s.timeFormat = a),
+            items: s.timeFormats,
+            label: "Select time format",
+            "hide-details": "",
+            "prepend-icon": "mdi-clock-outline",
+            "single-line": "",
+            "data-test": "time-format"
+          }, null, 8, ["modelValue", "items"])
+        ]),
+        _: 1
+      }),
+      t(_, null, {
+        default: l(() => [
+          t(p, {
+            color: "success",
+            variant: "text",
+            "data-test": "save-time-format",
+            onClick: v.save
+          }, {
+            default: l(() => [...e[7] || (e[7] = [
+              r(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ve = /* @__PURE__ */ x(ge, [["render", fe]]), Z = "news_feed", _e = {
   mixins: [h],
   data() {
     return {
@@ -889,20 +999,20 @@ const me = /* @__PURE__ */ x(ue, [["render", ce]]), P = "news_feed", pe = {
     };
   },
   created() {
-    this.loadSetting(P);
+    this.loadSetting(Z);
   },
   methods: {
     save() {
-      this.saveSetting(P, this.newsFeed), this.newsFeed && this.api.update_news();
+      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) {
+function be(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, {
+  return C(), y(_, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -918,7 +1028,7 @@ function ge(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -930,7 +1040,7 @@ function ge(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -949,10 +1059,10 @@ function ge(o, e, k, S, s, v) {
       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] = (i) => s.newsFeed = i),
+            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.`,
             color: "primary"
           }, null, 8, ["modelValue"])
         ]),
@@ -961,10 +1071,10 @@ function ge(o, e, k, S, s, v) {
       t(p, null, {
         default: l(() => [
           t(m, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-news-feed"
+            "data-test": "save-news-feed",
+            onClick: v.save
           }, {
             default: l(() => [...e[6] || (e[6] = [
               r(" Save ", -1)
@@ -978,7 +1088,7 @@ function ge(o, e, k, S, s, v) {
     _: 1
   });
 }
-const fe = /* @__PURE__ */ x(pe, [["render", ge]]), Z = "subtitle", ve = {
+const Ce = /* @__PURE__ */ x(_e, [["render", be]]), j = "subtitle", Ve = {
   mixins: [h],
   data() {
     return {
@@ -986,20 +1096,20 @@ const fe = /* @__PURE__ */ x(pe, [["render", ge]]), Z = "subtitle", ve = {
     };
   },
   created() {
-    this.loadSetting(Z);
+    this.loadSetting(j);
   },
   methods: {
     save() {
-      this.saveSetting(Z, this.subtitle);
+      this.saveSetting(j, this.subtitle);
     },
     parseSetting: function(o) {
       o && (this.subtitle = o);
     }
   }
 };
-function _e(o, e, k, S, s, v) {
+function ye(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"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -1021,7 +1131,7 @@ function _e(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1033,7 +1143,7 @@ function _e(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1052,9 +1162,9 @@ function _e(o, e, k, S, s, v) {
       t(m, { class: "pb-0" }, {
         default: l(() => [
           t(c, {
-            label: "Subtitle",
             modelValue: s.subtitle,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.subtitle = a),
+            label: "Subtitle",
             "data-test": "subtitle"
           }, null, 8, ["modelValue"])
         ]),
@@ -1063,10 +1173,10 @@ function _e(o, e, k, S, s, v) {
       t(_, null, {
         default: l(() => [
           t(p, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-subtitle"
+            "data-test": "save-subtitle",
+            onClick: v.save
           }, {
             default: l(() => [...e[7] || (e[7] = [
               r(" Save ", -1)
@@ -1080,7 +1190,7 @@ function _e(o, e, k, S, s, v) {
     _: 1
   });
 }
-const be = /* @__PURE__ */ x(ve, [["render", _e]]), j = "source_url", Ce = {
+const Se = /* @__PURE__ */ x(Ve, [["render", ye]]), z = "source_url", ke = {
   mixins: [h],
   data() {
     return {
@@ -1088,20 +1198,20 @@ const be = /* @__PURE__ */ x(ve, [["render", _e]]), j = "source_url", Ce = {
     };
   },
   created() {
-    this.loadSetting(j);
+    this.loadSetting(z);
   },
   methods: {
     save() {
-      this.saveSetting(j, this.sourceUrl);
+      this.saveSetting(z, this.sourceUrl);
     },
     parseSetting: function(o) {
       o && (this.sourceUrl = o);
     }
   }
 };
-function Ve(o, e, k, S, s, v) {
+function xe(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"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -1123,7 +1233,7 @@ function Ve(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1135,7 +1245,7 @@ function Ve(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1154,9 +1264,9 @@ function Ve(o, e, k, S, s, v) {
       t(m, { class: "pb-0" }, {
         default: l(() => [
           t(c, {
-            label: "Source URL",
             modelValue: s.sourceUrl,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.sourceUrl = a),
+            label: "Source URL",
             "data-test": "source-url"
           }, null, 8, ["modelValue"])
         ]),
@@ -1165,10 +1275,10 @@ function Ve(o, e, k, S, s, v) {
       t(_, null, {
         default: l(() => [
           t(p, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-source-url"
+            "data-test": "save-source-url",
+            onClick: v.save
           }, {
             default: l(() => [...e[7] || (e[7] = [
               r(" Save ", -1)
@@ -1182,7 +1292,7 @@ function Ve(o, e, k, S, s, v) {
     _: 1
   });
 }
-const ye = /* @__PURE__ */ x(Ce, [["render", Ve]]), z = "rubygems_url", Se = {
+const he = /* @__PURE__ */ x(ke, [["render", xe]]), J = "rubygems_url", Ue = {
   mixins: [h],
   data() {
     return {
@@ -1190,20 +1300,20 @@ const ye = /* @__PURE__ */ x(Ce, [["render", Ve]]), z = "rubygems_url", Se = {
     };
   },
   created() {
-    this.loadSetting(z);
+    this.loadSetting(J);
   },
   methods: {
     save() {
-      this.saveSetting(z, this.rubygemsUrl);
+      this.saveSetting(J, this.rubygemsUrl);
     },
     parseSetting: function(o) {
       o && (this.rubygemsUrl = o);
     }
   }
 };
-function ke(o, e, k, S, s, v) {
+function Be(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"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -1225,7 +1335,7 @@ function ke(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1237,7 +1347,7 @@ function ke(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1256,9 +1366,9 @@ function ke(o, e, k, S, s, v) {
       t(m, { class: "pb-0" }, {
         default: l(() => [
           t(c, {
-            label: "Rubygems URL",
             modelValue: s.rubygemsUrl,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.rubygemsUrl = a),
+            label: "Rubygems URL",
             "data-test": "rubygems-url"
           }, null, 8, ["modelValue"])
         ]),
@@ -1267,10 +1377,10 @@ function ke(o, e, k, S, s, v) {
       t(_, null, {
         default: l(() => [
           t(p, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-rubygems-url"
+            "data-test": "save-rubygems-url",
+            onClick: v.save
           }, {
             default: l(() => [...e[7] || (e[7] = [
               r(" Save ", -1)
@@ -1284,7 +1394,7 @@ function ke(o, e, k, S, s, v) {
     _: 1
   });
 }
-const xe = /* @__PURE__ */ x(Se, [["render", ke]]), J = "pypi_url", he = {
+const Fe = /* @__PURE__ */ x(Ue, [["render", Be]]), K = "pypi_url", Te = {
   mixins: [h],
   data() {
     return {
@@ -1292,20 +1402,20 @@ const xe = /* @__PURE__ */ x(Se, [["render", ke]]), J = "pypi_url", he = {
     };
   },
   created() {
-    this.loadSetting(J);
+    this.loadSetting(K);
   },
   methods: {
     save() {
-      this.saveSetting(J, this.pypiUrl);
+      this.saveSetting(K, this.pypiUrl);
     },
     parseSetting: function(o) {
       o && (this.pypiUrl = o);
     }
   }
 };
-function Ue(o, e, k, S, s, v) {
+function we(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"), i = n("v-card");
-  return C(), V(i, null, {
+  return C(), y(i, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[4] || (e[4] = [
@@ -1327,7 +1437,7 @@ function Ue(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1339,7 +1449,7 @@ function Ue(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1358,9 +1468,9 @@ function Ue(o, e, k, S, s, v) {
       t(m, { class: "pb-0" }, {
         default: l(() => [
           t(c, {
-            label: "Pypi URL",
             modelValue: s.pypiUrl,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => s.pypiUrl = a),
+            label: "Pypi URL",
             "data-test": "pypi-url"
           }, null, 8, ["modelValue"])
         ]),
@@ -1369,10 +1479,10 @@ function Ue(o, e, k, S, s, v) {
       t(_, null, {
         default: l(() => [
           t(p, {
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-pypi-url"
+            "data-test": "save-pypi-url",
+            onClick: v.save
           }, {
             default: l(() => [...e[7] || (e[7] = [
               r(" Save ", -1)
@@ -1386,7 +1496,7 @@ function Ue(o, e, k, S, s, v) {
     _: 1
   });
 }
-const Be = /* @__PURE__ */ x(he, [["render", Ue]]), K = "context_tag", we = {
+const Le = /* @__PURE__ */ x(Te, [["render", we]]), G = "context_tag", Ee = {
   mixins: [h],
   data() {
     return {
@@ -1456,23 +1566,27 @@ const Be = /* @__PURE__ */ x(he, [["render", Ue]]), K = "context_tag", we = {
     }
   },
   created() {
-    this.loadSetting(K);
+    this.loadSetting(G);
   },
   methods: {
     save() {
-      this.saveSetting(K, this.saveObj);
+      this.saveSetting(G, 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));
+        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 Le(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"), i = n("v-icon"), a = 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, {
+function We(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"), i = n("v-icon"), a = n("v-list-item"), F = n("v-select"), E = n("v-card-text"), W = n("v-btn"), O = n("v-card-actions"), g = n("v-card");
+  return C(), y(g, null, {
     default: l(() => [
       t(b, null, {
         default: l(() => [...e[9] || (e[9] = [
@@ -1494,7 +1608,7 @@ function Le(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error loading previous configuration due to " + y(o.errorText), 1)
+          r(" Error loading previous configuration due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1506,7 +1620,7 @@ function Le(o, e, k, S, s, v) {
         density: "compact"
       }, {
         default: l(() => [
-          r(" Error saving due to " + y(o.errorText), 1)
+          r(" Error saving due to " + V(o.errorText), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
@@ -1522,16 +1636,16 @@ function Le(o, e, k, S, s, v) {
         ])]),
         _: 1
       }, 8, ["modelValue"]),
-      t(W, { class: "pb-0" }, {
+      t(E, { 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),
+                    label: "Text",
                     "data-test": "context-tag-text",
                     disabled: !s.displayContextTag
                   }, null, 8, ["modelValue", "disabled"])
@@ -1546,9 +1660,9 @@ function Le(o, e, k, S, s, v) {
               t(m, null, {
                 default: l(() => [
                   t(_, {
-                    label: "Display context tag",
                     modelValue: s.displayContextTag,
                     "onUpdate:modelValue": e[4] || (e[4] = (f) => s.displayContextTag = f),
+                    label: "Display context tag",
                     color: "primary",
                     "data-test": "display-context-tag"
                   }, null, 8, ["modelValue"])
@@ -1557,20 +1671,20 @@ function Le(o, e, k, S, s, v) {
               }),
               t(m, null, {
                 default: l(() => [
-                  t(w, {
+                  t(F, {
+                    modelValue: s.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (f) => s.selectedBackgroundColor = f),
                     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({
+                  }, H({
                     item: l(({ props: f, item: U }) => [
                       t(a, R(f, {
                         value: U.text
                       }), {
                         prepend: l(() => [
-                          U.value ? (C(), V(i, {
+                          U.value ? (C(), y(i, {
                             key: 0,
                             color: U.value
                           }, {
@@ -1597,52 +1711,52 @@ function Le(o, e, k, S, s, v) {
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["items", "modelValue"])
+                  ]), 1032, ["modelValue", "items"])
                 ]),
                 _: 1
               }),
               t(m, null, {
                 default: l(() => [
                   t(c, {
+                    modelValue: s.customBackgroundColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (f) => s.customBackgroundColor = f),
                     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(() => [
-                      T(t(i, { color: s.customBackgroundColor }, {
+                      w(t(i, { color: s.customBackgroundColor }, {
                         default: l(() => [...e[14] || (e[14] = [
                           r(" mdi-square ", -1)
                         ])]),
                         _: 1
                       }, 8, ["color"]), [
-                        [F, !s.selectedBackgroundColor]
+                        [L, !s.selectedBackgroundColor]
                       ])
                     ]),
                     _: 1
-                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                  }, 8, ["modelValue", "hint", "disabled", "rules"])
                 ]),
                 _: 1
               }),
               t(m, null, {
                 default: l(() => [
-                  t(w, {
+                  t(F, {
+                    modelValue: s.selectedFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (f) => s.selectedFontColor = f),
                     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({
+                  }, H({
                     item: l(({ props: f, item: U }) => [
                       t(a, R(f, {
                         value: U.text
                       }), {
                         prepend: l(() => [
-                          U.value ? (C(), V(i, {
+                          U.value ? (C(), y(i, {
                             key: 0,
                             color: U.value
                           }, {
@@ -1660,44 +1774,44 @@ function Le(o, e, k, S, s, v) {
                     s.selectedFontColor ? {
                       name: "prepend-inner",
                       fn: l(() => [
-                        T(t(i, { color: s.selectedFontColor }, {
+                        w(t(i, { color: s.selectedFontColor }, {
                           default: l(() => [...e[15] || (e[15] = [
                             r(" mdi-square ", -1)
                           ])]),
                           _: 1
                         }, 8, ["color"]), [
-                          [F, s.selectedFontColor]
+                          [L, s.selectedFontColor]
                         ])
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["items", "modelValue"])
+                  ]), 1032, ["modelValue", "items"])
                 ]),
                 _: 1
               }),
               t(m, null, {
                 default: l(() => [
                   t(c, {
+                    modelValue: s.customFontColor,
+                    "onUpdate:modelValue": e[8] || (e[8] = (f) => s.customFontColor = f),
                     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(() => [
-                      T(t(i, { color: s.customFontColor }, {
+                      w(t(i, { color: s.customFontColor }, {
                         default: l(() => [...e[17] || (e[17] = [
                           r(" mdi-square ", -1)
                         ])]),
                         _: 1
                       }, 8, ["color"]), [
-                        [F, !s.selectedFontColor]
+                        [L, !s.selectedFontColor]
                       ])
                     ]),
                     _: 1
-                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                  }, 8, ["modelValue", "hint", "disabled", "rules"])
                 ]),
                 _: 1
               })
@@ -1707,14 +1821,14 @@ function Le(o, e, k, S, s, v) {
         ]),
         _: 1
       }),
-      t(H, null, {
+      t(O, null, {
         default: l(() => [
-          t(E, {
+          t(W, {
             disabled: !v.formValid,
-            onClick: v.save,
             color: "success",
             variant: "text",
-            "data-test": "save-context-tag"
+            "data-test": "save-context-tag",
+            onClick: v.save
           }, {
             default: l(() => [...e[18] || (e[18] = [
               r(" Save ", -1)
@@ -1728,24 +1842,25 @@ function Le(o, e, k, S, s, v) {
     _: 1
   });
 }
-const Te = /* @__PURE__ */ x(we, [["render", Le]]), Fe = {
+const Oe = /* @__PURE__ */ x(Ee, [["render", We]]), Ae = {
   components: {
-    SuppressedSettings: Q,
-    DefaultConfigSettings: ee,
-    EditorSettings: le,
-    AstroSettings: re,
-    ClassificationBannerSettings: de,
-    TimeZoneSettings: me,
-    NewsFeedSettings: fe,
-    SubtitleSettings: be,
-    SourceCodeSettings: ye,
-    RubyGemsSettings: xe,
-    PypiSettings: Be,
-    ContextTagSettings: Te
+    SuppressedSettings: X,
+    DefaultConfigSettings: te,
+    EditorSettings: ne,
+    AstroSettings: ae,
+    ClassificationBannerSettings: ue,
+    TimeZoneSettings: pe,
+    TimeFormatSettings: ve,
+    NewsFeedSettings: Ce,
+    SubtitleSettings: Se,
+    SourceCodeSettings: he,
+    RubyGemsSettings: Fe,
+    PypiSettings: Le,
+    ContextTagSettings: Oe
   }
 };
-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"), i = n("classification-banner-settings"), a = n("subtitle-settings"), w = n("source-code-settings"), W = n("ruby-gems-settings"), E = n("pypi-settings"), H = n("context-tag-settings");
+function He(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("time-format-settings"), i = n("news-feed-settings"), a = n("classification-banner-settings"), F = n("subtitle-settings"), E = n("source-code-settings"), W = n("ruby-gems-settings"), O = n("pypi-settings"), g = n("context-tag-settings");
   return C(), B("div", null, [
     t(b),
     t(u),
@@ -1763,17 +1878,19 @@ function We(o, e, k, S, s, v) {
     t(u),
     t(a),
     t(u),
-    t(w),
+    t(F),
+    t(u),
+    t(E),
     t(u),
     t(W),
     t(u),
-    t(E),
+    t(O),
     t(u),
-    t(H)
+    t(g)
   ]);
 }
-const Ne = /* @__PURE__ */ x(Fe, [["render", We]]);
+const De = /* @__PURE__ */ x(Ae, [["render", He]]);
 export {
-  Ne as default
+  De as default
 };
-//# sourceMappingURL=SettingsTab-L5xbCAW_.js.map
+//# sourceMappingURL=SettingsTab-Dtj_AlEW.js.map