@openc3/vue-common 5.21.0-beta0

package/dist/SettingsTab-B1DNmvM5.js

@@ -0,0 +1,1282 @@
+import { resolveComponent as n, openBlock as v, createBlock as C, withCtx as s, createVNode as o, createTextVNode as r, createElementBlock as U, Fragment as B, renderList as D, toDisplayString as S, createSlots as w, mergeProps as H, createCommentVNode as F, withDirectives as T, vShow as W } from "vue";
+import { _ as k } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
+import { i as P } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
+const J = {
+  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 G(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-checkbox"), c = n("v-card-text"), g = n("v-btn"), m = n("v-card-actions"), f = n("v-card");
+  return v(), C(f, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[2] || (e[2] = [
+          r("Reset suppressed warnings")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[3] || (e[3] = [
+          r(` This resets "don't show this again" dialogs on this browser `)
+        ])),
+        _: 1
+      }),
+      o(c, null, {
+        default: s(() => [
+          l.suppressedWarnings.length ? (v(), U(B, { key: 0 }, [
+            o(i, {
+              modelValue: l.selectAllSuppressedWarnings,
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => l.selectAllSuppressedWarnings = d),
+              label: "Select All Warnings",
+              desity: "compact"
+            }, null, 8, ["modelValue"]),
+            (v(!0), U(B, null, D(l.suppressedWarnings, (d) => (v(), C(i, {
+              key: d.key,
+              modelValue: l.selectedSuppressedWarnings,
+              "onUpdate:modelValue": e[1] || (e[1] = (a) => l.selectedSuppressedWarnings = a),
+              label: d.text,
+              value: d.key,
+              density: "compact",
+              "hide-details": ""
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (v(), U(B, { key: 1 }, [
+            r(" No warnings to reset ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(m, { class: "px-2" }, {
+        default: s(() => [
+          o(g, {
+            disabled: !l.selectedSuppressedWarnings.length,
+            onClick: _.resetSuppressedWarnings,
+            color: "warning",
+            variant: "text",
+            "data-test": "reset-suppressed-warnings"
+          }, {
+            default: s(() => e[4] || (e[4] = [
+              r(" Reset ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const M = /* @__PURE__ */ k(J, [["render", G]]), Y = {
+  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 I(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-checkbox"), c = n("v-card-text"), g = n("v-btn"), m = n("v-card-actions"), f = n("v-card");
+  return v(), C(f, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[2] || (e[2] = [
+          r(" Clear default configs ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[3] || (e[3] = [
+          r(" This clears the default tool configs on this browser ")
+        ])),
+        _: 1
+      }),
+      o(c, null, {
+        default: s(() => [
+          l.lastConfigs.length ? (v(), U(B, { key: 0 }, [
+            o(i, {
+              modelValue: l.selectAllLastConfigs,
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => l.selectAllLastConfigs = d),
+              label: "Select All Configs",
+              density: "compact"
+            }, null, 8, ["modelValue"]),
+            (v(!0), U(B, null, D(l.lastConfigs, (d) => (v(), C(i, {
+              key: d.key,
+              modelValue: l.selectedLastConfigs,
+              "onUpdate:modelValue": e[1] || (e[1] = (a) => l.selectedLastConfigs = a),
+              label: d.text,
+              value: d.key,
+              "hide-details": "",
+              density: "compact"
+            }, null, 8, ["modelValue", "label", "value"]))), 128))
+          ], 64)) : (v(), U(B, { key: 1 }, [
+            r(" No configs to clear ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(m, { class: "px-2" }, {
+        default: s(() => [
+          o(g, {
+            disabled: !l.selectedLastConfigs.length,
+            onClick: _.clearLastConfigs,
+            color: "warning",
+            variant: "text",
+            "data-test": "clear-default-configs"
+          }, {
+            default: s(() => e[4] || (e[4] = [
+              r(" Clear ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Q = /* @__PURE__ */ k(Y, [["render", I]]), x = {
+  data() {
+    return {
+      api: new P(),
+      errorText: "",
+      errorLoading: !1,
+      errorSaving: !1,
+      successSaving: !1
+    };
+  },
+  methods: {
+    loadSetting: function(t, e, V) {
+      this.api.get_setting(t).then((y) => {
+        this.parseSetting(y);
+      }).catch((y) => {
+        this.parseSetting(null), this.errorText = y, 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) {
+    }
+  }
+}, A = "astro", X = {
+  mixins: [x],
+  data() {
+    return {
+      hideClock: !1
+    };
+  },
+  created() {
+    this.loadSetting(A);
+  },
+  methods: {
+    save() {
+      this.saveSetting(
+        A,
+        // 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 $(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-alert"), i = n("v-switch"), c = n("v-card-text"), g = n("v-btn"), m = n("v-card-actions"), f = n("v-card");
+  return v(), C(f, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r("Astro Settings")
+        ])),
+        _: 1
+      }),
+      o(u, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (d) => t.errorLoading = d),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          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] = (d) => t.errorSaving = d),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (d) => t.successSaving = d),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[5] || (e[5] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(c, { class: "pb-0" }, {
+        default: s(() => [
+          o(i, {
+            label: "Hide Astro Clock",
+            modelValue: l.hideClock,
+            "onUpdate:modelValue": e[3] || (e[3] = (d) => l.hideClock = d),
+            color: "primary"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      o(m, null, {
+        default: s(() => [
+          o(g, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-astro-settings"
+          }, {
+            default: s(() => e[6] || (e[6] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ee = /* @__PURE__ */ k(X, [["render", $]]), R = "classification_banner", te = {
+  mixins: [x],
+  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(R);
+  },
+  methods: {
+    save() {
+      this.saveSetting(R, 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 oe(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-alert"), i = n("v-text-field"), c = n("v-col"), g = n("v-row"), m = n("v-icon"), f = n("v-list-item"), d = n("v-select"), a = n("v-switch"), L = n("v-card-text"), j = n("v-btn"), z = n("v-card-actions"), K = n("v-card");
+  return v(), C(K, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[12] || (e[12] = [
+          r("Classification Banner Settings")
+        ])),
+        _: 1
+      }),
+      o(u, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (p) => t.errorLoading = p),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          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] = (p) => t.errorSaving = p),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(u, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (p) => t.successSaving = p),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[13] || (e[13] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(L, { class: "pb-0" }, {
+        default: s(() => [
+          o(g, { dense: "" }, {
+            default: s(() => [
+              o(c, null, {
+                default: s(() => [
+                  o(i, {
+                    label: "Text",
+                    modelValue: l.text,
+                    "onUpdate:modelValue": e[3] || (e[3] = (p) => l.text = p),
+                    "data-test": "classification-banner-text"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(g, { dense: "" }, {
+            default: s(() => [
+              o(c, null, {
+                default: s(() => [
+                  o(d, {
+                    label: "Background color",
+                    items: l.colors,
+                    "item-title": "text",
+                    modelValue: l.selectedBackgroundColor,
+                    "onUpdate:modelValue": e[4] || (e[4] = (p) => l.selectedBackgroundColor = p),
+                    "data-test": "classification-banner-background-color"
+                  }, w({
+                    item: s(({ props: p, item: h }) => [
+                      o(f, H(p, {
+                        value: h.text
+                      }), {
+                        prepend: s(() => [
+                          h.value ? (v(), C(m, {
+                            key: 0,
+                            color: h.value
+                          }, {
+                            default: s(() => e[15] || (e[15] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : F("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedBackgroundColor ? {
+                      name: "prepend-inner",
+                      fn: s(() => [
+                        o(m, { color: l.selectedBackgroundColor }, {
+                          default: s(() => e[14] || (e[14] = [
+                            r(" mdi-square ")
+                          ])),
+                          _: 1
+                        }, 8, ["color"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: s(() => [
+                  o(i, {
+                    label: "Custom background color",
+                    hint: l.customColorHint,
+                    disabled: l.selectedBackgroundColor !== !1,
+                    modelValue: l.customBackgroundColor,
+                    "onUpdate:modelValue": e[5] || (e[5] = (p) => l.customBackgroundColor = p),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-background-color"
+                  }, {
+                    "prepend-inner": s(() => [
+                      T(o(m, { color: l.customBackgroundColor }, {
+                        default: s(() => e[16] || (e[16] = [
+                          r(" mdi-square ")
+                        ])),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [W, !l.selectedBackgroundColor]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["hint", "disabled", "modelValue", "rules"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: s(() => [
+                  o(d, {
+                    label: "Font color",
+                    items: l.colors,
+                    "item-title": "text",
+                    modelValue: l.selectedFontColor,
+                    "onUpdate:modelValue": e[6] || (e[6] = (p) => l.selectedFontColor = p),
+                    "data-test": "classification-banner-font-color"
+                  }, w({
+                    item: s(({ props: p, item: h }) => [
+                      o(f, H(p, {
+                        value: h.text
+                      }), {
+                        prepend: s(() => [
+                          h.value ? (v(), C(m, {
+                            key: 0,
+                            color: h.value
+                          }, {
+                            default: s(() => e[18] || (e[18] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : F("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedFontColor ? {
+                      name: "prepend-inner",
+                      fn: s(() => [
+                        T(o(m, { color: l.selectedFontColor }, {
+                          default: s(() => 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: s(() => [
+                  o(i, {
+                    label: "Custom font color",
+                    hint: l.customColorHint,
+                    disabled: l.selectedFontColor !== !1,
+                    modelValue: l.customFontColor,
+                    "onUpdate:modelValue": e[7] || (e[7] = (p) => l.customFontColor = p),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-font-color"
+                  }, {
+                    "prepend-inner": s(() => [
+                      T(o(m, { color: l.customFontColor }, {
+                        default: s(() => 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: s(() => [
+              o(c, null, {
+                default: s(() => [
+                  o(a, {
+                    label: "Display top banner",
+                    modelValue: l.displayTopBanner,
+                    "onUpdate:modelValue": e[8] || (e[8] = (p) => l.displayTopBanner = p),
+                    color: "primary",
+                    "data-test": "display-top-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: s(() => [
+                  o(i, {
+                    label: "Top height",
+                    disabled: !l.displayTopBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: l.topHeight,
+                    "onUpdate:modelValue": e[9] || (e[9] = (p) => l.topHeight = p),
+                    "data-test": "classification-banner-top-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: s(() => [
+                  o(a, {
+                    label: "Display bottom banner",
+                    modelValue: l.displayBottomBanner,
+                    "onUpdate:modelValue": e[10] || (e[10] = (p) => l.displayBottomBanner = p),
+                    color: "primary",
+                    "data-test": "display-bottom-banner"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(c, null, {
+                default: s(() => [
+                  o(i, {
+                    label: "Bottom height",
+                    disabled: !l.displayBottomBanner,
+                    type: "number",
+                    suffix: "px",
+                    modelValue: l.bottomHeight,
+                    "onUpdate:modelValue": e[11] || (e[11] = (p) => l.bottomHeight = p),
+                    "data-test": "classification-banner-bottom-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      o(z, null, {
+        default: s(() => [
+          o(j, {
+            disabled: !_.formValid,
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-classification-banner"
+          }, {
+            default: s(() => e[20] || (e[20] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["disabled", "onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const se = /* @__PURE__ */ k(te, [["render", oe]]), N = "time_zone", ne = {
+  mixins: [x],
+  data() {
+    return {
+      timeZones: ["local", "UTC"],
+      timeZone: "local"
+    };
+  },
+  created() {
+    this.loadSetting(N);
+  },
+  methods: {
+    save() {
+      this.saveSetting(N, this.timeZone);
+    },
+    parseSetting: function(t) {
+      t && (this.timeZone = t);
+    }
+  }
+};
+function le(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-alert"), c = n("v-select"), g = n("v-card-text"), m = n("v-btn"), f = n("v-card-actions"), d = n("v-card");
+  return v(), C(d, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r("Time Zone")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[5] || (e[5] = [
+          r(" The time zone to display for all COSMOS tools. (Note: All timestamps are UTC in the backend). ")
+        ])),
+        _: 1
+      }),
+      o(i, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, null, {
+        default: s(() => [
+          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(f, null, {
+        default: s(() => [
+          o(m, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-time-zone"
+          }, {
+            default: s(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const re = /* @__PURE__ */ k(ne, [["render", le]]), E = "subtitle", ae = {
+  mixins: [x],
+  data() {
+    return {
+      subtitle: ""
+    };
+  },
+  created() {
+    this.loadSetting(E);
+  },
+  methods: {
+    save() {
+      this.saveSetting(E, this.subtitle);
+    },
+    parseSetting: function(t) {
+      t && (this.subtitle = t);
+    }
+  }
+};
+function ie(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-alert"), c = n("v-text-field"), g = n("v-card-text"), m = n("v-btn"), f = n("v-card-actions"), d = n("v-card");
+  return v(), C(d, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r("Subtitle")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[5] || (e[5] = [
+          r(" This sets a subtitle to display below the COSMOS logo in the Navigation bar. ")
+        ])),
+        _: 1
+      }),
+      o(i, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: s(() => [
+          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(f, null, {
+        default: s(() => [
+          o(m, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-subtitle"
+          }, {
+            default: s(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const de = /* @__PURE__ */ k(ae, [["render", ie]]), O = "source_url", ue = {
+  mixins: [x],
+  data() {
+    return {
+      sourceUrl: "https://github.com/OpenC3/cosmos"
+    };
+  },
+  created() {
+    this.loadSetting(O);
+  },
+  methods: {
+    save() {
+      this.saveSetting(O, this.sourceUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.sourceUrl = t);
+    }
+  }
+};
+function ce(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-alert"), c = n("v-text-field"), g = n("v-card-text"), m = n("v-btn"), f = n("v-card-actions"), d = n("v-card");
+  return v(), C(d, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r(" Source code URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => 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(i, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: s(() => [
+          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(f, null, {
+        default: s(() => [
+          o(m, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-source-url"
+          }, {
+            default: s(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const pe = /* @__PURE__ */ k(ue, [["render", ce]]), Z = "rubygems_url", me = {
+  mixins: [x],
+  data() {
+    return {
+      rubygemsUrl: "https://rubygems.org"
+    };
+  },
+  created() {
+    this.loadSetting(Z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(Z, this.rubygemsUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.rubygemsUrl = t);
+    }
+  }
+};
+function ge(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-alert"), c = n("v-text-field"), g = n("v-card-text"), m = n("v-btn"), f = n("v-card-actions"), d = n("v-card");
+  return v(), C(d, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r(" Rubygems URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency rubygems. Also used for rubygem discovery. ")
+        ])),
+        _: 1
+      }),
+      o(i, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: s(() => [
+          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(f, null, {
+        default: s(() => [
+          o(m, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-rubygems-url"
+          }, {
+            default: s(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const fe = /* @__PURE__ */ k(me, [["render", ge]]), q = "pypi_url", ve = {
+  mixins: [x],
+  data() {
+    return {
+      pypiUrl: "https://pypi.org"
+    };
+  },
+  created() {
+    this.loadSetting(q);
+  },
+  methods: {
+    save() {
+      this.saveSetting(q, this.pypiUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.pypiUrl = t);
+    }
+  }
+};
+function _e(t, e, V, y, l, _) {
+  const b = n("v-card-title"), u = n("v-card-subtitle"), i = n("v-alert"), c = n("v-text-field"), g = n("v-card-text"), m = n("v-btn"), f = n("v-card-actions"), d = n("v-card");
+  return v(), C(d, null, {
+    default: s(() => [
+      o(b, null, {
+        default: s(() => e[4] || (e[4] = [
+          r(" Pypi URL ")
+        ])),
+        _: 1
+      }),
+      o(u, null, {
+        default: s(() => e[5] || (e[5] = [
+          r(" This sets the URL for installing dependency python packages. Also used for package discovery. ")
+        ])),
+        _: 1
+      }),
+      o(i, {
+        modelValue: t.errorLoading,
+        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.errorLoading = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error loading previous configuration due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.errorSaving,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.errorSaving = a),
+        type: "error",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => [
+          r(" Error saving due to " + S(t.errorText), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(i, {
+        modelValue: t.successSaving,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => t.successSaving = a),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: s(() => e[6] || (e[6] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(g, { class: "pb-0" }, {
+        default: s(() => [
+          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(f, null, {
+        default: s(() => [
+          o(m, {
+            onClick: _.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-pypi-url"
+          }, {
+            default: s(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const be = /* @__PURE__ */ k(ve, [["render", _e]]), Se = {
+  components: {
+    SuppressedSettings: M,
+    DefaultConfigSettings: Q,
+    AstroSettings: ee,
+    ClassificationBannerSettings: se,
+    TimeZoneSettings: re,
+    SubtitleSettings: de,
+    SourceCodeSettings: pe,
+    RubyGemsSettings: fe,
+    PypiSettings: be
+  }
+};
+function ye(t, e, V, y, l, _) {
+  const b = n("suppressed-settings"), u = n("v-divider"), i = n("default-config-settings"), c = n("astro-settings"), g = n("time-zone-settings"), m = n("classification-banner-settings"), f = n("subtitle-settings"), d = n("source-code-settings"), a = n("ruby-gems-settings"), L = n("pypi-settings");
+  return v(), U("div", null, [
+    o(b),
+    o(u),
+    o(i),
+    o(u),
+    o(c),
+    o(u),
+    o(g),
+    o(u),
+    o(m),
+    o(u),
+    o(f),
+    o(u),
+    o(d),
+    o(u),
+    o(a),
+    o(u),
+    o(L)
+  ]);
+}
+const he = /* @__PURE__ */ k(Se, [["render", ye]]);
+export {
+  he as default
+};
+//# sourceMappingURL=SettingsTab-B1DNmvM5.js.map