@sfgrp/distinguish 0.0.6 → 0.0.9

package/dist/distinguish.es.js

@@ -1741,19 +1741,19 @@ function traverse(value, seen) {
   return value;
 }
 function useTransitionState() {
-  const state2 = {
+  const state = {
     isMounted: false,
     isLeaving: false,
     isUnmounting: false,
     leavingVNodes: /* @__PURE__ */ new Map()
   };
   onMounted(() => {
-    state2.isMounted = true;
+    state.isMounted = true;
   });
   onBeforeUnmount(() => {
-    state2.isUnmounting = true;
+    state.isUnmounting = true;
   });
-  return state2;
+  return state;
 }
 const TransitionHookValidator = [Function, Array];
 const BaseTransitionImpl = {
@@ -1777,7 +1777,7 @@ const BaseTransitionImpl = {
   },
   setup(props, { slots }) {
     const instance = getCurrentInstance();
-    const state2 = useTransitionState();
+    const state = useTransitionState();
     let prevTransitionKey;
     return () => {
       const children = slots.default && getTransitionRawChildren(slots.default(), true);
@@ -1795,14 +1795,14 @@ const BaseTransitionImpl = {
       }
       const rawProps = toRaw(props);
       const { mode } = rawProps;
-      if (state2.isLeaving) {
+      if (state.isLeaving) {
         return emptyPlaceholder(child);
       }
       const innerChild = getKeepAliveChild(child);
       if (!innerChild) {
         return emptyPlaceholder(child);
       }
-      const enterHooks = resolveTransitionHooks(innerChild, rawProps, state2, instance);
+      const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance);
       setTransitionHooks(innerChild, enterHooks);
       const oldChild = instance.subTree;
       const oldInnerChild = oldChild && getKeepAliveChild(oldChild);
@@ -1818,18 +1818,18 @@ const BaseTransitionImpl = {
         }
       }
       if (oldInnerChild && oldInnerChild.type !== Comment && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
-        const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state2, instance);
+        const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
         setTransitionHooks(oldInnerChild, leavingHooks);
         if (mode === "out-in") {
-          state2.isLeaving = true;
+          state.isLeaving = true;
           leavingHooks.afterLeave = () => {
-            state2.isLeaving = false;
+            state.isLeaving = false;
             instance.update();
           };
           return emptyPlaceholder(child);
         } else if (mode === "in-out" && innerChild.type !== Comment) {
           leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-            const leavingVNodesCache = getLeavingNodesForType(state2, oldInnerChild);
+            const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
             leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
             el._leaveCb = () => {
               earlyRemove();
@@ -1845,8 +1845,8 @@ const BaseTransitionImpl = {
   }
 };
 const BaseTransition = BaseTransitionImpl;
-function getLeavingNodesForType(state2, vnode) {
-  const { leavingVNodes } = state2;
+function getLeavingNodesForType(state, vnode) {
+  const { leavingVNodes } = state;
   let leavingVNodesCache = leavingVNodes.get(vnode.type);
   if (!leavingVNodesCache) {
     leavingVNodesCache = /* @__PURE__ */ Object.create(null);
@@ -1854,10 +1854,10 @@ function getLeavingNodesForType(state2, vnode) {
   }
   return leavingVNodesCache;
 }
-function resolveTransitionHooks(vnode, props, state2, instance) {
+function resolveTransitionHooks(vnode, props, state, instance) {
   const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
   const key = String(vnode.key);
-  const leavingVNodesCache = getLeavingNodesForType(state2, vnode);
+  const leavingVNodesCache = getLeavingNodesForType(state, vnode);
   const callHook2 = (hook, args) => {
     hook && callWithAsyncErrorHandling(hook, instance, 9, args);
   };
@@ -1876,7 +1876,7 @@ function resolveTransitionHooks(vnode, props, state2, instance) {
     persisted,
     beforeEnter(el) {
       let hook = onBeforeEnter;
-      if (!state2.isMounted) {
+      if (!state.isMounted) {
         if (appear) {
           hook = onBeforeAppear || onBeforeEnter;
         } else {
@@ -1896,7 +1896,7 @@ function resolveTransitionHooks(vnode, props, state2, instance) {
       let hook = onEnter;
       let afterHook = onAfterEnter;
       let cancelHook = onEnterCancelled;
-      if (!state2.isMounted) {
+      if (!state.isMounted) {
         if (appear) {
           hook = onAppear || onEnter;
           afterHook = onAfterAppear || onAfterEnter;
@@ -1931,7 +1931,7 @@ function resolveTransitionHooks(vnode, props, state2, instance) {
       if (el._enterCb) {
         el._enterCb(true);
       }
-      if (state2.isUnmounting) {
+      if (state.isUnmounting) {
         return remove2();
       }
       callHook2(onBeforeLeave, [el]);
@@ -1959,7 +1959,7 @@ function resolveTransitionHooks(vnode, props, state2, instance) {
       }
     },
     clone(vnode2) {
-      return resolveTransitionHooks(vnode2, props, state2, instance);
+      return resolveTransitionHooks(vnode2, props, state, instance);
     }
   };
   return hooks;
@@ -5274,7 +5274,7 @@ var MutationType;
 })(MutationType || (MutationType = {}));
 function createPinia() {
   const scope = effectScope(true);
-  const state2 = scope.run(() => ref({}));
+  const state = scope.run(() => ref({}));
   let _p = [];
   let toBeInstalled = [];
   const pinia = markRaw({
@@ -5300,7 +5300,7 @@ function createPinia() {
     _a: null,
     _e: scope,
     _s: /* @__PURE__ */ new Map(),
-    state: state2
+    state
   });
   return pinia;
 }
@@ -5348,13 +5348,13 @@ function isComputed(o) {
   return !!(isRef(o) && o.effect);
 }
 function createOptionsStore(id, options, pinia, hot) {
-  const { state: state2, actions, getters } = options;
+  const { state, actions, getters } = options;
   const initialState = pinia.state.value[id];
   let store;
   function setup() {
     if (!initialState && true) {
       {
-        pinia.state.value[id] = state2 ? state2() : {};
+        pinia.state.value[id] = state ? state() : {};
       }
     }
     const localState = toRefs(pinia.state.value[id]);
@@ -5369,7 +5369,7 @@ function createOptionsStore(id, options, pinia, hot) {
   }
   store = createSetupStore(id, setup, options, pinia, hot, true);
   store.$reset = function $reset() {
-    const newState = state2 ? state2() : {};
+    const newState = state ? state() : {};
     this.$patch(($state) => {
       assign($state, newState);
     });
@@ -5477,13 +5477,13 @@ function createSetupStore($id, setup, options = {}, pinia, hot, isOptionsStore)
     $reset,
     $subscribe(callback, options2 = {}) {
       const removeSubscription = addSubscription(subscriptions, callback, options2.detached, () => stopWatcher());
-      const stopWatcher = scope.run(() => watch(() => pinia.state.value[$id], (state2) => {
+      const stopWatcher = scope.run(() => watch(() => pinia.state.value[$id], (state) => {
         if (options2.flush === "sync" ? isSyncListening : isListening) {
           callback({
             storeId: $id,
             type: MutationType.direct,
             events: debuggerEvents
-          }, state2);
+          }, state);
         }
       }, assign({}, $subscribeOptions, options2)));
       return removeSubscription;
@@ -5526,9 +5526,9 @@ function createSetupStore($id, setup, options = {}, pinia, hot, isOptionsStore)
   }
   Object.defineProperty(store, "$state", {
     get: () => pinia.state.value[$id],
-    set: (state2) => {
+    set: (state) => {
       $patch(($state) => {
-        assign($state, state2);
+        assign($state, state);
       });
     }
   });
@@ -5579,20 +5579,6 @@ function defineStore(idOrOptions, setup, setupOptions) {
   useStore.$id = id;
   return useStore;
 }
-const state = {
-  baseURL: "",
-  projectId: void 0,
-  projectToken: void 0,
-  userToken: void 0
-};
-const useAPIConfig = () => {
-  const updatePreferences = (preferences) => {
-    Object.assign(state, preferences);
-  };
-  return __spreadProps(__spreadValues({}, state), {
-    updatePreferences
-  });
-};
 var axios$2 = { exports: {} };
 var bind$2 = function bind(fn, thisArg) {
   return function wrap() {
@@ -6813,13 +6799,14 @@ axios$2.exports = axios$1;
 axios$2.exports.default = axios$1;
 var axios = axios$2.exports;
 const useRequest = (instanceConfiguration = {}) => {
+  const store = useSettingsStore();
   const {
     baseURL,
     projectId,
     projectToken,
     userToken,
     csrfToken
-  } = useAPIConfig();
+  } = store.getAPIConfig;
   const axiosConfiguration = __spreadValues({
     baseURL,
     params: {
@@ -6935,17 +6922,17 @@ const useObservationMatrixStore = defineStore("observationMatrix", {
     availableLanguages: []
   }),
   getters: {
-    getCitation: (state2) => state2.citation,
-    getObservationMatrix: (state2) => state2.observationMatrix,
-    getDescriptors: (state2) => state2.descriptors,
-    getDescriptorById: (state2) => (id) => state2.descriptors.find((d) => d.descriptorId === id),
-    getDescriptorsUsed: (state2) => state2.descriptors.filter((d) => d.status === "used"),
-    getDescriptorsUseless: (state2) => state2.descriptors.filter((d) => d.status === "useless"),
-    getDescriptorsUseful: (state2) => state2.descriptors.filter((d) => d.status === "useful"),
-    getEliminated: (state2) => state2.eliminated,
-    getKeywords: (state2) => state2.availableKeywords,
-    getLanguages: (state2) => state2.availableLanguages,
-    getRemaining: (state2) => state2.remaining
+    getCitation: (state) => state.citation,
+    getObservationMatrix: (state) => state.observationMatrix,
+    getDescriptors: (state) => state.descriptors,
+    getDescriptorById: (state) => (id) => state.descriptors.find((d) => d.descriptorId === id),
+    getDescriptorsUsed: (state) => state.descriptors.filter((d) => d.status === "used"),
+    getDescriptorsUseless: (state) => state.descriptors.filter((d) => d.status === "useless"),
+    getDescriptorsUseful: (state) => state.descriptors.filter((d) => d.status === "useful"),
+    getEliminated: (state) => state.eliminated,
+    getKeywords: (state) => state.availableKeywords,
+    getLanguages: (state) => state.availableLanguages,
+    getRemaining: (state) => state.remaining
   },
   actions: {
     setDescriptors(descriptors2) {
@@ -6993,29 +6980,29 @@ const useFilterStore = defineStore("filter", {
     sorting: void 0
   }),
   getters: {
-    getKeywordIds: (state2) => state2.keywordIds,
-    getLanguageId: (state2) => state2.languageId,
-    getRowIds: (state2) => state2.rowIds,
-    getDescriptors: (state2) => state2.descriptors,
-    getIdentifiedToRank: (state2) => state2.identifiedToRank,
-    getEliminateUknown: (state2) => state2.eliminateUnknown,
-    getErrorTolerance: (state2) => state2.errorTolerance,
-    getSorting: (state2) => state2.sorting,
-    getDescriptorValueById: (state2) => (id) => {
-      const value = state2.descriptors[id];
+    getKeywordIds: (state) => state.keywordIds,
+    getLanguageId: (state) => state.languageId,
+    getRowIds: (state) => state.rowIds,
+    getDescriptors: (state) => state.descriptors,
+    getIdentifiedToRank: (state) => state.identifiedToRank,
+    getEliminateUknown: (state) => state.eliminateUnknown,
+    getErrorTolerance: (state) => state.errorTolerance,
+    getSorting: (state) => state.sorting,
+    getDescriptorValueById: (state) => (id) => {
+      const value = state.descriptors[id];
       return typeof value === "boolean" ? value : value || "";
     },
-    getFilterParams: (state2) => {
-      const descriptorsParam = Object.entries(state2.descriptors).map(([key, value]) => Array.isArray(value) ? `${key}:${value.join("|")}` : `${key}:${value}`).join("||");
+    getFilterParams: (state) => {
+      const descriptorsParam = Object.entries(state.descriptors).map(([key, value]) => Array.isArray(value) ? `${key}:${value.join("|")}` : `${key}:${value}`).join("||");
       return {
         selected_descriptors: descriptorsParam,
-        language_id: state2.languageId,
-        keyword_ids: state2.keywordIds,
-        sorting: state2.sorting,
-        identified_to_rank: state2.identifiedToRank,
-        error_tolerance: state2.errorTolerance,
-        eliminate_unknown: state2.eliminateUnknown,
-        row_filter: state2.rowIds.join("|")
+        language_id: state.languageId,
+        keyword_ids: state.keywordIds,
+        sorting: state.sorting,
+        identified_to_rank: state.identifiedToRank,
+        error_tolerance: state.errorTolerance,
+        eliminate_unknown: state.eliminateUnknown,
+        row_filter: state.rowIds.join("|")
       };
     }
   },
@@ -7055,16 +7042,23 @@ const useSettingsStore = defineStore("settings", {
     rowFilter: true,
     shouldUpdate: true,
     observationMatrixId: void 0,
-    errorMessage: ""
+    errorMessage: "",
+    apiConfig: {
+      baseURL: "",
+      projectId: void 0,
+      projectToken: void 0,
+      userToken: void 0
+    }
   }),
   getters: {
-    getErrorMessage: (state2) => state2.errorMessage,
-    getIsLoading: (state2) => state2.isLoading,
-    getLayout: (state2) => state2.gridLayout,
-    getRefreshOnlyTaxa: (state2) => state2.refreshOnlyTaxa,
-    getRowFilter: (state2) => state2.rowFilter,
-    getShouldUpdate: (state2) => state2.shouldUpdate,
-    getObservationMatrixId: (state2) => state2.observationMatrixId
+    getErrorMessage: (state) => state.errorMessage,
+    getIsLoading: (state) => state.isLoading,
+    getLayout: (state) => state.gridLayout,
+    getRefreshOnlyTaxa: (state) => state.refreshOnlyTaxa,
+    getRowFilter: (state) => state.rowFilter,
+    getShouldUpdate: (state) => state.shouldUpdate,
+    getObservationMatrixId: (state) => state.observationMatrixId,
+    getAPIConfig: (state) => state.apiConfig
   },
   actions: {
     setObservationMatrixId(value) {
@@ -7076,6 +7070,9 @@ const useSettingsStore = defineStore("settings", {
     setRefreshOnlyTaxa(value) {
       this.refreshOnlyTaxa = value;
     },
+    setAPIConfig(config) {
+      this.apiConfig = config;
+    },
     checkUpdate() {
       const filterStore = useFilterStore();
       const observationStore = useObservationMatrixStore();
@@ -7093,7 +7090,7 @@ const useSettingsStore = defineStore("settings", {
     }
   }
 });
-const _hoisted_1$w = /* @__PURE__ */ createTextVNode(" Eliminate unknowns ");
+const _hoisted_1$x = /* @__PURE__ */ createTextVNode(" Eliminate unknowns ");
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FilterEliminateUnknowns",
   setup(__props) {
@@ -7112,12 +7109,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         }, null, 512), [
           [vModelCheckbox, unref(eliminateUknown)]
         ]),
-        _hoisted_1$w
+        _hoisted_1$x
       ]);
     };
   }
 });
-const _hoisted_1$v = /* @__PURE__ */ createBaseVNode("label", {
+const _hoisted_1$w = /* @__PURE__ */ createBaseVNode("label", {
   for: "languages",
   class: "d-block"
 }, " Error tolerance ", -1);
@@ -7136,7 +7133,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$v,
+        _hoisted_1$w,
         withDirectives(createBaseVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(errorTolerance) ? errorTolerance.value = $event : null),
           name: "languages",
@@ -7167,7 +7164,7 @@ const RANK_TYPES = [
   "subfamily",
   "family"
 ];
-const _hoisted_1$u = /* @__PURE__ */ createBaseVNode("label", { class: "d-block" }, "Identified to rank", -1);
+const _hoisted_1$v = /* @__PURE__ */ createBaseVNode("label", { class: "d-block" }, "Identified to rank", -1);
 const _hoisted_2$f = /* @__PURE__ */ createBaseVNode("option", { value: void 0 }, null, -1);
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "FilterRank",
@@ -7183,7 +7180,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$u,
+        _hoisted_1$v,
         withDirectives(createBaseVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(rankSelected) ? rankSelected.value = $event : null)
         }, [
@@ -7198,7 +7195,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = /* @__PURE__ */ createBaseVNode("label", { class: "d-block" }, "Descriptor sorting", -1);
+const _hoisted_1$u = /* @__PURE__ */ createBaseVNode("label", { class: "d-block" }, "Descriptor sorting", -1);
 const _hoisted_2$e = /* @__PURE__ */ createBaseVNode("option", { value: void 0 }, null, -1);
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FilterSort",
@@ -7219,7 +7216,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$t,
+        _hoisted_1$u,
         withDirectives(createBaseVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(sortDescriptors) ? sortDescriptors.value = $event : null)
         }, [
@@ -7234,7 +7231,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = /* @__PURE__ */ createBaseVNode("label", {
+const _hoisted_1$t = /* @__PURE__ */ createBaseVNode("label", {
   for: "languages",
   class: "d-block"
 }, " Languages ", -1);
@@ -7252,7 +7249,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$s,
+        _hoisted_1$t,
         withDirectives(createBaseVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(language) ? language.value = $event : null),
           name: "languages",
@@ -7271,12 +7268,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VBtn_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".btn{border-radius:8px;border:none}.btn-primary-color{background-color:var(--primary-color);color:#fff}.btn-medium-size{min-height:var(--btn-medium-size)}\n")();
+var VBtn_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".btn{border-radius:8px;border:none}.btn-primary-color{background-color:var(--primary-color);color:#fff}.btn-medium-size{min-height:var(--btn-medium-size)}.btn:disabled{background-color:var(--bg-disabled-color);color:var(--disabled-color)}\n")();
+const _hoisted_1$s = ["disabled"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "VBtn",
   props: {
     color: { default: "primary" },
-    size: { default: "medium" }
+    size: { default: "medium" },
+    disabled: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -7287,10 +7286,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         type: "button",
-        class: normalizeClass(["btn", unref(buttonClasses)])
+        class: normalizeClass(["btn", unref(buttonClasses)]),
+        disabled: __props.disabled
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 10, _hoisted_1$s);
     };
   }
 });
@@ -7373,13 +7373,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$u, {
           color: "primary",
           size: "medium",
+          disabled: !unref(store).getKeywords.length,
+          title: !unref(store).getKeywords.length ? "No tags defined." : "",
           onClick: _cache[0] || (_cache[0] = ($event) => isModalVisible.value = true)
         }, {
           default: withCtx(() => [
             _hoisted_1$q
           ]),
           _: 1
-        }),
+        }, 8, ["disabled", "title"]),
         isModalVisible.value ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           onClose: _cache[2] || (_cache[2] = ($event) => isModalVisible.value = false)
@@ -7464,7 +7466,7 @@ const LAYOUT_MODES = {
   "layout-mode-1": "layout-mode-2",
   "layout-mode-2": "layout-mode-1"
 };
-var VGrid_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".grid[data-v-203acd5e]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-gap:1px;background-color:var(--border-color);box-shadow:0 2px 2px #0003}\n")();
+var VGrid_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".grid[data-v-54dda420]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-gap:1px;background-color:var(--border-color);box-shadow:0 1px 1px #0003}\n")();
 const _sfc_main$o = {};
 const _hoisted_1$m = { class: "grid" };
 function _sfc_render(_ctx, _cache) {
@@ -7472,7 +7474,7 @@ function _sfc_render(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var VGrid = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render], ["__scopeId", "data-v-203acd5e"]]);
+var VGrid = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render], ["__scopeId", "data-v-54dda420"]]);
 var GridToggle_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".grid-icon{width:20px;height:12px;border:2px solid transparent;background-color:transparent;grid-gap:2px}.grid-icon>div{background-color:#fff}\n")();
 const _hoisted_1$l = /* @__PURE__ */ createBaseVNode("div", { class: "panel-descriptors" }, null, -1);
 const _hoisted_2$a = /* @__PURE__ */ createBaseVNode("div", { class: "panel-remaining" }, null, -1);
@@ -7536,7 +7538,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var HeaderBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".header-bar[data-v-1fab3a2c]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-radius:.9rem;display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-1fab3a2c]{display:flex;align-items:center}\n")();
+var HeaderBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".header-bar[data-v-055577b4]{background-color:var(--bg-panel-color);padding:1em;box-shadow:#24252614 4px 4px 15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-bar__buttons[data-v-055577b4]{display:flex;align-items:center}\n")();
 const _hoisted_1$i = { class: "header-bar" };
 const _hoisted_2$9 = { class: "header-bar__buttons" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -7600,7 +7602,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var HeaderBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1fab3a2c"]]);
+var HeaderBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-055577b4"]]);
 const _hoisted_1$h = ["innerHTML"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "PanelRowItem",
@@ -8382,8 +8384,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const isLoading = computed(() => settingStore.getIsLoading);
     const gridLayout = computed(() => settingStore.getLayout);
     const initialize = () => {
-      const api = useAPIConfig();
-      api.updatePreferences(props.apiConfig);
+      settingStore.setAPIConfig(props.apiConfig);
       settingStore.setObservationMatrixId(props.observationMatrixId);
       settingStore.checkUpdate();
     };
@@ -8396,7 +8397,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1),
-        createVNode(HeaderBar, { class: "margin-medium-bottom" }),
+        createVNode(HeaderBar),
         createVNode(VGrid, {
           class: normalizeClass(["w-100", unref(gridLayout)])
         }, {
@@ -8416,7 +8417,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     };
   }
 }));
-var main = /* @__PURE__ */ (() => ":root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}body{background-color:var(--bg-color)}.vue-interactive-keys{height:calc(100vh - 160px);max-height:calc(100vh - 160px);font-family:Arial,Helvetica,sans-serif;font-size:13px}.vue-interactive-keys .grid-panel{background-color:#fff;padding:1rem;overflow-y:scroll}.vue-interactive-keys .layout-mode-1 .panel-descriptors{grid-area:1/1/2/3}.vue-interactive-keys .layout-mode-1 .panel-remaining{grid-area:2/1/3/2}.vue-interactive-keys .layout-mode-1 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys .layout-mode-2 .panel-descriptors{grid-area:1/1/3/2}.vue-interactive-keys .layout-mode-2 .panel-remaining{grid-area:1/2/2/3}.vue-interactive-keys .layout-mode-2 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys input,.vue-interactive-keys select{padding:.5em 1em;border:1px solid;border-radius:2px;border-color:var(--border-color);background-color:#fff}.vue-interactive-keys .error-message{color:var(--error-color)}\n")();
+var main = /* @__PURE__ */ (() => ":root{--bg-color: #f7f8fc;--bg-panel-color: #FFFFFF;--bg-disabled-color: #e5e5e5;--disabled-color: #999;--error-color: #FF0000;--primary-color: #5D9ECE;--border-color: #CCCCCC;--link-color: #5D9ECE;--btn-medium-size: 28px}.d-block{display:block}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{height:100%}.margin-medium-bottom{margin-bottom:1em}.margin-small-right{margin-right:.5em}.p-0{padding:0}.link{color:var(--link-color);cursor:pointer}.list-none{list-style:none}html,body{margin:0;height:100%}body{background-color:var(--bg-color)}.vue-interactive-keys{height:100vh;max-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:13px}.vue-interactive-keys .grid{max-height:calc(100% - 140px)}.vue-interactive-keys .grid-panel{background-color:#fff;padding:1rem;overflow-y:scroll}.vue-interactive-keys .layout-mode-1 .panel-descriptors{grid-area:1/1/2/3}.vue-interactive-keys .layout-mode-1 .panel-remaining{grid-area:2/1/3/2}.vue-interactive-keys .layout-mode-1 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys .layout-mode-2 .panel-descriptors{grid-area:1/1/3/2}.vue-interactive-keys .layout-mode-2 .panel-remaining{grid-area:1/2/2/3}.vue-interactive-keys .layout-mode-2 .panel-eliminated{grid-area:2/2/3/3}.vue-interactive-keys input,.vue-interactive-keys select{padding:.5em 1em;border:1px solid;border-radius:2px;border-color:var(--border-color);background-color:#fff}.vue-interactive-keys .error-message{color:var(--error-color)}\n")();
 function discoverInteractiveKey(selector) {
   const tag = selector || '[data-interactive-key="true"]';
   const elements = document.querySelectorAll(tag);