@openc3/vue-common 6.2.0 → 6.3.0

package/dist/SettingsTab-g29K6FyC.js

@@ -0,0 +1,1445 @@
+import { resolveComponent as s, createBlock as y, openBlock as b, withCtx as n, createVNode as o, createTextVNode as r, createElementBlock as x, Fragment as w, renderList as K, toDisplayString as S, createSlots as A, mergeProps as H, createCommentVNode as R, withDirectives as F, vShow as W } from "vue";
+import { _ as V } from "./CustomIcon-h5X7369N.js";
+import { h as J } from "./WidgetComponents-C1lSLZ0I.js";
+import { A as E } from "./TopBar-CnJNNJlV.js";
+const G = {
+  data() {
+    return {
+      suppressedWarnings: [],
+      selectedSuppressedWarnings: [],
+      selectAllSuppressedWarnings: !1
+    };
+  },
+  watch: {
+    selectAllSuppressedWarnings: function(t) {
+      t ? this.selectedSuppressedWarnings = this.suppressedWarnings.map(
+        (e) => e.key
+      ) : this.selectedSuppressedWarnings = [];
+    }
+  },
+  created() {
+    this.loadSuppressedWarnings();
+  },
+  methods: {
+    loadSuppressedWarnings: function() {
+      this.suppressedWarnings = Object.keys(localStorage).filter((t) => t.startsWith("suppresswarning__")).map(this.localStorageKeyToDisplayObject), this.selectedSuppressedWarnings = [];
+    },
+    localStorageKeyToDisplayObject: function(t) {
+      const e = t.split("__")[1].replaceAll("_", " ");
+      return {
+        key: t,
+        text: e.charAt(0).toUpperCase() + e.slice(1),
+        value: localStorage[t]
+      };
+    },
+    resetSuppressedWarnings: function() {
+      this.deleteLocalStorageKeys(this.selectedSuppressedWarnings), this.loadSuppressedWarnings();
+    },
+    deleteLocalStorageKeys: function(t) {
+      for (const e of t)
+        delete localStorage[e];
+    }
+  }
+};
+function Y(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-checkbox"), c = s("v-card-text"), g = s("v-btn"), p = s("v-card-actions"), v = s("v-card");
+  return b(), y(v, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[2] || (e[2] = [
+          r("Reset suppressed warnings")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[3] || (e[3] = [
+          r(` This resets "don't show this again" dialogs on this browser `)
+        ])),
+        _: 1
+      }),
+      o(c, null, {
+        default: n(() => [
+          l.suppressedWarnings.length ? (b(), x(w, { key: 0 }, [
+            o(d, {
+              modelValue: l.selectAllSuppressedWarnings,
+              "onUpdate:modelValue": e[0] || (e[0] = (i) => l.selectAllSuppressedWarnings = i),
+              label: "Select All Warnings",
+              density: "compact"
+            }, null, 8, ["modelValue"]),
+            (b(!0), x(w, null, K(l.suppressedWarnings, (i) => (b(), y(d, {
+              key: i.key,
+              modelValue: l.selectedSuppressedWarnings,
+              "onUpdate:modelValue": e[1] || (e[1] = (a) => l.selectedSuppressedWarnings = a),
+              label: i.text,
+              value: i.key,
+              density: "compact",
+              "hide-details": ""
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (b(), x(w, { key: 1 }, [
+            r(" No warnings to reset ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(p, { class: "px-2" }, {
+        default: n(() => [
+          o(g, {
+            disabled: !l.selectedSuppressedWarnings.length,
+            onClick: f.resetSuppressedWarnings,
+            color: "warning",
+            variant: "text",
+            "data-test": "reset-suppressed-warnings"
+          }, {
+            default: n(() => e[4] || (e[4] = [
+              r(" Reset ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const I = /* @__PURE__ */ V(G, [["render", Y]]), Q = {
+  data() {
+    return {
+      lastConfigs: [],
+      selectedLastConfigs: [],
+      selectAllLastConfigs: !1
+    };
+  },
+  watch: {
+    selectAllLastConfigs: function(t) {
+      t ? this.selectedLastConfigs = this.lastConfigs.map((e) => e.key) : this.selectedLastConfigs = [];
+    }
+  },
+  created() {
+    this.loadLastConfigs();
+  },
+  methods: {
+    loadLastConfigs: function() {
+      this.lastConfigs = Object.keys(localStorage).filter((t) => t.endsWith("__default")).map((t) => {
+        const e = t.split("__")[0].replaceAll("_", " ");
+        return {
+          key: t,
+          text: e.charAt(0).toUpperCase() + e.slice(1)
+        };
+      }), this.selectedLastConfigs = [];
+    },
+    clearLastConfigs: function() {
+      this.deleteLocalStorageKeys(this.selectedLastConfigs), this.loadLastConfigs();
+    },
+    deleteLocalStorageKeys: function(t) {
+      for (const e of t)
+        delete localStorage[e];
+    }
+  }
+};
+function X(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-checkbox"), c = s("v-card-text"), g = s("v-btn"), p = s("v-card-actions"), v = s("v-card");
+  return b(), y(v, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[2] || (e[2] = [
+          r(" Clear default configs ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[3] || (e[3] = [
+          r(" This clears the default tool configs on this browser ")
+        ])),
+        _: 1
+      }),
+      o(c, null, {
+        default: n(() => [
+          l.lastConfigs.length ? (b(), x(w, { key: 0 }, [
+            o(d, {
+              modelValue: l.selectAllLastConfigs,
+              "onUpdate:modelValue": e[0] || (e[0] = (i) => l.selectAllLastConfigs = i),
+              label: "Select All Configs",
+              density: "compact"
+            }, null, 8, ["modelValue"]),
+            (b(!0), x(w, null, K(l.lastConfigs, (i) => (b(), y(d, {
+              key: i.key,
+              modelValue: l.selectedLastConfigs,
+              "onUpdate:modelValue": e[1] || (e[1] = (a) => l.selectedLastConfigs = a),
+              label: i.text,
+              value: i.key,
+              "hide-details": "",
+              density: "compact"
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (b(), x(w, { key: 1 }, [
+            r(" No configs to clear ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(p, { class: "px-2" }, {
+        default: n(() => [
+          o(g, {
+            disabled: !l.selectedLastConfigs.length,
+            onClick: f.clearLastConfigs,
+            color: "warning",
+            variant: "text",
+            "data-test": "clear-default-configs"
+          }, {
+            default: n(() => e[4] || (e[4] = [
+              r(" Clear ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const $ = /* @__PURE__ */ V(Q, [["render", X]]), ee = {
+  data() {
+    return {
+      vimMode: E.isVimModeEnabled()
+    };
+  },
+  methods: {
+    save: function() {
+      E.setVimMode(this.vimMode);
+    }
+  }
+};
+function te(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-switch"), c = s("v-card-text"), g = s("v-btn"), p = s("v-card-actions"), v = s("v-card");
+  return b(), y(v, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[1] || (e[1] = [
+          r(" Code Editor Settings ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[2] || (e[2] = [
+          r(" Settings for the code editors built into COSMOS (e.g. in Script Runner) ")
+        ])),
+        _: 1
+      }),
+      o(c, { class: "pb-0" }, {
+        default: n(() => [
+          o(d, {
+            label: "Vim mode",
+            modelValue: l.vimMode,
+            "onUpdate:modelValue": e[0] || (e[0] = (i) => l.vimMode = i),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(p, null, {
+        default: n(() => [
+          o(g, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-editor-settings"
+          }, {
+            default: n(() => e[3] || (e[3] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const oe = /* @__PURE__ */ V(ee, [["render", te]]), k = {
+  data() {
+    return {
+      api: new J(),
+      errorText: "",
+      errorLoading: !1,
+      errorSaving: !1,
+      successSaving: !1
+    };
+  },
+  methods: {
+    loadSetting: function(t) {
+      this.api.get_setting(t).then((e) => {
+        this.parseSetting(e);
+      }).catch((e) => {
+        this.parseSetting(null), this.errorText = e, this.errorLoading = !0;
+      });
+    },
+    saveSetting: function(t, e) {
+      this.api.set_setting(t, e).then(() => {
+        this.errorSaving = !1, this.successSaving = !0;
+      }).catch(() => {
+        this.errorSaving = !0, this.successSaving = !1;
+      });
+    },
+    parseSetting: function(t) {
+    }
+  }
+}, O = "astro", ne = {
+  mixins: [k],
+  data() {
+    return {
+      hideClock: !1
+    };
+  },
+  created() {
+    this.loadSetting(O);
+  },
+  methods: {
+    save() {
+      this.saveSetting(
+        O,
+        // Hashify the setting to allow for future settings
+        // Update AppNav when adding new settings
+        JSON.stringify({ hideClock: this.hideClock })
+      );
+    },
+    parseSetting: function(t) {
+      if (t) {
+        let e = JSON.parse(t);
+        this.hideClock = e.hideClock;
+      }
+    }
+  }
+};
+function se(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-switch"), c = s("v-card-text"), g = s("v-btn"), p = s("v-card-actions"), v = s("v-card");
+  return b(), y(v, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r("Astro Settings")
+        ])),
+        _: 1
+      }),
+      o(u, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => t.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => t.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => t.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[5] || (e[5] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(c, { class: "pb-0" }, {
+        default: n(() => [
+          o(d, {
+            label: "Hide Astro Clock",
+            modelValue: l.hideClock,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => l.hideClock = i),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(p, null, {
+        default: n(() => [
+          o(g, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-astro-settings"
+          }, {
+            default: n(() => e[6] || (e[6] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const le = /* @__PURE__ */ V(ne, [["render", se]]), N = "classification_banner", re = {
+  mixins: [k],
+  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: (t) => /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(t) || 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(t) {
+      t ? this.topHeight = 20 : this.topHeight = 0;
+    },
+    displayBottomBanner: function(t) {
+      t ? this.bottomHeight = 20 : this.bottomHeight = 0;
+    },
+    customFontColor: function(t) {
+      t && t.length && !t.startsWith("#") && (this.customFontColor = `#${t}`);
+    },
+    customBackgroundColor: function(t) {
+      t && t.length && !t.startsWith("#") && (this.customBackgroundColor = `#${t}`);
+    }
+  },
+  created() {
+    this.loadSetting(N);
+  },
+  methods: {
+    save() {
+      this.saveSetting(N, this.saveObj);
+    },
+    parseSetting: function(t) {
+      if (t) {
+        const e = JSON.parse(t);
+        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 ae(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-text-field"), c = s("v-col"), g = s("v-row"), p = s("v-icon"), v = s("v-list-item"), i = s("v-select"), a = s("v-switch"), B = s("v-card-text"), L = s("v-btn"), T = s("v-card-actions"), P = s("v-card");
+  return b(), y(P, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[12] || (e[12] = [
+          r("Classification Banner Settings")
+        ])),
+        _: 1
+      }),
+      o(u, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (m) => t.errorLoading = m),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (m) => t.errorSaving = m),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (m) => t.successSaving = m),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[13] || (e[13] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(B, { class: "pb-0" }, {
+        default: n(() => [
+          o(g, { dense: "" }, {
+            default: n(() => [
+              o(c, null, {
+                default: n(() => [
+                  o(d, {
+                    label: "Text",
+                    modelValue: l.text,
+                    "onUpdate:modelValue": e[3] || (e[3] = (m) => l.text = m),
+                    "data-test": "classification-banner-text"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(g, { dense: "" }, {
+            default: n(() => [
+              o(c, null, {
+                default: n(() => [
+                  o(i, {
+                    label: "Background color",
+                    items: l.colors,
+                    "item-title": "text",
+                    modelValue: l.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[4] || (e[4] = (m) => l.selectedBackgroundColor = m),
+                    "data-test": "classification-banner-background-color"
+                  }, A({
+                    item: n(({ props: m, item: U }) => [
+                      o(v, H(m, {
+                        value: U.text
+                      }), {
+                        prepend: n(() => [
+                          U.value ? (b(), y(p, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: n(() => e[15] || (e[15] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedBackgroundColor ? {
+                      name: "prepend-inner",
+                      fn: n(() => [
+                        o(p, { color: l.selectedBackgroundColor }, {
+                          default: n(() => e[14] || (e[14] = [
+                            r(" mdi-square ")
+                          ])),
+                          _: 1
+                        }, 8, ["color"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(d, {
+                    label: "Custom background color",
+                    hint: l.customColorHint,
+                    disabled: l.selectedBackgroundColor !== !1,
+                    modelValue: l.customBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (m) => l.customBackgroundColor = m),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-background-color"
+                  }, {
+                    "prepend-inner": n(() => [
+                      F(o(p, { color: l.customBackgroundColor }, {
+                        default: n(() => e[16] || (e[16] = [
+                          r(" mdi-square ")
+                        ])),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [W, !l.selectedBackgroundColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(i, {
+                    label: "Font color",
+                    items: l.colors,
+                    "item-title": "text",
+                    modelValue: l.selectedFontColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (m) => l.selectedFontColor = m),
+                    "data-test": "classification-banner-font-color"
+                  }, A({
+                    item: n(({ props: m, item: U }) => [
+                      o(v, H(m, {
+                        value: U.text
+                      }), {
+                        prepend: n(() => [
+                          U.value ? (b(), y(p, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: n(() => e[18] || (e[18] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : R("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedFontColor ? {
+                      name: "prepend-inner",
+                      fn: n(() => [
+                        F(o(p, { color: l.selectedFontColor }, {
+                          default: n(() => e[17] || (e[17] = [
+                            r(" mdi-square ")
+                          ])),
+                          _: 1
+                        }, 8, ["color"]), [
+                          [W, l.selectedFontColor]
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(d, {
+                    label: "Custom font color",
+                    hint: l.customColorHint,
+                    disabled: l.selectedFontColor !== !1,
+                    modelValue: l.customFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (m) => l.customFontColor = m),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-font-color"
+                  }, {
+                    "prepend-inner": n(() => [
+                      F(o(p, { color: l.customFontColor }, {
+                        default: n(() => e[19] || (e[19] = [
+                          r(" mdi-square ")
+                        ])),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [W, !l.selectedFontColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(g, { dense: "" }, {
+            default: n(() => [
+              o(c, null, {
+                default: n(() => [
+                  o(a, {
+                    label: "Display top banner",
+                    modelValue: l.displayTopBanner,
+                    "onUpdate:modelValue": e[8] || (e[8] = (m) => l.displayTopBanner = m),
+                    color: "primary",
+                    "data-test": "display-top-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(d, {
+                    label: "Top height",
+                    disabled: !l.displayTopBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: l.topHeight,
+                    "onUpdate:modelValue": e[9] || (e[9] = (m) => l.topHeight = m),
+                    "data-test": "classification-banner-top-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(a, {
+                    label: "Display bottom banner",
+                    modelValue: l.displayBottomBanner,
+                    "onUpdate:modelValue": e[10] || (e[10] = (m) => l.displayBottomBanner = m),
+                    color: "primary",
+                    "data-test": "display-bottom-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: n(() => [
+                  o(d, {
+                    label: "Bottom height",
+                    disabled: !l.displayBottomBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: l.bottomHeight,
+                    "onUpdate:modelValue": e[11] || (e[11] = (m) => l.bottomHeight = m),
+                    "data-test": "classification-banner-bottom-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      o(T, null, {
+        default: n(() => [
+          o(L, {
+            disabled: !f.formValid,
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-classification-banner"
+          }, {
+            default: n(() => e[20] || (e[20] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ie = /* @__PURE__ */ V(re, [["render", ae]]), M = "time_zone", de = {
+  mixins: [k],
+  data() {
+    return {
+      timeZones: ["local", "UTC"],
+      timeZone: "local"
+    };
+  },
+  created() {
+    this.loadSetting(M);
+  },
+  methods: {
+    save() {
+      this.saveSetting(M, this.timeZone);
+    },
+    parseSetting: function(t) {
+      t && (this.timeZone = t);
+    }
+  }
+};
+function ue(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-select"), g = s("v-card-text"), p = s("v-btn"), v = s("v-card-actions"), i = s("v-card");
+  return b(), y(i, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r("Time Zone")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => 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
+      }),
+      o(d, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, null, {
+        default: n(() => [
+          o(c, {
+            modelValue: l.timeZone,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => l.timeZone = a),
+            items: l.timeZones,
+            label: "Select time display",
+            "hide-details": "",
+            "prepend-icon": "mdi-map-clock",
+            "single-line": "",
+            "data-test": "time-zone"
+          }, null, 8, ["modelValue", "items"])
+        ]),
+        _: 1
+      }),
+      o(v, null, {
+        default: n(() => [
+          o(p, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-time-zone"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ce = /* @__PURE__ */ V(de, [["render", ue]]), Z = "news_feed", pe = {
+  mixins: [k],
+  data() {
+    return {
+      newsFeed: !0
+    };
+  },
+  created() {
+    this.loadSetting(Z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(Z, this.newsFeed), this.newsFeed && this.api.update_news();
+    },
+    parseSetting: function(t) {
+      this.newsFeed = t;
+    }
+  }
+};
+function me(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-switch"), c = s("v-card-text"), g = s("v-btn"), p = s("v-card-actions"), v = s("v-card");
+  return b(), y(v, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r("News Feed Settings")
+        ])),
+        _: 1
+      }),
+      o(u, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => t.errorLoading = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => t.errorSaving = i),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (i) => t.successSaving = i),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[5] || (e[5] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(c, { class: "pb-0" }, {
+        default: n(() => [
+          o(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: l.newsFeed,
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => l.newsFeed = i),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(p, null, {
+        default: n(() => [
+          o(g, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-news-feed"
+          }, {
+            default: n(() => e[6] || (e[6] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ge = /* @__PURE__ */ V(pe, [["render", me]]), q = "subtitle", ve = {
+  mixins: [k],
+  data() {
+    return {
+      subtitle: ""
+    };
+  },
+  created() {
+    this.loadSetting(q);
+  },
+  methods: {
+    save() {
+      this.saveSetting(q, this.subtitle);
+    },
+    parseSetting: function(t) {
+      t && (this.subtitle = t);
+    }
+  }
+};
+function fe(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), p = s("v-btn"), v = s("v-card-actions"), i = s("v-card");
+  return b(), y(i, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r("Subtitle")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[5] || (e[5] = [
+          r(" This sets a subtitle to display below the COSMOS logo in the Navigation bar. ")
+        ])),
+        _: 1
+      }),
+      o(d, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: n(() => [
+          o(c, {
+            label: "Subtitle",
+            modelValue: l.subtitle,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => l.subtitle = a),
+            "data-test": "subtitle"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(v, null, {
+        default: n(() => [
+          o(p, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-subtitle"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const _e = /* @__PURE__ */ V(ve, [["render", fe]]), z = "source_url", be = {
+  mixins: [k],
+  data() {
+    return {
+      sourceUrl: "https://github.com/OpenC3/cosmos"
+    };
+  },
+  created() {
+    this.loadSetting(z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(z, this.sourceUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.sourceUrl = t);
+    }
+  }
+};
+function Se(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), p = s("v-btn"), v = s("v-card-actions"), i = s("v-card");
+  return b(), y(i, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r(" Source code URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[5] || (e[5] = [
+          r(' This sets the URL for the "Source" link in the footer. This is required under the AGPL license. ')
+        ])),
+        _: 1
+      }),
+      o(d, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: n(() => [
+          o(c, {
+            label: "Source URL",
+            modelValue: l.sourceUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => l.sourceUrl = a),
+            "data-test": "source-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(v, null, {
+        default: n(() => [
+          o(p, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-source-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ye = /* @__PURE__ */ V(be, [["render", Se]]), D = "rubygems_url", Ve = {
+  mixins: [k],
+  data() {
+    return {
+      rubygemsUrl: "https://rubygems.org"
+    };
+  },
+  created() {
+    this.loadSetting(D);
+  },
+  methods: {
+    save() {
+      this.saveSetting(D, this.rubygemsUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.rubygemsUrl = t);
+    }
+  }
+};
+function Ce(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), p = s("v-btn"), v = s("v-card-actions"), i = s("v-card");
+  return b(), y(i, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r(" Rubygems URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency rubygems. Also used for rubygem discovery. ")
+        ])),
+        _: 1
+      }),
+      o(d, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: n(() => [
+          o(c, {
+            label: "Rubygems URL",
+            modelValue: l.rubygemsUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => l.rubygemsUrl = a),
+            "data-test": "rubygems-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(v, null, {
+        default: n(() => [
+          o(p, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-rubygems-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const he = /* @__PURE__ */ V(Ve, [["render", Ce]]), j = "pypi_url", ke = {
+  mixins: [k],
+  data() {
+    return {
+      pypiUrl: "https://pypi.org"
+    };
+  },
+  created() {
+    this.loadSetting(j);
+  },
+  methods: {
+    save() {
+      this.saveSetting(j, this.pypiUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.pypiUrl = t);
+    }
+  }
+};
+function Ue(t, e, C, h, l, f) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), p = s("v-btn"), v = s("v-card-actions"), i = s("v-card");
+  return b(), y(i, null, {
+    default: n(() => [
+      o(_, null, {
+        default: n(() => e[4] || (e[4] = [
+          r(" Pypi URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: n(() => e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency python packages. Also used for package discovery. ")
+        ])),
+        _: 1
+      }),
+      o(d, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(d, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: n(() => [
+          o(c, {
+            label: "Pypi URL",
+            modelValue: l.pypiUrl,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => l.pypiUrl = a),
+            "data-test": "pypi-url"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(v, null, {
+        default: n(() => [
+          o(p, {
+            onClick: f.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-pypi-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const xe = /* @__PURE__ */ V(ke, [["render", Ue]]), we = {
+  components: {
+    SuppressedSettings: I,
+    DefaultConfigSettings: $,
+    EditorSettings: oe,
+    AstroSettings: le,
+    ClassificationBannerSettings: ie,
+    TimeZoneSettings: ce,
+    NewsFeedSettings: ge,
+    SubtitleSettings: _e,
+    SourceCodeSettings: ye,
+    RubyGemsSettings: he,
+    PypiSettings: xe
+  }
+};
+function Be(t, e, C, h, l, f) {
+  const _ = s("suppressed-settings"), u = s("v-divider"), d = s("default-config-settings"), c = s("editor-settings"), g = s("astro-settings"), p = s("time-zone-settings"), v = s("news-feed-settings"), i = s("classification-banner-settings"), a = s("subtitle-settings"), B = s("source-code-settings"), L = s("ruby-gems-settings"), T = s("pypi-settings");
+  return b(), x("div", null, [
+    o(_),
+    o(u),
+    o(d),
+    o(u),
+    o(c),
+    o(u),
+    o(g),
+    o(u),
+    o(p),
+    o(u),
+    o(v),
+    o(u),
+    o(i),
+    o(u),
+    o(a),
+    o(u),
+    o(B),
+    o(u),
+    o(L),
+    o(u),
+    o(T)
+  ]);
+}
+const Ae = /* @__PURE__ */ V(we, [["render", Be]]);
+export {
+  Ae as default
+};
+//# sourceMappingURL=SettingsTab-g29K6FyC.js.map