@openc3/vue-common 6.2.0 → 6.2.1

package/dist/SettingsTab-Bo_dYXgb.js

@@ -0,0 +1,1382 @@
+import { resolveComponent as s, createBlock as y, openBlock as b, withCtx as n, createVNode as o, createTextVNode as r, createElementBlock as x, Fragment as B, renderList as j, toDisplayString as S, createSlots as W, mergeProps as H, createCommentVNode as A, withDirectives as T, vShow as F } from "vue";
+import { _ as V } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
+import { m as M } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-iq-jp8dD.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, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-checkbox"), c = s("v-card-text"), g = s("v-btn"), m = s("v-card-actions"), f = s("v-card");
+  return b(), y(f, 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(B, { 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(B, null, j(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(B, { key: 1 }, [
+            r(" No warnings to reset ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(m, { class: "px-2" }, {
+        default: n(() => [
+          o(g, {
+            disabled: !l.selectedSuppressedWarnings.length,
+            onClick: v.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 Y = /* @__PURE__ */ V(J, [["render", G]]), I = {
+  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 Q(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-checkbox"), c = s("v-card-text"), g = s("v-btn"), m = s("v-card-actions"), f = s("v-card");
+  return b(), y(f, 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(B, { 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(B, null, j(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(B, { key: 1 }, [
+            r(" No configs to clear ")
+          ], 64))
+        ]),
+        _: 1
+      }),
+      o(m, { class: "px-2" }, {
+        default: n(() => [
+          o(g, {
+            disabled: !l.selectedLastConfigs.length,
+            onClick: v.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 X = /* @__PURE__ */ V(I, [["render", Q]]), k = {
+  data() {
+    return {
+      api: new M(),
+      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) {
+    }
+  }
+}, R = "astro", $ = {
+  mixins: [k],
+  data() {
+    return {
+      hideClock: !1
+    };
+  },
+  created() {
+    this.loadSetting(R);
+  },
+  methods: {
+    save() {
+      this.saveSetting(
+        R,
+        // 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 ee(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-switch"), c = s("v-card-text"), g = s("v-btn"), m = s("v-card-actions"), f = s("v-card");
+  return b(), y(f, 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(m, null, {
+        default: n(() => [
+          o(g, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-astro-settings"
+          }, {
+            default: n(() => e[6] || (e[6] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const te = /* @__PURE__ */ V($, [["render", ee]]), N = "classification_banner", oe = {
+  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 ne(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-text-field"), c = s("v-col"), g = s("v-row"), m = s("v-icon"), f = s("v-list-item"), i = s("v-select"), a = s("v-switch"), L = s("v-card-text"), w = s("v-btn"), K = 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] = (p) => t.errorLoading = p),
+        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] = (p) => t.errorSaving = p),
+        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] = (p) => t.successSaving = p),
+        type: "success",
+        closable: "",
+        density: "compact"
+      }, {
+        default: n(() => e[13] || (e[13] = [
+          r(" Saved! (Refresh the page to see changes) ")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]),
+      o(L, { 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] = (p) => l.text = p),
+                    "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] = (p) => l.selectedBackgroundColor = p),
+                    "data-test": "classification-banner-background-color"
+                  }, W({
+                    item: n(({ props: p, item: U }) => [
+                      o(f, H(p, {
+                        value: U.text
+                      }), {
+                        prepend: n(() => [
+                          U.value ? (b(), y(m, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: n(() => e[15] || (e[15] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : A("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedBackgroundColor ? {
+                      name: "prepend-inner",
+                      fn: n(() => [
+                        o(m, { 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] = (p) => l.customBackgroundColor = p),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-background-color"
+                  }, {
+                    "prepend-inner": n(() => [
+                      T(o(m, { color: l.customBackgroundColor }, {
+                        default: n(() => e[16] || (e[16] = [
+                          r(" mdi-square ")
+                        ])),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [F, !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] = (p) => l.selectedFontColor = p),
+                    "data-test": "classification-banner-font-color"
+                  }, W({
+                    item: n(({ props: p, item: U }) => [
+                      o(f, H(p, {
+                        value: U.text
+                      }), {
+                        prepend: n(() => [
+                          U.value ? (b(), y(m, {
+                            key: 0,
+                            color: U.value
+                          }, {
+                            default: n(() => e[18] || (e[18] = [
+                              r(" mdi-square ")
+                            ])),
+                            _: 2
+                          }, 1032, ["color"])) : A("", !0)
+                        ]),
+                        _: 2
+                      }, 1040, ["value"])
+                    ]),
+                    _: 2
+                  }, [
+                    l.selectedFontColor ? {
+                      name: "prepend-inner",
+                      fn: n(() => [
+                        T(o(m, { color: l.selectedFontColor }, {
+                          default: n(() => e[17] || (e[17] = [
+                            r(" mdi-square ")
+                          ])),
+                          _: 1
+                        }, 8, ["color"]), [
+                          [F, 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] = (p) => l.customFontColor = p),
+                    rules: [l.rules.customColor],
+                    "data-test": "classification-banner-custom-font-color"
+                  }, {
+                    "prepend-inner": n(() => [
+                      T(o(m, { color: l.customFontColor }, {
+                        default: n(() => e[19] || (e[19] = [
+                          r(" mdi-square ")
+                        ])),
+                        _: 1
+                      }, 8, ["color"]), [
+                        [F, !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] = (p) => l.displayTopBanner = p),
+                    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] = (p) => l.topHeight = p),
+                    "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] = (p) => l.displayBottomBanner = p),
+                    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] = (p) => l.bottomHeight = p),
+                    "data-test": "classification-banner-bottom-height"
+                  }, null, 8, ["disabled", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      o(K, null, {
+        default: n(() => [
+          o(w, {
+            disabled: !v.formValid,
+            onClick: v.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 se = /* @__PURE__ */ V(oe, [["render", ne]]), O = "time_zone", le = {
+  mixins: [k],
+  data() {
+    return {
+      timeZones: ["local", "UTC"],
+      timeZone: "local"
+    };
+  },
+  created() {
+    this.loadSetting(O);
+  },
+  methods: {
+    save() {
+      this.saveSetting(O, this.timeZone);
+    },
+    parseSetting: function(t) {
+      t && (this.timeZone = t);
+    }
+  }
+};
+function re(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-select"), g = s("v-card-text"), m = s("v-btn"), f = 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(f, null, {
+        default: n(() => [
+          o(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-time-zone"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ae = /* @__PURE__ */ V(le, [["render", re]]), E = "news_feed", ie = {
+  mixins: [k],
+  data() {
+    return {
+      newsFeed: !0
+    };
+  },
+  created() {
+    this.loadSetting(E);
+  },
+  methods: {
+    save() {
+      this.saveSetting(E, this.newsFeed), this.newsFeed && this.api.update_news();
+    },
+    parseSetting: function(t) {
+      this.newsFeed = t;
+    }
+  }
+};
+function de(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-alert"), d = s("v-switch"), c = s("v-card-text"), g = s("v-btn"), m = s("v-card-actions"), f = s("v-card");
+  return b(), y(f, 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(m, null, {
+        default: n(() => [
+          o(g, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-news-feed"
+          }, {
+            default: n(() => e[6] || (e[6] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ue = /* @__PURE__ */ V(ie, [["render", de]]), Z = "subtitle", ce = {
+  mixins: [k],
+  data() {
+    return {
+      subtitle: ""
+    };
+  },
+  created() {
+    this.loadSetting(Z);
+  },
+  methods: {
+    save() {
+      this.saveSetting(Z, this.subtitle);
+    },
+    parseSetting: function(t) {
+      t && (this.subtitle = t);
+    }
+  }
+};
+function pe(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), m = s("v-btn"), f = 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(f, null, {
+        default: n(() => [
+          o(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-subtitle"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const me = /* @__PURE__ */ V(ce, [["render", pe]]), q = "source_url", ge = {
+  mixins: [k],
+  data() {
+    return {
+      sourceUrl: "https://github.com/OpenC3/cosmos"
+    };
+  },
+  created() {
+    this.loadSetting(q);
+  },
+  methods: {
+    save() {
+      this.saveSetting(q, this.sourceUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.sourceUrl = t);
+    }
+  }
+};
+function fe(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), m = s("v-btn"), f = 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(f, null, {
+        default: n(() => [
+          o(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-source-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const ve = /* @__PURE__ */ V(ge, [["render", fe]]), z = "rubygems_url", _e = {
+  mixins: [k],
+  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 be(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), m = s("v-btn"), f = 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(f, null, {
+        default: n(() => [
+          o(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-rubygems-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Se = /* @__PURE__ */ V(_e, [["render", be]]), D = "pypi_url", ye = {
+  mixins: [k],
+  data() {
+    return {
+      pypiUrl: "https://pypi.org"
+    };
+  },
+  created() {
+    this.loadSetting(D);
+  },
+  methods: {
+    save() {
+      this.saveSetting(D, this.pypiUrl);
+    },
+    parseSetting: function(t) {
+      t && (this.pypiUrl = t);
+    }
+  }
+};
+function Ve(t, e, C, h, l, v) {
+  const _ = s("v-card-title"), u = s("v-card-subtitle"), d = s("v-alert"), c = s("v-text-field"), g = s("v-card-text"), m = s("v-btn"), f = 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(f, null, {
+        default: n(() => [
+          o(m, {
+            onClick: v.save,
+            color: "success",
+            variant: "text",
+            "data-test": "save-pypi-url"
+          }, {
+            default: n(() => e[7] || (e[7] = [
+              r(" Save ")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Ce = /* @__PURE__ */ V(ye, [["render", Ve]]), he = {
+  components: {
+    SuppressedSettings: Y,
+    DefaultConfigSettings: X,
+    AstroSettings: te,
+    ClassificationBannerSettings: se,
+    TimeZoneSettings: ae,
+    NewsFeedSettings: ue,
+    SubtitleSettings: me,
+    SourceCodeSettings: ve,
+    RubyGemsSettings: Se,
+    PypiSettings: Ce
+  }
+};
+function ke(t, e, C, h, l, v) {
+  const _ = s("suppressed-settings"), u = s("v-divider"), d = s("default-config-settings"), c = s("astro-settings"), g = s("time-zone-settings"), m = s("news-feed-settings"), f = s("classification-banner-settings"), i = s("subtitle-settings"), a = s("source-code-settings"), L = s("ruby-gems-settings"), w = s("pypi-settings");
+  return b(), x("div", null, [
+    o(_),
+    o(u),
+    o(d),
+    o(u),
+    o(c),
+    o(u),
+    o(g),
+    o(u),
+    o(m),
+    o(u),
+    o(f),
+    o(u),
+    o(i),
+    o(u),
+    o(a),
+    o(u),
+    o(L),
+    o(u),
+    o(w)
+  ]);
+}
+const Le = /* @__PURE__ */ V(he, [["render", ke]]);
+export {
+  Le as default
+};
+//# sourceMappingURL=SettingsTab-Bo_dYXgb.js.map