@bagelink/vue 0.0.322 → 0.0.335

package/dist/index.cjs

@@ -262,7 +262,7 @@ const computePosition = async (reference, floating, config) => {
     middlewareData
   };
 };
-async function detectOverflow(state, options) {
+async function detectOverflow(state2, options) {
   var _await$platform$isEle;
   if (options === void 0) {
     options = {};
@@ -274,14 +274,14 @@ async function detectOverflow(state, options) {
     rects,
     elements,
     strategy
-  } = state;
+  } = state2;
   const {
     boundary = "clippingAncestors",
     rootBoundary = "viewport",
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = evaluate(options, state);
+  } = evaluate(options, state2);
   const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element = elements[altBoundary ? altContext : elementContext];
@@ -320,7 +320,7 @@ async function detectOverflow(state, options) {
 const arrow = (options) => ({
   name: "arrow",
   options,
-  async fn(state) {
+  async fn(state2) {
     const {
       x: x2,
       y: y2,
@@ -329,11 +329,11 @@ const arrow = (options) => ({
       platform: platform2,
       elements,
       middlewareData
-    } = state;
+    } = state2;
     const {
       element,
       padding = 0
-    } = evaluate(options, state) || {};
+    } = evaluate(options, state2) || {};
     if (element == null) {
       return {};
     }
@@ -395,7 +395,7 @@ const autoPlacement = function(options) {
   return {
     name: "autoPlacement",
     options,
-    async fn(state) {
+    async fn(state2) {
       var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
       const {
         rects,
@@ -403,16 +403,16 @@ const autoPlacement = function(options) {
         placement,
         platform: platform2,
         elements
-      } = state;
+      } = state2;
       const {
         crossAxis = false,
         alignment,
         allowedPlacements = placements,
         autoAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state);
+      } = evaluate(options, state2);
       const placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await detectOverflow(state2, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -482,7 +482,7 @@ const flip = function(options) {
   return {
     name: "flip",
     options,
-    async fn(state) {
+    async fn(state2) {
       var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
@@ -491,7 +491,7 @@ const flip = function(options) {
         initialPlacement,
         platform: platform2,
         elements
-      } = state;
+      } = state2;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
@@ -500,7 +500,7 @@ const flip = function(options) {
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state);
+      } = evaluate(options, state2);
       if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -512,7 +512,7 @@ const flip = function(options) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await detectOverflow(state2, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -569,19 +569,19 @@ const flip = function(options) {
     }
   };
 };
-async function convertValueToCoords(state, options) {
+async function convertValueToCoords(state2, options) {
   const {
     placement,
     platform: platform2,
     elements
-  } = state;
+  } = state2;
   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
   const side = getSide$1(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === "y";
   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state);
+  const rawValue = evaluate(options, state2);
   let {
     mainAxis,
     crossAxis,
@@ -614,15 +614,15 @@ const offset = function(options) {
   return {
     name: "offset",
     options,
-    async fn(state) {
+    async fn(state2) {
       var _middlewareData$offse, _middlewareData$arrow;
       const {
         x: x2,
         y: y2,
         placement,
         middlewareData
-      } = state;
-      const diffCoords = await convertValueToCoords(state, options);
+      } = state2;
+      const diffCoords = await convertValueToCoords(state2, options);
       if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -644,12 +644,12 @@ const shift$1 = function(options) {
   return {
     name: "shift",
     options,
-    async fn(state) {
+    async fn(state2) {
       const {
         x: x2,
         y: y2,
         placement
-      } = state;
+      } = state2;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = false,
@@ -666,12 +666,12 @@ const shift$1 = function(options) {
           }
         },
         ...detectOverflowOptions
-      } = evaluate(options, state);
+      } = evaluate(options, state2);
       const coords = {
         x: x2,
         y: y2
       };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await detectOverflow(state2, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide$1(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -691,7 +691,7 @@ const shift$1 = function(options) {
         crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...state,
+        ...state2,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -712,19 +712,19 @@ const size = function(options) {
   return {
     name: "size",
     options,
-    async fn(state) {
+    async fn(state2) {
       const {
         placement,
         rects,
         platform: platform2,
         elements
-      } = state;
+      } = state2;
       const {
         apply: apply2 = () => {
         },
         ...detectOverflowOptions
-      } = evaluate(options, state);
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      } = evaluate(options, state2);
+      const overflow = await detectOverflow(state2, detectOverflowOptions);
       const side = getSide$1(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === "y";
@@ -743,7 +743,7 @@ const size = function(options) {
       }
       const overflowAvailableHeight = height - overflow[heightSide];
       const overflowAvailableWidth = width - overflow[widthSide];
-      const noShift = !state.middlewareData.shift;
+      const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
@@ -765,7 +765,7 @@ const size = function(options) {
         }
       }
       await apply2({
-        ...state,
+        ...state2,
         availableWidth,
         availableHeight
       });
@@ -4019,7 +4019,7 @@ const adapters = {
     }
     if (!adapter) {
       const reasons = Object.entries(rejectedReasons).map(
-        ([id, state]) => `adapter ${id} ` + (state === false ? "is not supported by the environment" : "is not available in the build")
+        ([id, state2]) => `adapter ${id} ` + (state2 === false ? "is not supported by the environment" : "is not available in the build")
       );
       let s2 = length ? reasons.length > 1 ? "since :\n" + reasons.map(renderReason).join("\n") : " " + renderReason(reasons[0]) : "as no adapter specified";
       throw new AxiosError(
@@ -4880,7 +4880,7 @@ const ModalPlugin = {
           const props2 = { ...modal.modalOptions, visible: true, "onUpdate:visible": () => hideModal(index2) };
           if (modal.modalType === "modalForm")
             return vue.h(ModalForm, props2, modal.componentSlots);
-          return vue.h(_sfc_main$C, props2, modal.componentSlots);
+          return vue.h(_sfc_main$E, props2, modal.componentSlots);
         });
       }
     });
@@ -4945,7 +4945,7 @@ function numField(id, label, options) {
 function frmRow(...children2) {
   return {
     $el: "div",
-    class: "flex gap-1",
+    class: "flex gap-1 m_block",
     children: children2
   };
 }
@@ -4991,8 +4991,6 @@ function bindAttrs(attrs, fieldVal, row) {
     key,
     typeof value === "function" ? value(fieldVal, row) : value
   ]);
-  if (attrs.options)
-    console.log("arr", arr);
   const resolvedAttrs = Object.fromEntries(arr);
   return resolvedAttrs;
 }
@@ -6970,19 +6968,19 @@ function dfa(nfa2) {
         });
       });
     });
-    let state = labeled[states.join(",")] = new ContentMatch(states.indexOf(nfa2.length - 1) > -1);
+    let state2 = labeled[states.join(",")] = new ContentMatch(states.indexOf(nfa2.length - 1) > -1);
     for (let i2 = 0; i2 < out.length; i2++) {
       let states2 = out[i2][1].sort(cmp);
-      state.next.push({ type: out[i2][0], next: labeled[states2.join(",")] || explore(states2) });
+      state2.next.push({ type: out[i2][0], next: labeled[states2.join(",")] || explore(states2) });
     }
-    return state;
+    return state2;
   }
 }
 function checkForDeadEnds(match2, stream) {
   for (let i2 = 0, work = [match2]; i2 < work.length; i2++) {
-    let state = work[i2], dead = !state.validEnd, nodes2 = [];
-    for (let j = 0; j < state.next.length; j++) {
-      let { type: type3, next } = state.next[j];
+    let state2 = work[i2], dead = !state2.validEnd, nodes2 = [];
+    for (let j = 0; j < state2.next.length; j++) {
+      let { type: type3, next } = state2.next[j];
       nodes2.push(type3.name);
       if (dead && !(type3.isText || type3.hasRequiredAttrs()))
         dead = false;
@@ -10379,14 +10377,14 @@ class Transaction extends Transform {
   /**
   @internal
   */
-  constructor(state) {
-    super(state.doc);
+  constructor(state2) {
+    super(state2.doc);
     this.curSelectionFor = 0;
     this.updated = 0;
     this.meta = /* @__PURE__ */ Object.create(null);
     this.time = Date.now();
-    this.curSelection = state.selection;
-    this.storedMarks = state.storedMarks;
+    this.curSelection = state2.selection;
+    this.storedMarks = state2.storedMarks;
   }
   /**
   The transaction's current selection. This defaults to the editor
@@ -10593,8 +10591,8 @@ const baseFields = [
     init(config) {
       return config.storedMarks || null;
     },
-    apply(tr2, _marks, _old, state) {
-      return state.selection.$cursor ? tr2.storedMarks : null;
+    apply(tr2, _marks, _old, state2) {
+      return state2.selection.$cursor ? tr2.storedMarks : null;
     }
   }),
   new FieldDesc("scrollToSelection", {
@@ -10758,9 +10756,9 @@ class EditorState {
       for (let prop3 in pluginFields) {
         if (prop3 == "doc" || prop3 == "selection")
           throw new RangeError("The JSON fields `doc` and `selection` are reserved");
-        let plugin = pluginFields[prop3], state = plugin.spec.state;
-        if (state && state.toJSON)
-          result[prop3] = state.toJSON.call(plugin, this[plugin.key]);
+        let plugin = pluginFields[prop3], state2 = plugin.spec.state;
+        if (state2 && state2.toJSON)
+          result[prop3] = state2.toJSON.call(plugin, this[plugin.key]);
       }
     return result;
   }
@@ -10789,9 +10787,9 @@ class EditorState {
       } else {
         if (pluginFields)
           for (let prop3 in pluginFields) {
-            let plugin = pluginFields[prop3], state = plugin.spec.state;
-            if (plugin.key == field.name && state && state.fromJSON && Object.prototype.hasOwnProperty.call(json, prop3)) {
-              instance[field.name] = state.fromJSON.call(plugin, config, json[prop3], instance);
+            let plugin = pluginFields[prop3], state2 = plugin.spec.state;
+            if (plugin.key == field.name && state2 && state2.fromJSON && Object.prototype.hasOwnProperty.call(json, prop3)) {
+              instance[field.name] = state2.fromJSON.call(plugin, config, json[prop3], instance);
               return;
             }
           }
@@ -10826,8 +10824,8 @@ class Plugin {
   /**
   Extract the plugin's state field from an editor state.
   */
-  getState(state) {
-    return state[this.key];
+  getState(state2) {
+    return state2[this.key];
   }
 }
 const keys$1 = /* @__PURE__ */ Object.create(null);
@@ -10848,14 +10846,14 @@ class PluginKey {
   Get the active plugin with this key, if any, from an editor
   state.
   */
-  get(state) {
-    return state.config.pluginsByKey[this.key];
+  get(state2) {
+    return state2.config.pluginsByKey[this.key];
   }
   /**
   Get the plugin's state from an editor state.
   */
-  getState(state) {
-    return state[this.key];
+  getState(state2) {
+    return state2[this.key];
   }
 }
 const domIndex = function(node) {
@@ -11341,25 +11339,25 @@ function flattenH(rect, top2) {
   let y2 = top2 ? rect.top : rect.bottom;
   return { top: y2, bottom: y2, left: rect.left, right: rect.right };
 }
-function withFlushedState(view, state, f2) {
+function withFlushedState(view, state2, f2) {
   let viewState = view.state, active = view.root.activeElement;
-  if (viewState != state)
-    view.updateState(state);
+  if (viewState != state2)
+    view.updateState(state2);
   if (active != view.dom)
     view.focus();
   try {
     return f2();
   } finally {
-    if (viewState != state)
+    if (viewState != state2)
       view.updateState(viewState);
     if (active != view.dom && active)
       active.focus();
   }
 }
-function endOfTextblockVertical(view, state, dir) {
-  let sel = state.selection;
+function endOfTextblockVertical(view, state2, dir) {
+  let sel = state2.selection;
   let $pos = dir == "up" ? sel.$from : sel.$to;
-  return withFlushedState(view, state, () => {
+  return withFlushedState(view, state2, () => {
     let { node: dom } = view.docView.domFromPos($pos.pos, dir == "up" ? -1 : 1);
     for (; ; ) {
       let nearest = view.docView.nearestDesc(dom, true);
@@ -11390,15 +11388,15 @@ function endOfTextblockVertical(view, state, dir) {
   });
 }
 const maybeRTL = /[\u0590-\u08ac]/;
-function endOfTextblockHorizontal(view, state, dir) {
-  let { $head } = state.selection;
+function endOfTextblockHorizontal(view, state2, dir) {
+  let { $head } = state2.selection;
   if (!$head.parent.isTextblock)
     return false;
   let offset2 = $head.parentOffset, atStart = !offset2, atEnd = offset2 == $head.parent.content.size;
   let sel = view.domSelection();
   if (!maybeRTL.test($head.parent.textContent) || !sel.modify)
     return dir == "left" || dir == "backward" ? atStart : atEnd;
-  return withFlushedState(view, state, () => {
+  return withFlushedState(view, state2, () => {
     let { focusNode: oldNode, focusOffset: oldOff, anchorNode, anchorOffset } = view.domSelectionRange();
     let oldBidiLevel = sel.caretBidiLevel;
     sel.modify("move", dir, "character");
@@ -11419,12 +11417,12 @@ function endOfTextblockHorizontal(view, state, dir) {
 let cachedState = null;
 let cachedDir = null;
 let cachedResult = false;
-function endOfTextblock(view, state, dir) {
-  if (cachedState == state && cachedDir == dir)
+function endOfTextblock(view, state2, dir) {
+  if (cachedState == state2 && cachedDir == dir)
     return cachedResult;
-  cachedState = state;
+  cachedState = state2;
   cachedDir = dir;
-  return cachedResult = dir == "up" || dir == "down" ? endOfTextblockVertical(view, state, dir) : endOfTextblockHorizontal(view, state, dir);
+  return cachedResult = dir == "up" || dir == "down" ? endOfTextblockVertical(view, state2, dir) : endOfTextblockHorizontal(view, state2, dir);
 }
 const NOT_DIRTY = 0, CHILD_DIRTY = 1, CONTENT_DIRTY = 2, NODE_DIRTY = 3;
 class ViewDesc {
@@ -12929,10 +12927,10 @@ function anchorInRightPlace(view) {
   let domSel = view.domSelectionRange();
   return isEquivalentPosition(anchorDOM.node, anchorDOM.offset, domSel.anchorNode, domSel.anchorOffset);
 }
-function moveSelectionBlock(state, dir) {
-  let { $anchor, $head } = state.selection;
+function moveSelectionBlock(state2, dir) {
+  let { $anchor, $head } = state2.selection;
   let $side = dir > 0 ? $anchor.max($head) : $anchor.min($head);
-  let $start = !$side.parent.inlineContent ? $side : $side.depth ? state.doc.resolve(dir > 0 ? $side.after() : $side.before()) : null;
+  let $start = !$side.parent.inlineContent ? $side : $side.depth ? state2.doc.resolve(dir > 0 ? $side.after() : $side.before()) : null;
   return $start && Selection$1.findFrom($start, dir);
 }
 function apply(view, sel) {
@@ -13134,9 +13132,9 @@ function setSelFocus(view, node, offset2) {
     sel.extend(node, offset2);
   }
   view.domObserver.setCurSelection();
-  let { state } = view;
+  let { state: state2 } = view;
   setTimeout(() => {
-    if (view.state == state)
+    if (view.state == state2)
       selectionToDOM(view);
   }, 50);
 }
@@ -13201,9 +13199,9 @@ function stopNativeHorizontalDelete(view, dir) {
   }
   return false;
 }
-function switchEditable(view, node, state) {
+function switchEditable(view, node, state2) {
   view.domObserver.stop();
-  node.contentEditable = state;
+  node.contentEditable = state2;
   view.domObserver.start();
 }
 function safariDownArrowBug(view) {
@@ -13850,14 +13848,14 @@ const timeoutComposition = android ? 5e3 : -1;
 editHandlers.compositionstart = editHandlers.compositionupdate = (view) => {
   if (!view.composing) {
     view.domObserver.flush();
-    let { state } = view, $pos = state.selection.$from;
-    if (state.selection.empty && (state.storedMarks || !$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some((m2) => m2.type.spec.inclusive === false))) {
+    let { state: state2 } = view, $pos = state2.selection.$from;
+    if (state2.selection.empty && (state2.storedMarks || !$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some((m2) => m2.type.spec.inclusive === false))) {
       view.markCursor = view.state.storedMarks || $pos.marks();
       endComposition(view, true);
       view.markCursor = null;
     } else {
       endComposition(view);
-      if (gecko && state.selection.empty && $pos.parentOffset && !$pos.textOffset && $pos.nodeBefore.marks.length) {
+      if (gecko && state2.selection.empty && $pos.parentOffset && !$pos.textOffset && $pos.nodeBefore.marks.length) {
         let sel = view.domSelectionRange();
         for (let node = sel.focusNode, offset2 = sel.focusOffset; node && node.nodeType == 1 && offset2 != 0; ) {
           let before = offset2 < 0 ? node.lastChild : node.childNodes[offset2 - 1];
@@ -15429,18 +15427,18 @@ class EditorView {
   Update the editor's `state` prop, without touching any of the
   other props.
   */
-  updateState(state) {
-    this.updateStateInner(state, this._props);
+  updateState(state2) {
+    this.updateStateInner(state2, this._props);
   }
-  updateStateInner(state, prevProps) {
+  updateStateInner(state2, prevProps) {
     var _a2;
     let prev = this.state, redraw = false, updateSel = false;
-    if (state.storedMarks && this.composing) {
+    if (state2.storedMarks && this.composing) {
       clearComposition(this);
       updateSel = true;
     }
-    this.state = state;
-    let pluginsChanged = prev.plugins != state.plugins || this._props.plugins != prevProps.plugins;
+    this.state = state2;
+    let pluginsChanged = prev.plugins != state2.plugins || this._props.plugins != prevProps.plugins;
     if (pluginsChanged || this._props.plugins != prevProps.plugins || this._props.nodeViews != prevProps.nodeViews) {
       let nodeViews = buildNodeViews(this);
       if (changedNodeViews(nodeViews, this.nodeViews)) {
@@ -15454,20 +15452,20 @@ class EditorView {
     this.editable = getEditable(this);
     updateCursorWrapper(this);
     let innerDeco = viewDecorations(this), outerDeco = computeDocDeco(this);
-    let scroll = prev.plugins != state.plugins && !prev.doc.eq(state.doc) ? "reset" : state.scrollToSelection > prev.scrollToSelection ? "to selection" : "preserve";
-    let updateDoc = redraw || !this.docView.matchesNode(state.doc, outerDeco, innerDeco);
-    if (updateDoc || !state.selection.eq(prev.selection))
+    let scroll = prev.plugins != state2.plugins && !prev.doc.eq(state2.doc) ? "reset" : state2.scrollToSelection > prev.scrollToSelection ? "to selection" : "preserve";
+    let updateDoc = redraw || !this.docView.matchesNode(state2.doc, outerDeco, innerDeco);
+    if (updateDoc || !state2.selection.eq(prev.selection))
       updateSel = true;
     let oldScrollPos = scroll == "preserve" && updateSel && this.dom.style.overflowAnchor == null && storeScrollPos(this);
     if (updateSel) {
       this.domObserver.stop();
-      let forceSelUpdate = updateDoc && (ie$1 || chrome) && !this.composing && !prev.selection.empty && !state.selection.empty && selectionContextChanged(prev.selection, state.selection);
+      let forceSelUpdate = updateDoc && (ie$1 || chrome) && !this.composing && !prev.selection.empty && !state2.selection.empty && selectionContextChanged(prev.selection, state2.selection);
       if (updateDoc) {
         let chromeKludge = chrome ? this.trackWrites = this.domSelectionRange().focusNode : null;
-        if (redraw || !this.docView.update(state.doc, outerDeco, innerDeco, this)) {
+        if (redraw || !this.docView.update(state2.doc, outerDeco, innerDeco, this)) {
           this.docView.updateOuterDeco([]);
           this.docView.destroy();
-          this.docView = docViewDesc(state.doc, outerDeco, innerDeco, this.dom, this);
+          this.docView = docViewDesc(state2.doc, outerDeco, innerDeco, this.dom, this);
         }
         if (chromeKludge && !this.trackWrites)
           forceSelUpdate = true;
@@ -15475,13 +15473,13 @@ class EditorView {
       if (forceSelUpdate || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && anchorInRightPlace(this))) {
         selectionToDOM(this, forceSelUpdate);
       } else {
-        syncNodeSelection(this, state.selection);
+        syncNodeSelection(this, state2.selection);
         this.domObserver.setCurSelection();
       }
       this.domObserver.start();
     }
     this.updatePluginViews(prev);
-    if (((_a2 = this.dragging) === null || _a2 === void 0 ? void 0 : _a2.node) && !prev.doc.eq(state.doc))
+    if (((_a2 = this.dragging) === null || _a2 === void 0 ? void 0 : _a2.node) && !prev.doc.eq(state2.doc))
       this.updateDraggedNode(this.dragging, prev);
     if (scroll == "reset") {
       this.dom.scrollTop = 0;
@@ -15691,8 +15689,8 @@ class EditorView {
   to the view's current state by default, but it is possible to
   pass a different state.
   */
-  endOfTextblock(dir, state) {
-    return endOfTextblock(this, state || this.state, dir);
+  endOfTextblock(dir, state2) {
+    return endOfTextblock(this, state2 || this.state, dir);
   }
   /**
   Run the editor's paste logic with the given HTML string. The
@@ -16019,21 +16017,21 @@ function keydownHandler(bindings) {
     return false;
   };
 }
-const deleteSelection = (state, dispatch) => {
-  if (state.selection.empty)
+const deleteSelection = (state2, dispatch) => {
+  if (state2.selection.empty)
     return false;
   if (dispatch)
-    dispatch(state.tr.deleteSelection().scrollIntoView());
+    dispatch(state2.tr.deleteSelection().scrollIntoView());
   return true;
 };
-function atBlockStart(state, view) {
-  let { $cursor } = state.selection;
-  if (!$cursor || (view ? !view.endOfTextblock("backward", state) : $cursor.parentOffset > 0))
+function atBlockStart(state2, view) {
+  let { $cursor } = state2.selection;
+  if (!$cursor || (view ? !view.endOfTextblock("backward", state2) : $cursor.parentOffset > 0))
     return null;
   return $cursor;
 }
-const joinBackward = (state, dispatch, view) => {
-  let $cursor = atBlockStart(state, view);
+const joinBackward = (state2, dispatch, view) => {
+  let $cursor = atBlockStart(state2, view);
   if (!$cursor)
     return false;
   let $cut = findCutBefore($cursor);
@@ -16042,17 +16040,17 @@ const joinBackward = (state, dispatch, view) => {
     if (target == null)
       return false;
     if (dispatch)
-      dispatch(state.tr.lift(range2, target).scrollIntoView());
+      dispatch(state2.tr.lift(range2, target).scrollIntoView());
     return true;
   }
   let before = $cut.nodeBefore;
-  if (!before.type.spec.isolating && deleteBarrier(state, $cut, dispatch))
+  if (!before.type.spec.isolating && deleteBarrier(state2, $cut, dispatch))
     return true;
   if ($cursor.parent.content.size == 0 && (textblockAt(before, "end") || NodeSelection.isSelectable(before))) {
-    let delStep = replaceStep(state.doc, $cursor.before(), $cursor.after(), Slice.empty);
+    let delStep = replaceStep(state2.doc, $cursor.before(), $cursor.after(), Slice.empty);
     if (delStep && delStep.slice.size < delStep.to - delStep.from) {
       if (dispatch) {
-        let tr2 = state.tr.step(delStep);
+        let tr2 = state2.tr.step(delStep);
         tr2.setSelection(textblockAt(before, "end") ? Selection$1.findFrom(tr2.doc.resolve(tr2.mapping.map($cut.pos, -1)), -1) : NodeSelection.create(tr2.doc, $cut.pos - before.nodeSize));
         dispatch(tr2.scrollIntoView());
       }
@@ -16061,7 +16059,7 @@ const joinBackward = (state, dispatch, view) => {
   }
   if (before.isAtom && $cut.depth == $cursor.depth - 1) {
     if (dispatch)
-      dispatch(state.tr.delete($cut.pos - before.nodeSize, $cut.pos).scrollIntoView());
+      dispatch(state2.tr.delete($cut.pos - before.nodeSize, $cut.pos).scrollIntoView());
     return true;
   }
   return false;
@@ -16075,12 +16073,12 @@ function textblockAt(node, side, only = false) {
   }
   return false;
 }
-const selectNodeBackward = (state, dispatch, view) => {
-  let { $head, empty: empty2 } = state.selection, $cut = $head;
+const selectNodeBackward = (state2, dispatch, view) => {
+  let { $head, empty: empty2 } = state2.selection, $cut = $head;
   if (!empty2)
     return false;
   if ($head.parent.isTextblock) {
-    if (view ? !view.endOfTextblock("backward", state) : $head.parentOffset > 0)
+    if (view ? !view.endOfTextblock("backward", state2) : $head.parentOffset > 0)
       return false;
     $cut = findCutBefore($head);
   }
@@ -16088,7 +16086,7 @@ const selectNodeBackward = (state, dispatch, view) => {
   if (!node || !NodeSelection.isSelectable(node))
     return false;
   if (dispatch)
-    dispatch(state.tr.setSelection(NodeSelection.create(state.doc, $cut.pos - node.nodeSize)).scrollIntoView());
+    dispatch(state2.tr.setSelection(NodeSelection.create(state2.doc, $cut.pos - node.nodeSize)).scrollIntoView());
   return true;
 };
 function findCutBefore($pos) {
@@ -16101,27 +16099,27 @@ function findCutBefore($pos) {
     }
   return null;
 }
-function atBlockEnd(state, view) {
-  let { $cursor } = state.selection;
-  if (!$cursor || (view ? !view.endOfTextblock("forward", state) : $cursor.parentOffset < $cursor.parent.content.size))
+function atBlockEnd(state2, view) {
+  let { $cursor } = state2.selection;
+  if (!$cursor || (view ? !view.endOfTextblock("forward", state2) : $cursor.parentOffset < $cursor.parent.content.size))
     return null;
   return $cursor;
 }
-const joinForward = (state, dispatch, view) => {
-  let $cursor = atBlockEnd(state, view);
+const joinForward = (state2, dispatch, view) => {
+  let $cursor = atBlockEnd(state2, view);
   if (!$cursor)
     return false;
   let $cut = findCutAfter($cursor);
   if (!$cut)
     return false;
   let after = $cut.nodeAfter;
-  if (deleteBarrier(state, $cut, dispatch))
+  if (deleteBarrier(state2, $cut, dispatch))
     return true;
   if ($cursor.parent.content.size == 0 && (textblockAt(after, "start") || NodeSelection.isSelectable(after))) {
-    let delStep = replaceStep(state.doc, $cursor.before(), $cursor.after(), Slice.empty);
+    let delStep = replaceStep(state2.doc, $cursor.before(), $cursor.after(), Slice.empty);
     if (delStep && delStep.slice.size < delStep.to - delStep.from) {
       if (dispatch) {
-        let tr2 = state.tr.step(delStep);
+        let tr2 = state2.tr.step(delStep);
         tr2.setSelection(textblockAt(after, "start") ? Selection$1.findFrom(tr2.doc.resolve(tr2.mapping.map($cut.pos)), 1) : NodeSelection.create(tr2.doc, tr2.mapping.map($cut.pos)));
         dispatch(tr2.scrollIntoView());
       }
@@ -16130,17 +16128,17 @@ const joinForward = (state, dispatch, view) => {
   }
   if (after.isAtom && $cut.depth == $cursor.depth - 1) {
     if (dispatch)
-      dispatch(state.tr.delete($cut.pos, $cut.pos + after.nodeSize).scrollIntoView());
+      dispatch(state2.tr.delete($cut.pos, $cut.pos + after.nodeSize).scrollIntoView());
     return true;
   }
   return false;
 };
-const selectNodeForward = (state, dispatch, view) => {
-  let { $head, empty: empty2 } = state.selection, $cut = $head;
+const selectNodeForward = (state2, dispatch, view) => {
+  let { $head, empty: empty2 } = state2.selection, $cut = $head;
   if (!empty2)
     return false;
   if ($head.parent.isTextblock) {
-    if (view ? !view.endOfTextblock("forward", state) : $head.parentOffset < $head.parent.content.size)
+    if (view ? !view.endOfTextblock("forward", state2) : $head.parentOffset < $head.parent.content.size)
       return false;
     $cut = findCutAfter($head);
   }
@@ -16148,7 +16146,7 @@ const selectNodeForward = (state, dispatch, view) => {
   if (!node || !NodeSelection.isSelectable(node))
     return false;
   if (dispatch)
-    dispatch(state.tr.setSelection(NodeSelection.create(state.doc, $cut.pos)).scrollIntoView());
+    dispatch(state2.tr.setSelection(NodeSelection.create(state2.doc, $cut.pos)).scrollIntoView());
   return true;
 };
 function findCutAfter($pos) {
@@ -16162,12 +16160,12 @@ function findCutAfter($pos) {
     }
   return null;
 }
-const newlineInCode = (state, dispatch) => {
-  let { $head, $anchor } = state.selection;
+const newlineInCode = (state2, dispatch) => {
+  let { $head, $anchor } = state2.selection;
   if (!$head.parent.type.spec.code || !$head.sameParent($anchor))
     return false;
   if (dispatch)
-    dispatch(state.tr.insertText("\n").scrollIntoView());
+    dispatch(state2.tr.insertText("\n").scrollIntoView());
   return true;
 };
 function defaultBlockAt(match2) {
@@ -16178,22 +16176,22 @@ function defaultBlockAt(match2) {
   }
   return null;
 }
-const exitCode = (state, dispatch) => {
-  let { $head, $anchor } = state.selection;
+const exitCode = (state2, dispatch) => {
+  let { $head, $anchor } = state2.selection;
   if (!$head.parent.type.spec.code || !$head.sameParent($anchor))
     return false;
   let above = $head.node(-1), after = $head.indexAfter(-1), type3 = defaultBlockAt(above.contentMatchAt(after));
   if (!type3 || !above.canReplaceWith(after, after, type3))
     return false;
   if (dispatch) {
-    let pos = $head.after(), tr2 = state.tr.replaceWith(pos, pos, type3.createAndFill());
+    let pos = $head.after(), tr2 = state2.tr.replaceWith(pos, pos, type3.createAndFill());
     tr2.setSelection(Selection$1.near(tr2.doc.resolve(pos), 1));
     dispatch(tr2.scrollIntoView());
   }
   return true;
 };
-const createParagraphNear = (state, dispatch) => {
-  let sel = state.selection, { $from, $to } = sel;
+const createParagraphNear = (state2, dispatch) => {
+  let sel = state2.selection, { $from, $to } = sel;
   if (sel instanceof AllSelection || $from.parent.inlineContent || $to.parent.inlineContent)
     return false;
   let type3 = defaultBlockAt($to.parent.contentMatchAt($to.indexAfter()));
@@ -16201,21 +16199,21 @@ const createParagraphNear = (state, dispatch) => {
     return false;
   if (dispatch) {
     let side = (!$from.parentOffset && $to.index() < $to.parent.childCount ? $from : $to).pos;
-    let tr2 = state.tr.insert(side, type3.createAndFill());
+    let tr2 = state2.tr.insert(side, type3.createAndFill());
     tr2.setSelection(TextSelection.create(tr2.doc, side + 1));
     dispatch(tr2.scrollIntoView());
   }
   return true;
 };
-const liftEmptyBlock = (state, dispatch) => {
-  let { $cursor } = state.selection;
+const liftEmptyBlock = (state2, dispatch) => {
+  let { $cursor } = state2.selection;
   if (!$cursor || $cursor.parent.content.size)
     return false;
   if ($cursor.depth > 1 && $cursor.after() != $cursor.end(-1)) {
     let before = $cursor.before();
-    if (canSplit(state.doc, before)) {
+    if (canSplit(state2.doc, before)) {
       if (dispatch)
-        dispatch(state.tr.split(before).scrollIntoView());
+        dispatch(state2.tr.split(before).scrollIntoView());
       return true;
     }
   }
@@ -16223,25 +16221,25 @@ const liftEmptyBlock = (state, dispatch) => {
   if (target == null)
     return false;
   if (dispatch)
-    dispatch(state.tr.lift(range2, target).scrollIntoView());
+    dispatch(state2.tr.lift(range2, target).scrollIntoView());
   return true;
 };
 function splitBlockAs(splitNode) {
-  return (state, dispatch) => {
-    let { $from, $to } = state.selection;
-    if (state.selection instanceof NodeSelection && state.selection.node.isBlock) {
-      if (!$from.parentOffset || !canSplit(state.doc, $from.pos))
+  return (state2, dispatch) => {
+    let { $from, $to } = state2.selection;
+    if (state2.selection instanceof NodeSelection && state2.selection.node.isBlock) {
+      if (!$from.parentOffset || !canSplit(state2.doc, $from.pos))
         return false;
       if (dispatch)
-        dispatch(state.tr.split($from.pos).scrollIntoView());
+        dispatch(state2.tr.split($from.pos).scrollIntoView());
       return true;
     }
     if (!$from.parent.isBlock)
       return false;
     if (dispatch) {
       let atEnd = $to.parentOffset == $to.parent.content.size;
-      let tr2 = state.tr;
-      if (state.selection instanceof TextSelection || state.selection instanceof AllSelection)
+      let tr2 = state2.tr;
+      if (state2.selection instanceof TextSelection || state2.selection instanceof AllSelection)
         tr2.deleteSelection();
       let deflt = $from.depth == 0 ? null : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
       let splitType = splitNode && splitNode($to.parent, atEnd);
@@ -16266,31 +16264,31 @@ function splitBlockAs(splitNode) {
   };
 }
 const splitBlock = splitBlockAs();
-const selectAll = (state, dispatch) => {
+const selectAll = (state2, dispatch) => {
   if (dispatch)
-    dispatch(state.tr.setSelection(new AllSelection(state.doc)));
+    dispatch(state2.tr.setSelection(new AllSelection(state2.doc)));
   return true;
 };
-function joinMaybeClear(state, $pos, dispatch) {
+function joinMaybeClear(state2, $pos, dispatch) {
   let before = $pos.nodeBefore, after = $pos.nodeAfter, index2 = $pos.index();
   if (!before || !after || !before.type.compatibleContent(after.type))
     return false;
   if (!before.content.size && $pos.parent.canReplace(index2 - 1, index2)) {
     if (dispatch)
-      dispatch(state.tr.delete($pos.pos - before.nodeSize, $pos.pos).scrollIntoView());
+      dispatch(state2.tr.delete($pos.pos - before.nodeSize, $pos.pos).scrollIntoView());
     return true;
   }
-  if (!$pos.parent.canReplace(index2, index2 + 1) || !(after.isTextblock || canJoin(state.doc, $pos.pos)))
+  if (!$pos.parent.canReplace(index2, index2 + 1) || !(after.isTextblock || canJoin(state2.doc, $pos.pos)))
     return false;
   if (dispatch)
-    dispatch(state.tr.clearIncompatible($pos.pos, before.type, before.contentMatchAt(before.childCount)).join($pos.pos).scrollIntoView());
+    dispatch(state2.tr.clearIncompatible($pos.pos, before.type, before.contentMatchAt(before.childCount)).join($pos.pos).scrollIntoView());
   return true;
 }
-function deleteBarrier(state, $cut, dispatch) {
+function deleteBarrier(state2, $cut, dispatch) {
   let before = $cut.nodeBefore, after = $cut.nodeAfter, conn, match2;
   if (before.type.spec.isolating || after.type.spec.isolating)
     return false;
-  if (joinMaybeClear(state, $cut, dispatch))
+  if (joinMaybeClear(state2, $cut, dispatch))
     return true;
   let canDelAfter = $cut.parent.canReplace($cut.index(), $cut.index() + 1);
   if (canDelAfter && (conn = (match2 = before.contentMatchAt(before.childCount)).findWrapping(after.type)) && match2.matchType(conn[0] || after.type).validEnd) {
@@ -16299,7 +16297,7 @@ function deleteBarrier(state, $cut, dispatch) {
       for (let i2 = conn.length - 1; i2 >= 0; i2--)
         wrap2 = Fragment.from(conn[i2].create(null, wrap2));
       wrap2 = Fragment.from(before.copy(wrap2));
-      let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap2, 1, 0), conn.length, true));
+      let tr2 = state2.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap2, 1, 0), conn.length, true));
       let joinAt = end + 2 * conn.length;
       if (canJoin(tr2.doc, joinAt))
         tr2.join(joinAt);
@@ -16311,7 +16309,7 @@ function deleteBarrier(state, $cut, dispatch) {
   let range2 = selAfter && selAfter.$from.blockRange(selAfter.$to), target = range2 && liftTarget(range2);
   if (target != null && target >= $cut.depth) {
     if (dispatch)
-      dispatch(state.tr.lift(range2, target).scrollIntoView());
+      dispatch(state2.tr.lift(range2, target).scrollIntoView());
     return true;
   }
   if (canDelAfter && textblockAt(after, "start", true) && textblockAt(before, "end")) {
@@ -16330,7 +16328,7 @@ function deleteBarrier(state, $cut, dispatch) {
         let end = Fragment.empty;
         for (let i2 = wrap2.length - 1; i2 >= 0; i2--)
           end = Fragment.from(wrap2[i2].copy(end));
-        let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap2.length, 0), 0, true));
+        let tr2 = state2.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap2.length, 0), 0, true));
         dispatch(tr2.scrollIntoView());
       }
       return true;
@@ -16339,8 +16337,8 @@ function deleteBarrier(state, $cut, dispatch) {
   return false;
 }
 function selectTextblockSide(side) {
-  return function(state, dispatch) {
-    let sel = state.selection, $pos = side < 0 ? sel.$from : sel.$to;
+  return function(state2, dispatch) {
+    let sel = state2.selection, $pos = side < 0 ? sel.$from : sel.$to;
     let depth = $pos.depth;
     while ($pos.node(depth).isInline) {
       if (!depth)
@@ -16350,16 +16348,16 @@ function selectTextblockSide(side) {
     if (!$pos.node(depth).isTextblock)
       return false;
     if (dispatch)
-      dispatch(state.tr.setSelection(TextSelection.create(state.doc, side < 0 ? $pos.start(depth) : $pos.end(depth))));
+      dispatch(state2.tr.setSelection(TextSelection.create(state2.doc, side < 0 ? $pos.start(depth) : $pos.end(depth))));
     return true;
   };
 }
 const selectTextblockStart = selectTextblockSide(-1);
 const selectTextblockEnd = selectTextblockSide(1);
 function chainCommands(...commands) {
-  return function(state, dispatch, view) {
+  return function(state2, dispatch, view) {
     for (let i2 = 0; i2 < commands.length; i2++)
-      if (commands[i2](state, dispatch, view))
+      if (commands[i2](state2, dispatch, view))
         return true;
     return false;
   };
@@ -16586,7 +16584,7 @@ class Branch {
   }
   // Pop the latest event off the branch's history and apply it
   // to a document transform.
-  popEvent(state, preserveItems) {
+  popEvent(state2, preserveItems) {
     if (this.eventCount == 0)
       return null;
     let end = this.items.length;
@@ -16602,7 +16600,7 @@ class Branch {
       remap = this.remapping(end, this.items.length);
       mapFrom = remap.maps.length;
     }
-    let transform = state.tr;
+    let transform = state2.tr;
     let selection, remaining;
     let addAfter = [], addBefore = [];
     this.items.forEach((item, i2) => {
@@ -16799,7 +16797,7 @@ class HistoryState {
   }
 }
 const DEPTH_OVERFLOW = 20;
-function applyTransaction(history2, state, tr2, options) {
+function applyTransaction(history2, state2, tr2, options) {
   let historyTr = tr2.getMeta(historyKey), rebased;
   if (historyTr)
     return historyTr.historyState;
@@ -16810,14 +16808,14 @@ function applyTransaction(history2, state, tr2, options) {
     return history2;
   } else if (appended && appended.getMeta(historyKey)) {
     if (appended.getMeta(historyKey).redo)
-      return new HistoryState(history2.done.addTransform(tr2, void 0, options, mustPreserveItems(state)), history2.undone, rangesFor(tr2.mapping.maps[tr2.steps.length - 1]), history2.prevTime, history2.prevComposition);
+      return new HistoryState(history2.done.addTransform(tr2, void 0, options, mustPreserveItems(state2)), history2.undone, rangesFor(tr2.mapping.maps[tr2.steps.length - 1]), history2.prevTime, history2.prevComposition);
     else
-      return new HistoryState(history2.done, history2.undone.addTransform(tr2, void 0, options, mustPreserveItems(state)), null, history2.prevTime, history2.prevComposition);
+      return new HistoryState(history2.done, history2.undone.addTransform(tr2, void 0, options, mustPreserveItems(state2)), null, history2.prevTime, history2.prevComposition);
   } else if (tr2.getMeta("addToHistory") !== false && !(appended && appended.getMeta("addToHistory") === false)) {
     let composition = tr2.getMeta("composition");
     let newGroup = history2.prevTime == 0 || !appended && history2.prevComposition != composition && (history2.prevTime < (tr2.time || 0) - options.newGroupDelay || !isAdjacentTo(tr2, history2.prevRanges));
     let prevRanges = appended ? mapRanges(history2.prevRanges, tr2.mapping) : rangesFor(tr2.mapping.maps[tr2.steps.length - 1]);
-    return new HistoryState(history2.done.addTransform(tr2, newGroup ? state.selection.getBookmark() : void 0, options, mustPreserveItems(state)), Branch.empty, prevRanges, tr2.time, composition == null ? history2.prevComposition : composition);
+    return new HistoryState(history2.done.addTransform(tr2, newGroup ? state2.selection.getBookmark() : void 0, options, mustPreserveItems(state2)), Branch.empty, prevRanges, tr2.time, composition == null ? history2.prevComposition : composition);
   } else if (rebased = tr2.getMeta("rebased")) {
     return new HistoryState(history2.done.rebased(tr2, rebased), history2.undone.rebased(tr2, rebased), mapRanges(history2.prevRanges, tr2.mapping), history2.prevTime, history2.prevComposition);
   } else {
@@ -16853,20 +16851,20 @@ function mapRanges(ranges, mapping) {
   }
   return result;
 }
-function histTransaction(history2, state, dispatch, redo2) {
-  let preserveItems = mustPreserveItems(state);
-  let histOptions = historyKey.get(state).spec.config;
-  let pop = (redo2 ? history2.undone : history2.done).popEvent(state, preserveItems);
+function histTransaction(history2, state2, dispatch, redo2) {
+  let preserveItems = mustPreserveItems(state2);
+  let histOptions = historyKey.get(state2).spec.config;
+  let pop = (redo2 ? history2.undone : history2.done).popEvent(state2, preserveItems);
   if (!pop)
     return;
   let selection = pop.selection.resolve(pop.transform.doc);
-  let added = (redo2 ? history2.done : history2.undone).addTransform(pop.transform, state.selection.getBookmark(), histOptions, preserveItems);
+  let added = (redo2 ? history2.done : history2.undone).addTransform(pop.transform, state2.selection.getBookmark(), histOptions, preserveItems);
   let newHist = new HistoryState(redo2 ? added : pop.remaining, redo2 ? pop.remaining : added, null, 0, -1);
   dispatch(pop.transform.setSelection(selection).setMeta(historyKey, { redo: redo2, historyState: newHist }).scrollIntoView());
 }
 let cachedPreserveItems = false, cachedPreserveItemsPlugins = null;
-function mustPreserveItems(state) {
-  let plugins2 = state.plugins;
+function mustPreserveItems(state2) {
+  let plugins2 = state2.plugins;
   if (cachedPreserveItemsPlugins != plugins2) {
     cachedPreserveItems = false;
     cachedPreserveItemsPlugins = plugins2;
@@ -16891,8 +16889,8 @@ function history(config = {}) {
       init() {
         return new HistoryState(Branch.empty, Branch.empty, null, 0, -1);
       },
-      apply(tr2, hist, state) {
-        return applyTransaction(hist, state, tr2, config);
+      apply(tr2, hist, state2) {
+        return applyTransaction(hist, state2, tr2, config);
       }
     },
     config,
@@ -16910,20 +16908,20 @@ function history(config = {}) {
     }
   });
 }
-const undo = (state, dispatch) => {
-  let hist = historyKey.getState(state);
+const undo = (state2, dispatch) => {
+  let hist = historyKey.getState(state2);
   if (!hist || hist.done.eventCount == 0)
     return false;
   if (dispatch)
-    histTransaction(hist, state, dispatch, false);
+    histTransaction(hist, state2, dispatch, false);
   return true;
 };
-const redo = (state, dispatch) => {
-  let hist = historyKey.getState(state);
+const redo = (state2, dispatch) => {
+  let hist = historyKey.getState(state2);
   if (!hist || hist.undone.eventCount == 0)
     return false;
   if (dispatch)
-    histTransaction(hist, state, dispatch, true);
+    histTransaction(hist, state2, dispatch, true);
   return true;
 };
 const pDOM = ["p", 0], blockquoteDOM = ["blockquote", 0], hrDOM = ["hr"], preDOM = ["pre", ["code", 0]], brDOM = ["br"];
@@ -17116,8 +17114,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$I = ["id"];
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$F = ["id"];
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -17138,7 +17136,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       } catch (err) {
         content = { type: "doc", content: [] };
       }
-      const state = EditorState.create({
+      const state2 = EditorState.create({
         doc: DOMParser.fromSchema(schema).schema.nodeFromJSON(content),
         plugins: [
           history(),
@@ -17146,7 +17144,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           keymap(baseKeymap)
         ]
       });
-      return state;
+      return state2;
     };
     function handleChange(newState) {
       const dom = document.createElement("div");
@@ -17155,10 +17153,10 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       html.value = (dom == null ? void 0 : dom.innerHTML) || "";
       emit2("update:modelValue", html.value);
     }
-    const createEditorView = (state) => {
+    const createEditorView = (state2) => {
       const editorDiv = document.getElementById(`canvas-${props2.elementId}`);
       view = new EditorView(editorDiv, {
-        state,
+        state: state2,
         // editable: () => props.editable,
         dispatchTransaction(transaction) {
           const newState = view.state.apply(transaction);
@@ -17171,8 +17169,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       });
     };
     function loadContent() {
-      const state = createEditorStateFromHTML(props2.modelValue);
-      createEditorView(state);
+      const state2 = createEditorStateFromHTML(props2.modelValue);
+      createEditorView(state2);
     }
     vue.watch(
       () => props2.modelValue,
@@ -17194,14 +17192,15 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$I);
+      }, null, 40, _hoisted_1$F);
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
+    name: {},
     size: {},
     color: {}
   },
@@ -17210,17 +17209,17 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "bgl_icon-font",
         style: vue.normalizeStyle({ fontSize: `${_ctx.size}rem`, color: _ctx.color })
-      }, vue.toDisplayString(_ctx.icon), 5);
+      }, vue.toDisplayString(_ctx.icon || _ctx.name), 5);
     };
   }
 });
-const _hoisted_1$H = { class: "full-nav" };
-const _hoisted_2$y = { class: "nav-scroll" };
-const _hoisted_3$o = { class: "nav-links-wrapper" };
-const _hoisted_4$g = { class: "tooltip" };
-const _hoisted_5$d = { class: "bot-buttons-wrapper" };
-const _hoisted_6$9 = { class: "tooltip" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$E = { class: "full-nav" };
+const _hoisted_2$x = { class: "nav-scroll" };
+const _hoisted_3$n = { class: "nav-links-wrapper" };
+const _hoisted_4$f = { class: "tooltip" };
+const _hoisted_5$c = { class: "bot-buttons-wrapper" };
+const _hoisted_6$8 = { class: "tooltip" };
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -17244,14 +17243,14 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$F), {
+          vue.createVNode(vue.unref(_sfc_main$H), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$H, [
-          vue.createElementVNode("div", _hoisted_2$y, [
-            vue.createElementVNode("div", _hoisted_3$o, [
+        vue.createElementVNode("div", _hoisted_1$E, [
+          vue.createElementVNode("div", _hoisted_2$x, [
+            vue.createElementVNode("div", _hoisted_3$n, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   class: "nav-button",
@@ -17263,17 +17262,17 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$F), {
+                    vue.createVNode(vue.unref(_sfc_main$H), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$d, [
+          vue.createElementVNode("div", _hoisted_5$c, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.footerLinks, (link) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 class: "nav-button",
@@ -17285,10 +17284,10 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
-                  vue.createElementVNode("div", _hoisted_6$9, vue.toDisplayString(link.label), 1)
+                  vue.createElementVNode("div", _hoisted_6$8, vue.toDisplayString(link.label), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"]);
@@ -17307,16 +17306,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-727b754a"]]);
-const _hoisted_1$G = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-727b754a"]]);
+const _hoisted_1$D = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$x = {
+const _hoisted_2$w = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -17402,8 +17401,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -17411,7 +17410,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots)["default"] && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -17422,10 +17421,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0c8d9a95"]]);
-const _hoisted_1$F = { class: "tool-bar" };
-const _hoisted_2$w = { class: "modal-footer mt-3" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-0c8d9a95"]]);
+const _hoisted_1$C = { class: "tool-bar" };
+const _hoisted_2$v = { class: "modal-footer mt-3" };
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -17466,13 +17465,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$q), {
+        vue.createVNode(vue.unref(_sfc_main$t), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("header", _hoisted_1$F, [
+            vue.createElementVNode("header", _hoisted_1$C, [
               vue.renderSlot(_ctx.$slots, "toolbar"),
               vue.createVNode(vue.unref(Btn), {
                 style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -17480,7 +17479,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -17488,7 +17487,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["label"])) : vue.createCommentVNode("", true)
             ]),
             vue.renderSlot(_ctx.$slots, "default"),
-            vue.createElementVNode("footer", _hoisted_2$w, [
+            vue.createElementVNode("footer", _hoisted_2$v, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                   key: i2,
@@ -17505,7 +17504,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -17562,7 +17561,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
         "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
         side: _ctx.side,
         ref_key: "modal",
@@ -17571,7 +17570,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.title
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$h), {
+          vue.createVNode(vue.unref(_sfc_main$l), {
             onSubmit: runSubmit,
             ref_key: "form",
             ref: form,
@@ -17613,12 +17612,12 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7e6899c7"]]);
-const _hoisted_1$E = { class: "accordion-item" };
-const _hoisted_2$v = ["aria-expanded", "aria-controls"];
-const _hoisted_3$n = { class: "accordion-label" };
-const _hoisted_4$f = ["id", "aria-hidden"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-7e6899c7"]]);
+const _hoisted_1$B = { class: "accordion-item" };
+const _hoisted_2$u = ["aria-expanded", "aria-controls"];
+const _hoisted_3$m = { class: "accordion-label" };
+const _hoisted_4$e = ["id", "aria-hidden"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -17642,20 +17641,20 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": vue.unref(open) ? "true" : "false",
           class: "accordion-head",
           "aria-controls": `accordion-body-${vue.unref(id)}`
         }, [
-          vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.label), 1),
+          vue.createElementVNode("span", _hoisted_3$m, vue.toDisplayString(_ctx.label), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$F), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$H), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$v),
+        ], 8, _hoisted_2$u),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(open) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -17665,7 +17664,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(open) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$f)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$e)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -17673,28 +17672,28 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-bf74738b"]]);
-const _hoisted_1$D = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
-const _hoisted_2$u = { class: "p-1" };
-const _hoisted_3$m = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bf74738b"]]);
+const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_2$t = { class: "p-1" };
+const _hoisted_3$l = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-        vue.createElementVNode("div", _hoisted_2$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+        vue.createElementVNode("div", _hoisted_2$t, [
           vue.renderSlot(_ctx.$slots, "header")
         ]),
-        vue.createElementVNode("div", _hoisted_3$m, [
+        vue.createElementVNode("div", _hoisted_3$l, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-const _hoisted_1$C = { class: "txt16 no-margin ellipsis" };
-const _hoisted_2$t = { class: "txt14 no-margin txt-gray ellipsis" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$z = { class: "txt16 no-margin ellipsis" };
+const _hoisted_2$s = { class: "txt14 no-margin txt-gray ellipsis" };
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -17718,11 +17717,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$C, [
+            vue.createElementVNode("p", _hoisted_1$z, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$t, [
+            vue.createElementVNode("p", _hoisted_2$s, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -17733,81 +17732,15 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = { class: "bgl_card tabs-top" };
-const _hoisted_2$s = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_3$l = ["onClick"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-  __name: "TabbedLayout",
-  props: {
-    title: {},
-    tabs: {},
-    modelValue: {},
-    router: {},
-    sideTabs: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit2 = __emit;
-    let activeTab = vue.ref();
-    const props2 = __props;
-    function changeTab(tab) {
-      var _a2;
-      activeTab.value = tab;
-      emit2("update:modelValue", activeTab.value);
-      if (!props2.router)
-        return;
-      void ((_a2 = props2.router) == null ? void 0 : _a2.push({
-        path: props2.router.currentRoute.value.path,
-        query: { ...props2.router.currentRoute.value.query, t: tab },
-        hash: props2.router.currentRoute.value.hash
-      }));
-    }
-    vue.onMounted(() => {
-      var _a2;
-      const firstTab = props2.modelValue || ((_a2 = props2.router) == null ? void 0 : _a2.currentRoute.value.query.t) || props2.tabs[0];
-      activeTab.value = firstTab;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["h-100 grid list-view gap-1", { "side-tabs": _ctx.sideTabs }])
-      }, [
-        vue.createElementVNode("div", _hoisted_1$B, [
-          vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_2$s, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
-              var _a2;
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass([{
-                  active: tab === vue.unref(activeTab) || tab === ((_a2 = _ctx.router) == null ? void 0 : _a2.currentRoute.value.path.split("/").slice(-1)[0])
-                }, "tab"]),
-                key: tab,
-                onClick: ($event) => changeTab(tab)
-              }, vue.toDisplayString(tab), 11, _hoisted_3$l);
-            }), 128))
-          ])
-        ]),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs.filter((item) => item === vue.unref(activeTab)), (tab) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            class: "list-content",
-            key: tab
-          }, [
-            vue.renderSlot(_ctx.$slots, tab, { key: tab }, void 0, true)
-          ]);
-        }), 128))
-      ], 2);
-    };
-  }
-});
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-37337215"]]);
-const _hoisted_1$A = { class: "comments-wrap" };
+const _hoisted_1$y = { class: "comments-wrap" };
 const _hoisted_2$r = { class: "comment-list" };
 const _hoisted_3$k = { class: "comment-top" };
-const _hoisted_4$e = { class: "comment-owner" };
-const _hoisted_5$c = { class: "comment-time" };
-const _hoisted_6$8 = { class: "comment-actions" };
-const _hoisted_7$4 = ["innerHTML"];
-const _hoisted_8$2 = { class: "new-comment" };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$d = { class: "comment-owner" };
+const _hoisted_5$b = { class: "comment-time" };
+const _hoisted_6$7 = { class: "comment-actions" };
+const _hoisted_7$3 = ["innerHTML"];
+const _hoisted_8$1 = { class: "new-comment" };
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -17850,7 +17783,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
         vue.createElementVNode("div", _hoisted_2$r, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a2, _b, _c;
@@ -17862,22 +17795,22 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               key: comment.id
             }, [
               vue.createElementVNode("div", _hoisted_3$k, [
-                vue.createElementVNode("div", _hoisted_4$e, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
-                vue.createElementVNode("div", _hoisted_5$c, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
-                vue.createElementVNode("div", _hoisted_6$8, [
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                vue.createElementVNode("div", _hoisted_4$d, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
+                vue.createElementVNode("div", _hoisted_5$b, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
+                vue.createElementVNode("div", _hoisted_6$7, [
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => vue.isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -17885,7 +17818,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])
               ]),
-              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -17894,12 +17827,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$4))
+              }, null, 8, _hoisted_7$3))
             ], 2);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_8$2, [
-          vue.createVNode(vue.unref(_sfc_main$G), {
+        vue.createElementVNode("div", _hoisted_8$1, [
+          vue.createVNode(vue.unref(_sfc_main$I), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -17919,10 +17852,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-c4b41dc0"]]);
-const _hoisted_1$z = { class: "page-top" };
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c4b41dc0"]]);
+const _hoisted_1$x = { class: "page-top" };
 const _hoisted_2$q = { class: "top-title" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -17932,7 +17865,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
         vue.createElementVNode("h1", _hoisted_2$q, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -17941,14 +17874,14 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "table-list-wrap h-100" };
+const _hoisted_1$w = { class: "table-list-wrap h-100" };
 const _hoisted_2$p = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
-const _hoisted_4$d = ["onClick"];
-const _hoisted_5$b = { class: "flex" };
-const _hoisted_6$7 = ["onClick"];
-const _hoisted_7$3 = { key: 1 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$c = ["onClick"];
+const _hoisted_5$a = { class: "flex" };
+const _hoisted_6$6 = ["onClick"];
+const _hoisted_7$2 = { key: 1 };
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -17982,7 +17915,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         vue.createElementVNode("table", _hoisted_2$p, [
           vue.createElementVNode("thead", _hoisted_3$j, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
@@ -17991,18 +17924,18 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 key: field.id,
                 onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
               }, [
-                vue.createElementVNode("div", _hoisted_5$b, [
+                vue.createElementVNode("div", _hoisted_5$a, [
                   vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$F), {
+                    vue.createVNode(vue.unref(_sfc_main$H), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$d);
+              ], 8, _hoisted_4$c);
             }), 128))
           ]),
           vue.createElementVNode("tbody", {
@@ -18024,15 +17957,15 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-                      vue.createVNode(vue.unref(_sfc_main$g), {
+                    }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+                      vue.createVNode(vue.unref(_sfc_main$k), {
                         field,
                         modelValue: row
                       }, null, 8, ["field", "modelValue"])
                     ]))
                   ]);
                 }), 128))
-              ], 8, _hoisted_6$7);
+              ], 8, _hoisted_6$6);
             }), 128))
           ], 2)
         ])
@@ -18040,16 +17973,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f3641508"]]);
-const _sfc_main$t = {};
-const _hoisted_1$x = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-f3641508"]]);
+const _sfc_main$w = {};
+const _hoisted_1$v = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$1]]);
-const _sfc_main$s = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$1]]);
+const _sfc_main$v = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -18071,8 +18004,8 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
-const _hoisted_1$w = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render]]);
+const _hoisted_1$u = {
   key: 0,
   class: "data"
 };
@@ -18081,10 +18014,10 @@ const _hoisted_2$o = {
   class: "data-row"
 };
 const _hoisted_3$i = { class: "key" };
-const _hoisted_4$c = { key: 1 };
-const _hoisted_5$a = { class: "key" };
-const _hoisted_6$6 = { class: "vlue" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$b = { key: 1 };
+const _hoisted_5$9 = { class: "key" };
+const _hoisted_6$5 = { class: "vlue" };
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -18098,8 +18031,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     const itemData = vue.useModel(__props, "data");
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -18109,7 +18042,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
               vue.createElementVNode("div", _hoisted_3$i, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
-              vue.createVNode(vue.unref(_sfc_main$g), {
+              vue.createVNode(vue.unref(_sfc_main$k), {
                 field,
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event)
@@ -18117,14 +18050,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.entries(itemData.value), ([key, value]) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "data-row",
               key
             }, [
-              vue.createElementVNode("div", _hoisted_5$a, vue.toDisplayString(vue.unref(keyToLabel)(key)), 1),
-              vue.createElementVNode("div", _hoisted_6$6, vue.toDisplayString(value), 1)
+              vue.createElementVNode("div", _hoisted_5$9, vue.toDisplayString(vue.unref(keyToLabel)(key)), 1),
+              vue.createElementVNode("div", _hoisted_6$5, vue.toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -18133,8 +18066,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-bb2526f9"]]);
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-bb2526f9"]]);
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     thin: { type: Boolean },
@@ -18161,8 +18094,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = ["src", "alt"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$t = ["src", "alt"];
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -18180,7 +18113,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$v)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$t)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
@@ -18188,8 +18121,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c38bc02a"]]);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-c38bc02a"]]);
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -18217,13 +18150,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
-    const state = vue.reactive({
+    const state2 = vue.reactive({
       openItem: null
     });
-    vue.provide("accordionState", state);
+    vue.provide("accordionState", state2);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.renderSlot(_ctx.$slots, "default")
@@ -18231,155 +18164,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["onClick"];
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-  __name: "ComboBox",
-  props: {
-    options: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    modelValue: {},
-    searchable: { type: Boolean },
-    required: { type: Boolean },
-    label: {},
-    fullWidth: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    let open = vue.ref(false);
-    const searchInput = vue.ref(null);
-    const props2 = __props;
-    let selectedItem = vue.ref();
-    let search = vue.ref("");
-    const toggle = () => {
-      open.value = !open.value;
-      if (!open.value)
-        search.value = "";
-      if (open.value)
-        setTimeout(() => {
-          var _a2, _b, _c;
-          return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
-        }, 100);
-    };
-    const valueToLabel = (value) => {
-      if (!value)
-        return "";
-      const option2 = props2.options.find((option22) => {
-        if (typeof option22 === "string" || typeof option22 === "number")
-          return option22 === value;
-        return option22.value === value;
-      });
-      if (!option2)
-        return value;
-      return getLabel(option2);
-    };
-    const emit2 = __emit;
-    const getLabel = (option2) => {
-      if (typeof option2 === "string")
-        return option2;
-      if (typeof option2 === "number")
-        return `${option2}`;
-      return option2.label;
-    };
-    const isSelected = (option2) => {
-      if (typeof option2 === "string" || typeof option2 === "number")
-        return option2 === selectedItem.value;
-      return option2.value === selectedItem.value;
-    };
-    const filteredOptions = vue.computed(() => props2.options.filter((option2) => {
-      const searchTerm = new RegExp(search.value, "gi");
-      if (typeof option2 === "string")
-        return option2.match(searchTerm);
-      if (typeof option2 === "number")
-        return `${option2}`.match(searchTerm);
-      return option2.label.match(searchTerm);
-    }));
-    const select2 = (option2) => {
-      if (typeof option2 === "string")
-        selectedItem.value = option2;
-      else if (typeof option2 === "number")
-        selectedItem.value = option2;
-      else
-        selectedItem.value = option2.value;
-      emit2("update:modelValue", selectedItem.value);
-      open.value = false;
-    };
-    vue.watch(() => props2.modelValue, (value) => {
-      if (value !== selectedItem.value)
-        selectedItem.value = value;
-    }, { immediate: true });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
-        placement: "bottom-start",
-        class: "bagel-input combobox"
-      }, {
-        popper: vue.withCtx(({ hide }) => [
-          vue.createVNode(vue.unref(_sfc_main$q), {
-            thin: "",
-            class: "combobox-options",
-            style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
-          }, {
-            default: vue.withCtx(() => [
-              _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
-                key: 0,
-                ref_key: "searchInput",
-                ref: searchInput,
-                dense: "",
-                placeholder: "Search",
-                icon: "search",
-                modelValue: vue.unref(search),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(search) ? search.value = $event : search = $event)
-              }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  class: vue.normalizeClass(["combobox-option", { selected: option2 === vue.unref(selectedItem) }]),
-                  key: `${option2}${i2}`,
-                  onClick: () => {
-                    select2(option2);
-                    hide();
-                  }
-                }, [
-                  vue.createElementVNode("span", null, vue.toDisplayString(getLabel(option2)), 1),
-                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
-                    key: 0,
-                    icon: "check"
-                  })) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_1$u);
-              }), 128)),
-              vue.renderSlot(_ctx.$slots, "last", {}, void 0, true)
-            ]),
-            _: 2
-          }, 1032, ["style"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("label", null, [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("button", {
-              type: "button",
-              class: "combobox-btn",
-              onClick: toggle
-            }, [
-              vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
-              vue.createVNode(vue.unref(_sfc_main$F), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
-            ]),
-            _ctx.required ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-              key: 0,
-              style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedItem) ? selectedItem.value = $event : selectedItem = $event),
-              required: ""
-            }, null, 512)), [
-              [vue.vModelText, vue.unref(selectedItem)]
-            ]) : vue.createCommentVNode("", true)
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-220e98d7"]]);
-const _hoisted_1$t = ["dismissable"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$s = ["dismissable"];
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -18399,7 +18185,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        vue.createVNode(vue.unref(_sfc_main$F), {
+        vue.createVNode(vue.unref(_sfc_main$H), {
           class: "alert_icon",
           icon: _ctx.type,
           size: 2,
@@ -18413,12 +18199,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           class: "alert_close",
           icon: "close"
         })
-      ], 10, _hoisted_1$t)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$s)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-94bfcb05"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-94bfcb05"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -18433,13 +18219,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -18448,11 +18234,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-10743b06"]]);
-const _hoisted_1$s = { class: "bgl_vid" };
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-10743b06"]]);
+const _hoisted_1$r = { class: "bgl_vid" };
 const _hoisted_2$n = ["src"];
 const _hoisted_3$h = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -18491,7 +18277,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     });
     console.log("Video URL:", videoUrl.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         embedType.value ? (vue.openBlock(), vue.createElementBlock("iframe", {
           key: 0,
           src: videoUrl.value,
@@ -18513,13 +18299,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-23835d69"]]);
-const _hoisted_1$r = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-23835d69"]]);
+const _hoisted_1$q = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_2$m = { class: "Handlers" };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -18669,7 +18455,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           ref_key: "bglSlider",
           ref: bglSlider
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         vue.createElementVNode("div", _hoisted_2$m, [
@@ -18684,8 +18470,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-7e8d16cb"]]);
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-7e8d16cb"]]);
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -18724,10 +18510,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     const clearForm = () => Object.assign(data2.value, {});
     let formStatus = vue.ref("idle");
     const runSubmit = () => {
-      console.log("runSubmit");
+      var _a2;
       try {
         validateForm();
-        props2.onSubmit(data2.value);
+        (_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, data2.value);
         clearForm();
         formStatus.value = "success";
       } catch (e) {
@@ -18759,7 +18545,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         _ctx.id ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.schema, (field, i2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$g), {
+          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
             key: field.id || `${i2}p`,
             field,
             modelValue: data2.value,
@@ -18771,32 +18557,28 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
             key: 0,
             tag: "h4",
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$g), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
               key: field.id || `${i2}p`,
               field,
               modelValue: data2.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data2.value = $event)
             }, null, 8, ["field", "modelValue"]);
           }), 128)),
-          vue.renderSlot(_ctx.$slots, "submit"),
-          vue.createElementVNode("button", { onClick: runSubmit }, " Click ")
+          vue.renderSlot(_ctx.$slots, "submit")
         ], 544)) : vue.createCommentVNode("", true),
         vue.unref(formStatus) === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 2 }) : vue.createCommentVNode("", true),
-        vue.unref(formStatus) === "error" ? vue.renderSlot(_ctx.$slots, "error", {
-          key: 3,
-          message: _ctx.error
-        }) : vue.createCommentVNode("", true)
+        vue.unref(formStatus) === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 3 }) : vue.createCommentVNode("", true)
       ], 64);
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -18809,7 +18591,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "text")
         return TextInput;
       if (props2.field.$el === "select")
-        return ComboBox;
+        return SelectInput;
       if (props2.field.$el === "toggle")
         return ToggleInput;
       if (props2.field.$el === "check")
@@ -18887,7 +18669,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-e8219826"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$q = ["title"];
+const _hoisted_1$p = ["title"];
 const _hoisted_2$l = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
@@ -18899,8 +18681,8 @@ const _hoisted_2$l = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$g = [
   _hoisted_2$l
 ];
-const _hoisted_4$b = ["required", "id"];
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$a = ["required", "id"];
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -18930,18 +18712,18 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             id: _ctx.id,
             type: "checkbox",
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => checked.value = $event)
-          }, null, 8, _hoisted_4$b), [
+          }, null, 8, _hoisted_4$a), [
             [vue.vModelCheckbox, checked.value]
           ]),
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ])
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e8219826"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e8219826"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -27550,9 +27332,9 @@ const ar = ({
 Object.entries(Mo).forEach(([e, t]) => {
   e !== "default" && (Va[e] = t);
 });
-const _hoisted_1$p = ["title"];
+const _hoisted_1$o = ["title"];
 const _hoisted_2$k = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     label: {},
@@ -27598,14 +27380,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date2.value = $event),
           "enable-time-picker": _ctx.enableTime
         }, _ctx.extraProps), null, 16, ["modelValue", "enable-time-picker"])
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$o = ["title"];
+const _hoisted_1$n = ["title"];
 const _hoisted_2$j = { key: 0 };
 const _hoisted_3$f = ["value", "placeholder"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -27637,1384 +27419,168 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder
         }, null, 42, _hoisted_3$f)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$n);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1fc4f739"]]);
-function isEmpty(opt) {
-  if (opt === 0)
-    return false;
-  if (Array.isArray(opt) && opt.length === 0)
-    return true;
-  return !opt;
-}
-function not(fun) {
-  return (...params) => !fun(...params);
-}
-function includes(str, query) {
-  if (str === void 0)
-    str = "undefined";
-  if (str === null)
-    str = "null";
-  if (str === false)
-    str = "false";
-  const text = str.toString().toLowerCase();
-  return text.indexOf(query.trim()) !== -1;
-}
-function filterOptions(options, search, label, customLabel) {
-  return search ? options.filter((option2) => includes(customLabel(option2, label), search)).sort((a2, b2) => customLabel(a2, label).length - customLabel(b2, label).length) : options;
-}
-function stripGroups(options) {
-  return options.filter((option2) => !option2.$isLabel);
-}
-function flattenOptions(values3, label) {
-  return (options) => options.reduce((prev, curr) => {
-    if (curr[values3] && curr[values3].length) {
-      prev.push({
-        $groupLabel: curr[label],
-        $isLabel: true
-      });
-      return prev.concat(curr[values3]);
-    }
-    return prev;
-  }, []);
-}
-function filterGroups(search, label, values3, groupLabel, customLabel) {
-  return (groups) => groups.map((group) => {
-    if (!group[values3]) {
-      console.warn(`Options passed to vue-multiselect do not contain groups, despite the config.`);
-      return [];
-    }
-    const groupOptions = filterOptions(group[values3], search, label, customLabel);
-    return groupOptions.length ? {
-      [groupLabel]: group[groupLabel],
-      [values3]: groupOptions
-    } : [];
-  });
-}
-const flow = (...fns) => (x2) => fns.reduce((v2, f2) => f2(v2), x2);
-var multiselectMixin = {
-  data() {
-    return {
-      search: "",
-      isOpen: false,
-      preferredOpenDirection: "below",
-      optimizedHeight: this.maxHeight
-    };
-  },
-  props: {
-    /**
-     * Decide whether to filter the results based on search query.
-     * Useful for async filtering, where we search through more complex data.
-     * @type {Boolean}
-     */
-    internalSearch: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Array of available options: Objects, Strings or Integers.
-     * If array of objects, visible label will default to option.label.
-     * If `labal` prop is passed, label will equal option['label']
-     * @type {Array}
-     */
-    options: {
-      type: Array,
-      required: true
-    },
-    /**
-     * Equivalent to the `multiple` attribute on a `<select>` input.
-     * @default false
-     * @type {Boolean}
-     */
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Key to compare objects
-     * @default 'id'
-     * @type {String}
-     */
-    trackBy: {
-      type: String
-    },
-    /**
-     * Label to look for in option Object
-     * @default 'label'
-     * @type {String}
-     */
-    label: {
-      type: String
-    },
-    /**
-     * Enable/disable search in options
-     * @default true
-     * @type {Boolean}
-     */
-    searchable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Clear the search input after `)
-     * @default true
-     * @type {Boolean}
-     */
-    clearOnSelect: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Hide already selected options
-     * @default false
-     * @type {Boolean}
-     */
-    hideSelected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Equivalent to the `placeholder` attribute on a `<select>` input.
-     * @default 'Select option'
-     * @type {String}
-     */
-    placeholder: {
-      type: String,
-      default: "Select option"
-    },
-    /**
-     * Allow to remove all selected values
-     * @default true
-     * @type {Boolean}
-     */
-    allowEmpty: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Reset this.internalValue, this.search after this.internalValue changes.
-     * Useful if want to create a stateless dropdown.
-     * @default false
-     * @type {Boolean}
-     */
-    resetAfter: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Enable/disable closing after selecting an option
-     * @default true
-     * @type {Boolean}
-     */
-    closeOnSelect: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Function to interpolate the custom label
-     * @default false
-     * @type {Function}
-     */
-    customLabel: {
-      type: Function,
-      default(option2, label) {
-        if (isEmpty(option2))
-          return "";
-        return label ? option2[label] : option2;
-      }
-    },
-    /**
-     * Disable / Enable tagging
-     * @default false
-     * @type {Boolean}
-     */
-    taggable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * String to show when highlighting a potential tag
-     * @default 'Press enter to create a tag'
-     * @type {String}
-    */
-    tagPlaceholder: {
-      type: String,
-      default: "Press enter to create a tag"
-    },
-    /**
-     * By default new tags will appear above the search results.
-     * Changing to 'bottom' will revert this behaviour
-     * and will proritize the search results
-     * @default 'top'
-     * @type {String}
-    */
-    tagPosition: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Number of allowed selected options. No limit if 0.
-     * @default 0
-     * @type {Number}
-    */
-    max: {
-      type: [Number, Boolean],
-      default: false
-    },
-    /**
-     * Will be passed with all events as second param.
-     * Useful for identifying events origin.
-     * @default null
-     * @type {String|Integer}
-    */
-    id: {
-      default: null
-    },
-    /**
-     * Limits the options displayed in the dropdown
-     * to the first X options.
-     * @default 1000
-     * @type {Integer}
-    */
-    optionsLimit: {
-      type: Number,
-      default: 1e3
-    },
-    /**
-     * Name of the property containing
-     * the group values
-     * @default 1000
-     * @type {String}
-    */
-    groupValues: {
-      type: String
-    },
-    /**
-     * Name of the property containing
-     * the group label
-     * @default 1000
-     * @type {String}
-    */
-    groupLabel: {
-      type: String
-    },
-    /**
-     * Allow to select all group values
-     * by selecting the group label
-     * @default false
-     * @type {Boolean}
-     */
-    groupSelect: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Array of keyboard keys to block
-     * when selecting
-     * @default 1000
-     * @type {String}
-    */
-    blockKeys: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * Prevent from wiping up the search value
-     * @default false
-     * @type {Boolean}
-    */
-    preserveSearch: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Select 1st options if value is empty
-     * @default false
-     * @type {Boolean}
-    */
-    preselectFirst: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Prevent autofocus
-     * @default false
-     * @type {Boolean}
-    */
-    preventAutofocus: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mounted() {
-    if (!this.multiple && this.max) {
-      console.warn("[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false.");
-    }
-    if (this.preselectFirst && !this.internalValue.length && this.options.length) {
-      this.select(this.filteredOptions[0]);
-    }
-  },
-  computed: {
-    internalValue() {
-      return this.modelValue || this.modelValue === 0 ? Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue] : [];
-    },
-    filteredOptions() {
-      const search = this.search || "";
-      const normalizedSearch = search.toLowerCase().trim();
-      let options = this.options.concat();
-      if (this.internalSearch) {
-        options = this.groupValues ? this.filterAndFlat(options, normalizedSearch, this.label) : filterOptions(options, normalizedSearch, this.label, this.customLabel);
-      } else {
-        options = this.groupValues ? flattenOptions(this.groupValues, this.groupLabel)(options) : options;
-      }
-      options = this.hideSelected ? options.filter(not(this.isSelected)) : options;
-      if (this.taggable && normalizedSearch.length && !this.isExistingOption(normalizedSearch)) {
-        if (this.tagPosition === "bottom") {
-          options.push({ isTag: true, label: search });
-        } else {
-          options.unshift({ isTag: true, label: search });
-        }
-      }
-      return options.slice(0, this.optionsLimit);
-    },
-    valueKeys() {
-      if (this.trackBy) {
-        return this.internalValue.map((element) => element[this.trackBy]);
-      } else {
-        return this.internalValue;
-      }
-    },
-    optionKeys() {
-      const options = this.groupValues ? this.flatAndStrip(this.options) : this.options;
-      return options.map((element) => this.customLabel(element, this.label).toString().toLowerCase());
-    },
-    currentOptionLabel() {
-      return this.multiple ? this.searchable ? "" : this.placeholder : this.internalValue.length ? this.getOptionLabel(this.internalValue[0]) : this.searchable ? "" : this.placeholder;
-    }
-  },
-  watch: {
-    internalValue: {
-      handler() {
-        if (this.resetAfter && this.internalValue.length) {
-          this.search = "";
-          this.$emit("update:modelValue", this.multiple ? [] : null);
-        }
-      },
-      deep: true
-    },
-    search() {
-      this.$emit("search-change", this.search);
-    }
-  },
-  emits: ["open", "search-change", "close", "select", "update:modelValue", "remove", "tag"],
-  methods: {
-    /**
-     * Returns the internalValue in a way it can be emited to the parent
-     * @returns {Object||Array||String||Integer}
-     */
-    getValue() {
-      return this.multiple ? this.internalValue : this.internalValue.length === 0 ? null : this.internalValue[0];
-    },
-    /**
-     * Filters and then flattens the options list
-     * @param  {Array}
-     * @return {Array} returns a filtered and flat options list
-     */
-    filterAndFlat(options, search, label) {
-      return flow(
-        filterGroups(search, label, this.groupValues, this.groupLabel, this.customLabel),
-        flattenOptions(this.groupValues, this.groupLabel)
-      )(options);
-    },
-    /**
-     * Flattens and then strips the group labels from the options list
-     * @param  {Array}
-     * @return {Array} returns a flat options list without group labels
-     */
-    flatAndStrip(options) {
-      return flow(
-        flattenOptions(this.groupValues, this.groupLabel),
-        stripGroups
-      )(options);
-    },
-    /**
-     * Updates the search value
-     * @param  {String}
-     */
-    updateSearch(query) {
-      this.search = query;
-    },
-    /**
-     * Finds out if the given query is already present
-     * in the available options
-     * @param  {String}
-     * @return {Boolean} returns true if element is available
-     */
-    isExistingOption(query) {
-      return !this.options ? false : this.optionKeys.indexOf(query) > -1;
-    },
-    /**
-     * Finds out if the given element is already present
-     * in the result value
-     * @param  {Object||String||Integer} option passed element to check
-     * @returns {Boolean} returns true if element is selected
-     */
-    isSelected(option2) {
-      const opt = this.trackBy ? option2[this.trackBy] : option2;
-      return this.valueKeys.indexOf(opt) > -1;
-    },
-    /**
-     * Finds out if the given option is disabled
-     * @param  {Object||String||Integer} option passed element to check
-     * @returns {Boolean} returns true if element is disabled
-     */
-    isOptionDisabled(option2) {
-      return !!option2.$isDisabled;
-    },
-    /**
-     * Returns empty string when options is null/undefined
-     * Returns tag query if option is tag.
-     * Returns the customLabel() results and casts it to string.
-     *
-     * @param  {Object||String||Integer} Passed option
-     * @returns {Object||String}
-     */
-    getOptionLabel(option2) {
-      if (isEmpty(option2))
-        return "";
-      if (option2.isTag)
-        return option2.label;
-      if (option2.$isLabel)
-        return option2.$groupLabel;
-      const label = this.customLabel(option2, this.label);
-      if (isEmpty(label))
-        return "";
-      return label;
-    },
-    /**
-     * Add the given option to the list of selected options
-     * or sets the option as the selected option.
-     * If option is already selected -> remove it from the results.
-     *
-     * @param  {Object||String||Integer} option to select/deselect
-     * @param  {Boolean} block removing
-     */
-    select(option2, key) {
-      if (option2.$isLabel && this.groupSelect) {
-        this.selectGroup(option2);
-        return;
-      }
-      if (this.blockKeys.indexOf(key) !== -1 || this.disabled || option2.$isDisabled || option2.$isLabel)
-        return;
-      if (this.max && this.multiple && this.internalValue.length === this.max)
-        return;
-      if (key === "Tab" && !this.pointerDirty)
-        return;
-      if (option2.isTag) {
-        this.$emit("tag", option2.label, this.id);
-        this.search = "";
-        if (this.closeOnSelect && !this.multiple)
-          this.deactivate();
-      } else {
-        const isSelected = this.isSelected(option2);
-        if (isSelected) {
-          if (key !== "Tab")
-            this.removeElement(option2);
-          return;
-        }
-        if (this.multiple) {
-          this.$emit("update:modelValue", this.internalValue.concat([option2]));
-        } else {
-          this.$emit("update:modelValue", option2);
-        }
-        this.$emit("select", option2, this.id);
-        if (this.clearOnSelect)
-          this.search = "";
-      }
-      if (this.closeOnSelect)
-        this.deactivate();
-    },
-    /**
-     * Add the given group options to the list of selected options
-     * If all group optiona are already selected -> remove it from the results.
-     *
-     * @param  {Object||String||Integer} group to select/deselect
-     */
-    selectGroup(selectedGroup) {
-      const group = this.options.find((option2) => {
-        return option2[this.groupLabel] === selectedGroup.$groupLabel;
-      });
-      if (!group)
-        return;
-      if (this.wholeGroupSelected(group)) {
-        this.$emit("remove", group[this.groupValues], this.id);
-        const newValue = this.internalValue.filter(
-          (option2) => group[this.groupValues].indexOf(option2) === -1
-        );
-        this.$emit("update:modelValue", newValue);
-      } else {
-        let optionsToAdd = group[this.groupValues].filter(
-          (option2) => !(this.isOptionDisabled(option2) || this.isSelected(option2))
-        );
-        if (this.max) {
-          optionsToAdd.splice(this.max - this.internalValue.length);
-        }
-        this.$emit("select", optionsToAdd, this.id);
-        this.$emit(
-          "update:modelValue",
-          this.internalValue.concat(optionsToAdd)
-        );
-      }
-      if (this.closeOnSelect)
-        this.deactivate();
-    },
-    /**
-     * Helper to identify if all values in a group are selected
-     *
-     * @param {Object} group to validated selected values against
-     */
-    wholeGroupSelected(group) {
-      return group[this.groupValues].every(
-        (option2) => this.isSelected(option2) || this.isOptionDisabled(option2)
-      );
-    },
-    /**
-     * Helper to identify if all values in a group are disabled
-     *
-     * @param {Object} group to check for disabled values
-     */
-    wholeGroupDisabled(group) {
-      return group[this.groupValues].every(this.isOptionDisabled);
-    },
-    /**
-     * Removes the given option from the selected options.
-     * Additionally checks this.allowEmpty prop if option can be removed when
-     * it is the last selected option.
-     *
-     * @param  {type} option description
-     * @return {type}        description
-     */
-    removeElement(option2, shouldClose = true) {
-      if (this.disabled)
-        return;
-      if (option2.$isDisabled)
-        return;
-      if (!this.allowEmpty && this.internalValue.length <= 1) {
-        this.deactivate();
-        return;
-      }
-      const index2 = typeof option2 === "object" ? this.valueKeys.indexOf(option2[this.trackBy]) : this.valueKeys.indexOf(option2);
-      if (this.multiple) {
-        const newValue = this.internalValue.slice(0, index2).concat(this.internalValue.slice(index2 + 1));
-        this.$emit("update:modelValue", newValue);
-      } else {
-        this.$emit("update:modelValue", null);
-      }
-      this.$emit("remove", option2, this.id);
-      if (this.closeOnSelect && shouldClose)
-        this.deactivate();
-    },
-    /**
-     * Calls this.removeElement() with the last element
-     * from this.internalValue (selected element Array)
-     *
-     * @fires this#removeElement
-     */
-    removeLastElement() {
-      if (this.blockKeys.indexOf("Delete") !== -1)
-        return;
-      if (this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length) {
-        this.removeElement(this.internalValue[this.internalValue.length - 1], false);
-      }
-    },
-    /**
-     * Opens the multiselect’s dropdown.
-     * Sets this.isOpen to TRUE
-     */
-    activate() {
-      if (this.isOpen || this.disabled)
-        return;
-      this.adjustPosition();
-      if (this.groupValues && this.pointer === 0 && this.filteredOptions.length) {
-        this.pointer = 1;
-      }
-      this.isOpen = true;
-      if (this.searchable) {
-        if (!this.preserveSearch)
-          this.search = "";
-        if (!this.preventAutofocus)
-          this.$nextTick(() => this.$refs.search && this.$refs.search.focus());
-      } else if (!this.preventAutofocus) {
-        if (typeof this.$el !== "undefined")
-          this.$el.focus();
-      }
-      this.$emit("open", this.id);
-    },
-    /**
-     * Closes the multiselect’s dropdown.
-     * Sets this.isOpen to FALSE
-     */
-    deactivate() {
-      if (!this.isOpen)
-        return;
-      this.isOpen = false;
-      if (this.searchable) {
-        if (this.$refs.search !== null && typeof this.$refs.search !== "undefined")
-          this.$refs.search.blur();
-      } else {
-        if (typeof this.$el !== "undefined")
-          this.$el.blur();
-      }
-      if (!this.preserveSearch)
-        this.search = "";
-      this.$emit("close", this.getValue(), this.id);
-    },
-    /**
-     * Call this.activate() or this.deactivate()
-     * depending on this.isOpen value.
-     *
-     * @fires this#activate || this#deactivate
-     * @property {Boolean} isOpen indicates if dropdown is open
-     */
-    toggle() {
-      this.isOpen ? this.deactivate() : this.activate();
-    },
-    /**
-     * Updates the hasEnoughSpace variable used for
-     * detecting where to expand the dropdown
-     */
-    adjustPosition() {
-      if (typeof window === "undefined")
-        return;
-      const spaceAbove = this.$el.getBoundingClientRect().top;
-      const spaceBelow = window.innerHeight - this.$el.getBoundingClientRect().bottom;
-      const hasEnoughSpaceBelow = spaceBelow > this.maxHeight;
-      if (hasEnoughSpaceBelow || spaceBelow > spaceAbove || this.openDirection === "below" || this.openDirection === "bottom") {
-        this.preferredOpenDirection = "below";
-        this.optimizedHeight = Math.min(spaceBelow - 40, this.maxHeight);
-      } else {
-        this.preferredOpenDirection = "above";
-        this.optimizedHeight = Math.min(spaceAbove - 40, this.maxHeight);
-      }
-    }
-  }
-};
-var pointerMixin = {
-  data() {
-    return {
-      pointer: 0,
-      pointerDirty: false
-    };
-  },
-  props: {
-    /**
-     * Enable/disable highlighting of the pointed value.
-     * @type {Boolean}
-     * @default true
-     */
-    showPointer: {
-      type: Boolean,
-      default: true
-    },
-    optionHeight: {
-      type: Number,
-      default: 40
-    }
-  },
-  computed: {
-    pointerPosition() {
-      return this.pointer * this.optionHeight;
-    },
-    visibleElements() {
-      return this.optimizedHeight / this.optionHeight;
-    }
-  },
-  watch: {
-    filteredOptions() {
-      this.pointerAdjust();
-    },
-    isOpen() {
-      this.pointerDirty = false;
-    },
-    pointer() {
-      this.$refs.search && this.$refs.search.setAttribute("aria-activedescendant", this.id + "-" + this.pointer.toString());
-    }
-  },
-  methods: {
-    optionHighlight(index2, option2) {
-      return {
-        "multiselect__option--highlight": index2 === this.pointer && this.showPointer,
-        "multiselect__option--selected": this.isSelected(option2)
-      };
-    },
-    groupHighlight(index2, selectedGroup) {
-      if (!this.groupSelect) {
-        return [
-          "multiselect__option--disabled",
-          { "multiselect__option--group": selectedGroup.$isLabel }
-        ];
-      }
-      const group = this.options.find((option2) => {
-        return option2[this.groupLabel] === selectedGroup.$groupLabel;
-      });
-      return group && !this.wholeGroupDisabled(group) ? [
-        "multiselect__option--group",
-        { "multiselect__option--highlight": index2 === this.pointer && this.showPointer },
-        { "multiselect__option--group-selected": this.wholeGroupSelected(group) }
-      ] : "multiselect__option--disabled";
-    },
-    addPointerElement({ key } = "Enter") {
-      if (this.filteredOptions.length > 0) {
-        this.select(this.filteredOptions[this.pointer], key);
-      }
-      this.pointerReset();
-    },
-    pointerForward() {
-      if (this.pointer < this.filteredOptions.length - 1) {
-        this.pointer++;
-        if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {
-          this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight;
-        }
-        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect)
-          this.pointerForward();
-      }
-      this.pointerDirty = true;
-    },
-    pointerBackward() {
-      if (this.pointer > 0) {
-        this.pointer--;
-        if (this.$refs.list.scrollTop >= this.pointerPosition) {
-          this.$refs.list.scrollTop = this.pointerPosition;
-        }
-        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect)
-          this.pointerBackward();
-      } else {
-        if (this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect)
-          this.pointerForward();
-      }
-      this.pointerDirty = true;
-    },
-    pointerReset() {
-      if (!this.closeOnSelect)
-        return;
-      this.pointer = 0;
-      if (this.$refs.list) {
-        this.$refs.list.scrollTop = 0;
-      }
-    },
-    pointerAdjust() {
-      if (this.pointer >= this.filteredOptions.length - 1) {
-        this.pointer = this.filteredOptions.length ? this.filteredOptions.length - 1 : 0;
-      }
-      if (this.filteredOptions.length > 0 && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) {
-        this.pointerForward();
-      }
-    },
-    pointerSet(index2) {
-      this.pointer = index2;
-      this.pointerDirty = true;
-    }
-  }
-};
-var script$e = {
-  name: "vue-multiselect",
-  mixins: [multiselectMixin, pointerMixin],
-  compatConfig: {
-    MODE: 3,
-    ATTR_ENUMERATED_COERCION: false
-  },
-  props: {
-    /**
-       * name attribute to match optional label element
-       * @default ''
-       * @type {String}
-       */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-       * Presets the selected options value.
-       * @type {Object||Array||String||Integer}
-       */
-    modelValue: {
-      type: null,
-      default() {
-        return [];
-      }
-    },
-    /**
-       * String to show when pointing to an option
-       * @default 'Press enter to select'
-       * @type {String}
-       */
-    selectLabel: {
-      type: String,
-      default: "Press enter to select"
-    },
-    /**
-       * String to show when pointing to an option
-       * @default 'Press enter to select'
-       * @type {String}
-       */
-    selectGroupLabel: {
-      type: String,
-      default: "Press enter to select group"
-    },
-    /**
-       * String to show next to selected option
-       * @default 'Selected'
-       * @type {String}
-       */
-    selectedLabel: {
-      type: String,
-      default: "Selected"
-    },
-    /**
-       * String to show when pointing to an already selected option
-       * @default 'Press enter to remove'
-       * @type {String}
-       */
-    deselectLabel: {
-      type: String,
-      default: "Press enter to remove"
-    },
-    /**
-       * String to show when pointing to an already selected option
-       * @default 'Press enter to remove'
-       * @type {String}
-       */
-    deselectGroupLabel: {
-      type: String,
-      default: "Press enter to deselect group"
-    },
-    /**
-       * Decide whether to show pointer labels
-       * @default true
-       * @type {Boolean}
-       */
-    showLabels: {
-      type: Boolean,
-      default: true
-    },
-    /**
-       * Limit the display of selected options. The rest will be hidden within the limitText string.
-       * @default 99999
-       * @type {Integer}
-       */
-    limit: {
-      type: Number,
-      default: 99999
-    },
-    /**
-       * Sets maxHeight style value of the dropdown
-       * @default 300
-       * @type {Integer}
-       */
-    maxHeight: {
-      type: Number,
-      default: 300
-    },
-    /**
-       * Function that process the message shown when selected
-       * elements pass the defined limit.
-       * @default 'and * more'
-       * @param {Int} count Number of elements more than limit
-       * @type {Function}
-       */
-    limitText: {
-      type: Function,
-      default: (count2) => `and ${count2} more`
-    },
-    /**
-       * Set true to trigger the loading spinner.
-       * @default False
-       * @type {Boolean}
-       */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-       * Disables the multiselect if true.
-       * @default false
-       * @type {Boolean}
-       */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-       * Fixed opening direction
-       * @default ''
-       * @type {String}
-       */
-    openDirection: {
-      type: String,
-      default: ""
-    },
-    /**
-       * Shows slot with message about empty options
-       * @default true
-       * @type {Boolean}
-       */
-    showNoOptions: {
-      type: Boolean,
-      default: true
-    },
-    showNoResults: {
-      type: Boolean,
-      default: true
-    },
-    tabindex: {
-      type: Number,
-      default: 0
-    }
-  },
-  computed: {
-    hasOptionGroup() {
-      return this.groupValues && this.groupLabel && this.groupSelect;
-    },
-    isSingleLabelVisible() {
-      return (this.singleValue || this.singleValue === 0) && (!this.isOpen || !this.searchable) && !this.visibleValues.length;
-    },
-    isPlaceholderVisible() {
-      return !this.internalValue.length && (!this.searchable || !this.isOpen);
-    },
-    visibleValues() {
-      return this.multiple ? this.internalValue.slice(0, this.limit) : [];
-    },
-    singleValue() {
-      return this.internalValue[0];
-    },
-    deselectLabelText() {
-      return this.showLabels ? this.deselectLabel : "";
-    },
-    deselectGroupLabelText() {
-      return this.showLabels ? this.deselectGroupLabel : "";
-    },
-    selectLabelText() {
-      return this.showLabels ? this.selectLabel : "";
-    },
-    selectGroupLabelText() {
-      return this.showLabels ? this.selectGroupLabel : "";
-    },
-    selectedLabelText() {
-      return this.showLabels ? this.selectedLabel : "";
-    },
-    inputStyle() {
-      if (this.searchable || this.multiple && this.modelValue && this.modelValue.length) {
-        return this.isOpen ? { width: "100%" } : { width: "0", position: "absolute", padding: "0" };
-      }
-      return "";
-    },
-    contentStyle() {
-      return this.options.length ? { display: "inline-block" } : { display: "block" };
-    },
-    isAbove() {
-      if (this.openDirection === "above" || this.openDirection === "top") {
-        return true;
-      } else if (this.openDirection === "below" || this.openDirection === "bottom") {
-        return false;
-      } else {
-        return this.preferredOpenDirection === "above";
-      }
-    },
-    showSearchInput() {
-      return this.searchable && (this.hasSingleSelectedSlot && (this.visibleSingleValue || this.visibleSingleValue === 0) ? this.isOpen : true);
-    }
-  }
-};
-const _hoisted_1$n = {
-  ref: "tags",
-  class: "multiselect__tags"
-};
-const _hoisted_2$i = { class: "multiselect__tags-wrap" };
-const _hoisted_3$e = { class: "multiselect__spinner" };
-const _hoisted_4$a = { key: 0 };
-const _hoisted_5$9 = { class: "multiselect__option" };
-const _hoisted_6$5 = { class: "multiselect__option" };
-const _hoisted_7$2 = /* @__PURE__ */ vue.createTextVNode("No elements found. Consider changing the search query.");
-const _hoisted_8$1 = { class: "multiselect__option" };
-const _hoisted_9$1 = /* @__PURE__ */ vue.createTextVNode("List is empty.");
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("div", {
-    tabindex: _ctx.searchable ? -1 : $props.tabindex,
-    class: [{ "multiselect--active": _ctx.isOpen, "multiselect--disabled": $props.disabled, "multiselect--above": $options.isAbove, "multiselect--has-options-group": $options.hasOptionGroup }, "multiselect"],
-    onFocus: _cache[14] || (_cache[14] = ($event) => _ctx.activate()),
-    onBlur: _cache[15] || (_cache[15] = ($event) => _ctx.searchable ? false : _ctx.deactivate()),
-    onKeydown: [
-      _cache[16] || (_cache[16] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerForward(), ["self", "prevent"]), ["down"])),
-      _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerBackward(), ["self", "prevent"]), ["up"]))
-    ],
-    onKeypress: _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.addPointerElement($event), ["stop", "self"]), ["enter", "tab"])),
-    onKeyup: _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.deactivate(), ["esc"])),
-    role: "combobox",
-    "aria-owns": "listbox-" + _ctx.id
-  }, [
-    vue.renderSlot(_ctx.$slots, "caret", { toggle: _ctx.toggle }, () => [
-      vue.createVNode(
-        "div",
-        {
-          onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.toggle(), ["prevent", "stop"])),
-          class: "multiselect__select"
-        },
-        null,
-        32
-        /* HYDRATE_EVENTS */
-      )
-    ]),
-    vue.renderSlot(_ctx.$slots, "clear", { search: _ctx.search }),
-    vue.createVNode(
-      "div",
-      _hoisted_1$n,
-      [
-        vue.renderSlot(_ctx.$slots, "selection", {
-          search: _ctx.search,
-          remove: _ctx.removeElement,
-          values: $options.visibleValues,
-          isOpen: _ctx.isOpen
-        }, () => [
-          vue.withDirectives(vue.createVNode(
-            "div",
-            _hoisted_2$i,
-            [
-              (vue.openBlock(true), vue.createBlock(
-                vue.Fragment,
-                null,
-                vue.renderList($options.visibleValues, (option2, index2) => {
-                  return vue.renderSlot(_ctx.$slots, "tag", {
-                    option: option2,
-                    search: _ctx.search,
-                    remove: _ctx.removeElement
-                  }, () => [
-                    (vue.openBlock(), vue.createBlock("span", {
-                      class: "multiselect__tag",
-                      key: index2
-                    }, [
-                      vue.createVNode("span", {
-                        textContent: vue.toDisplayString(_ctx.getOptionLabel(option2))
-                      }, null, 8, ["textContent"]),
-                      vue.createVNode("i", {
-                        tabindex: "1",
-                        onKeypress: vue.withKeys(vue.withModifiers(($event) => _ctx.removeElement(option2), ["prevent"]), ["enter"]),
-                        onMousedown: vue.withModifiers(($event) => _ctx.removeElement(option2), ["prevent"]),
-                        class: "multiselect__tag-icon"
-                      }, null, 40, ["onKeypress", "onMousedown"])
-                    ]))
-                  ]);
-                }),
-                256
-                /* UNKEYED_FRAGMENT */
-              ))
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [vue.vShow, $options.visibleValues.length > 0]
-          ]),
-          _ctx.internalValue && _ctx.internalValue.length > $props.limit ? vue.renderSlot(_ctx.$slots, "limit", { key: 0 }, () => [
-            vue.createVNode("strong", {
-              class: "multiselect__strong",
-              textContent: vue.toDisplayString($props.limitText(_ctx.internalValue.length - $props.limit))
-            }, null, 8, ["textContent"])
-          ]) : vue.createCommentVNode("v-if", true)
-        ]),
-        vue.createVNode(vue.Transition, { name: "multiselect__loading" }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "loading", {}, () => [
-              vue.withDirectives(vue.createVNode(
-                "div",
-                _hoisted_3$e,
-                null,
-                512
-                /* NEED_PATCH */
-              ), [
-                [vue.vShow, $props.loading]
-              ])
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }),
-        _ctx.searchable ? (vue.openBlock(), vue.createBlock("input", {
-          key: 0,
-          ref: "search",
-          name: $props.name,
-          id: _ctx.id,
-          type: "text",
-          autocomplete: "off",
-          spellcheck: false,
-          placeholder: _ctx.placeholder,
-          style: $options.inputStyle,
-          value: _ctx.search,
-          disabled: $props.disabled,
-          tabindex: $props.tabindex,
-          onInput: _cache[2] || (_cache[2] = ($event) => _ctx.updateSearch($event.target.value)),
-          onFocus: _cache[3] || (_cache[3] = vue.withModifiers(($event) => _ctx.activate(), ["prevent"])),
-          onBlur: _cache[4] || (_cache[4] = vue.withModifiers(($event) => _ctx.deactivate(), ["prevent"])),
-          onKeyup: _cache[5] || (_cache[5] = vue.withKeys(($event) => _ctx.deactivate(), ["esc"])),
-          onKeydown: [
-            _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerForward(), ["prevent"]), ["down"])),
-            _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerBackward(), ["prevent"]), ["up"])),
-            _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers(($event) => _ctx.removeLastElement(), ["stop"]), ["delete"]))
-          ],
-          onKeypress: _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.addPointerElement($event), ["prevent", "stop", "self"]), ["enter"])),
-          class: "multiselect__input",
-          "aria-controls": "listbox-" + _ctx.id
-        }, null, 44, ["name", "id", "placeholder", "value", "disabled", "tabindex", "aria-controls"])) : vue.createCommentVNode("v-if", true),
-        $options.isSingleLabelVisible ? (vue.openBlock(), vue.createBlock(
-          "span",
-          {
-            key: 1,
-            class: "multiselect__single",
-            onMousedown: _cache[10] || (_cache[10] = vue.withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
-          },
-          [
-            vue.renderSlot(_ctx.$slots, "singleLabel", { option: $options.singleValue }, () => [
-              vue.createTextVNode(
-                vue.toDisplayString(_ctx.currentOptionLabel),
-                1
-                /* TEXT */
-              )
-            ])
-          ],
-          32
-          /* HYDRATE_EVENTS */
-        )) : vue.createCommentVNode("v-if", true),
-        $options.isPlaceholderVisible ? (vue.openBlock(), vue.createBlock(
-          "span",
-          {
-            key: 2,
-            class: "multiselect__placeholder",
-            onMousedown: _cache[11] || (_cache[11] = vue.withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
-          },
-          [
-            vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
-              vue.createTextVNode(
-                vue.toDisplayString(_ctx.placeholder),
-                1
-                /* TEXT */
-              )
-            ])
-          ],
-          32
-          /* HYDRATE_EVENTS */
-        )) : vue.createCommentVNode("v-if", true)
-      ],
-      512
-      /* NEED_PATCH */
-    ),
-    vue.createVNode(vue.Transition, { name: "multiselect" }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createVNode(
-          "div",
-          {
-            class: "multiselect__content-wrapper",
-            onFocus: _cache[12] || (_cache[12] = (...args) => _ctx.activate && _ctx.activate(...args)),
-            tabindex: "-1",
-            onMousedown: _cache[13] || (_cache[13] = vue.withModifiers(() => {
-            }, ["prevent"])),
-            style: { maxHeight: _ctx.optimizedHeight + "px" },
-            ref: "list"
-          },
-          [
-            vue.createVNode("ul", {
-              class: "multiselect__content",
-              style: $options.contentStyle,
-              role: "listbox",
-              id: "listbox-" + _ctx.id
-            }, [
-              vue.renderSlot(_ctx.$slots, "beforeList"),
-              _ctx.multiple && _ctx.max === _ctx.internalValue.length ? (vue.openBlock(), vue.createBlock("li", _hoisted_4$a, [
-                vue.createVNode("span", _hoisted_5$9, [
-                  vue.renderSlot(_ctx.$slots, "maxElements", {}, () => [
-                    vue.createTextVNode(
-                      "Maximum of " + vue.toDisplayString(_ctx.max) + " options selected. First remove a selected option to select another.",
-                      1
-                      /* TEXT */
-                    )
-                  ])
-                ])
-              ])) : vue.createCommentVNode("v-if", true),
-              !_ctx.max || _ctx.internalValue.length < _ctx.max ? (vue.openBlock(true), vue.createBlock(
-                vue.Fragment,
-                { key: 1 },
-                vue.renderList(_ctx.filteredOptions, (option2, index2) => {
-                  return vue.openBlock(), vue.createBlock("li", {
-                    class: "multiselect__element",
-                    key: index2,
-                    id: _ctx.id + "-" + index2,
-                    role: !(option2 && (option2.$isLabel || option2.$isDisabled)) ? "option" : null
-                  }, [
-                    !(option2 && (option2.$isLabel || option2.$isDisabled)) ? (vue.openBlock(), vue.createBlock("span", {
-                      key: 0,
-                      class: [_ctx.optionHighlight(index2, option2), "multiselect__option"],
-                      onClick: vue.withModifiers(($event) => _ctx.select(option2), ["stop"]),
-                      onMouseenter: vue.withModifiers(($event) => _ctx.pointerSet(index2), ["self"]),
-                      "data-select": option2 && option2.isTag ? _ctx.tagPlaceholder : $options.selectLabelText,
-                      "data-selected": $options.selectedLabelText,
-                      "data-deselect": $options.deselectLabelText
-                    }, [
-                      vue.renderSlot(_ctx.$slots, "option", {
-                        option: option2,
-                        search: _ctx.search,
-                        index: index2
-                      }, () => [
-                        vue.createVNode(
-                          "span",
-                          null,
-                          vue.toDisplayString(_ctx.getOptionLabel(option2)),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 42, ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"])) : vue.createCommentVNode("v-if", true),
-                    option2 && (option2.$isLabel || option2.$isDisabled) ? (vue.openBlock(), vue.createBlock("span", {
-                      key: 1,
-                      "data-select": _ctx.groupSelect && $options.selectGroupLabelText,
-                      "data-deselect": _ctx.groupSelect && $options.deselectGroupLabelText,
-                      class: [_ctx.groupHighlight(index2, option2), "multiselect__option"],
-                      onMouseenter: vue.withModifiers(($event) => _ctx.groupSelect && _ctx.pointerSet(index2), ["self"]),
-                      onMousedown: vue.withModifiers(($event) => _ctx.selectGroup(option2), ["prevent"])
-                    }, [
-                      vue.renderSlot(_ctx.$slots, "option", {
-                        option: option2,
-                        search: _ctx.search,
-                        index: index2
-                      }, () => [
-                        vue.createVNode(
-                          "span",
-                          null,
-                          vue.toDisplayString(_ctx.getOptionLabel(option2)),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 42, ["data-select", "data-deselect", "onMouseenter", "onMousedown"])) : vue.createCommentVNode("v-if", true)
-                  ], 8, ["id", "role"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              )) : vue.createCommentVNode("v-if", true),
-              vue.withDirectives(vue.createVNode(
-                "li",
-                null,
-                [
-                  vue.createVNode("span", _hoisted_6$5, [
-                    vue.renderSlot(_ctx.$slots, "noResult", { search: _ctx.search }, () => [
-                      _hoisted_7$2
-                    ])
-                  ])
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [vue.vShow, $props.showNoResults && (_ctx.filteredOptions.length === 0 && _ctx.search && !$props.loading)]
-              ]),
-              vue.withDirectives(vue.createVNode(
-                "li",
-                null,
-                [
-                  vue.createVNode("span", _hoisted_8$1, [
-                    vue.renderSlot(_ctx.$slots, "noOptions", {}, () => [
-                      _hoisted_9$1
-                    ])
-                  ])
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [vue.vShow, $props.showNoOptions && ((_ctx.options.length === 0 || $options.hasOptionGroup === true && _ctx.filteredOptions.length === 0) && !_ctx.search && !$props.loading)]
-              ]),
-              vue.renderSlot(_ctx.$slots, "afterList")
-            ], 12, ["id"])
-          ],
-          36
-          /* STYLE, HYDRATE_EVENTS */
-        ), [
-          [vue.vShow, _ctx.isOpen]
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    })
-  ], 42, ["tabindex", "aria-owns"]);
-}
-script$e.render = render$e;
-const Multiselect = script$e;
-const _hoisted_1$m = ["for"];
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1fc4f739"]]);
+const _hoisted_1$m = ["disabled"];
+const _hoisted_2$i = ["onClick"];
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    modelValue: {},
+    searchable: { type: Boolean },
     required: { type: Boolean },
     label: {},
-    id: {},
-    modelValue: {},
-    placeholder: {},
-    defaultValue: {},
-    options: {},
-    extraProps: {}
+    fullWidth: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    let open = vue.ref(false);
+    const searchInput = vue.ref(null);
     const props2 = __props;
-    let dataValue = vue.ref(props2.modelValue || props2.defaultValue);
-    const multiselect = vue.ref();
+    let selectedItem = vue.ref();
+    let search = vue.ref("");
+    const toggle = () => {
+      open.value = !open.value;
+      if (!open.value)
+        search.value = "";
+      if (open.value)
+        setTimeout(() => {
+          var _a2, _b, _c;
+          return (_c = (_b = (_a2 = searchInput.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.querySelector("input")) == null ? void 0 : _c.focus();
+        }, 100);
+    };
+    const valueToLabel = (value) => {
+      if (!value)
+        return "";
+      const option2 = props2.options.find((option22) => {
+        if (typeof option22 === "string" || typeof option22 === "number")
+          return option22 === value;
+        return option22.value === value;
+      });
+      if (!option2)
+        return value;
+      return getLabel(option2);
+    };
     const emit2 = __emit;
-    const optionList = vue.ref([]);
-    const seletValue = vue.computed({
-      get: () => optionList.value.find((opt) => opt.value === dataValue.value),
-      set: (val) => {
-        dataValue.value = val == null ? void 0 : val.value;
-        emit2("update:modelValue", dataValue.value);
-      }
-    });
-    function optnToValueLabel(option2) {
-      if (typeof option2 === "string" || typeof option2 === "number") {
-        return { label: `${option2}`, value: option2 };
-      }
-      return option2;
-    }
-    function updateOptionList() {
-      const { options } = props2;
-      const optnLst = typeof options === "string" ? options.split("\n|,") : options || [];
-      optionList.value.push(...optnLst.map(optnToValueLabel));
-    }
-    vue.watch(() => props2.options, updateOptionList, { immediate: true });
+    const getLabel = (option2) => {
+      if (typeof option2 === "string")
+        return option2;
+      if (typeof option2 === "number")
+        return `${option2}`;
+      return option2.label;
+    };
+    const isSelected = (option2) => {
+      if (typeof option2 === "string" || typeof option2 === "number")
+        return option2 === selectedItem.value;
+      return option2.value === selectedItem.value;
+    };
+    const filteredOptions = vue.computed(() => props2.options.filter((option2) => {
+      const searchTerm = new RegExp(search.value, "gi");
+      if (typeof option2 === "string")
+        return option2.match(searchTerm);
+      if (typeof option2 === "number")
+        return `${option2}`.match(searchTerm);
+      return option2.label.match(searchTerm);
+    }));
+    const select2 = (option2) => {
+      if (typeof option2 === "string")
+        selectedItem.value = option2;
+      else if (typeof option2 === "number")
+        selectedItem.value = option2;
+      else
+        selectedItem.value = option2.value;
+      emit2("update:modelValue", selectedItem.value);
+      open.value = false;
+    };
+    vue.watch(() => props2.modelValue, (value) => {
+      if (value !== selectedItem.value)
+        selectedItem.value = value;
+    }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("label", {
-          class: "txt-start",
-          for: _ctx.id
-        }, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          vue.createVNode(vue.unref(Multiselect), vue.mergeProps({
-            ref_key: "multiselect",
-            ref: multiselect,
-            id: _ctx.id,
-            label: "label",
-            trackBy: "value",
-            options: optionList.value,
-            required: _ctx.required,
-            placeholder: _ctx.placeholder,
-            modelValue: seletValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => seletValue.value = $event),
-            "close-on-select": true
-          }, _ctx.extraProps), null, 16, ["id", "options", "required", "placeholder", "modelValue"])
-        ], 8, _hoisted_1$m)
-      ]);
+      return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
+        placement: "bottom-start",
+        class: "bagel-input selectinput"
+      }, {
+        popper: vue.withCtx(({ hide }) => [
+          vue.createVNode(vue.unref(_sfc_main$t), {
+            class: "selectinput-options p-05",
+            style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
+                key: 0,
+                ref_key: "searchInput",
+                ref: searchInput,
+                dense: "",
+                placeholder: "Search",
+                icon: "search",
+                modelValue: vue.unref(search),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(search) ? search.value = $event : search = $event)
+              }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(["selectinput-option hover gap-1", { selected: option2 === vue.unref(selectedItem) }]),
+                  key: `${option2}${i2}`,
+                  onClick: () => {
+                    select2(option2);
+                    hide();
+                  }
+                }, [
+                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                    key: 0,
+                    icon: "check"
+                  })) : vue.createCommentVNode("", true),
+                  !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                    key: 1,
+                    class: "opacity-3",
+                    icon: "fiber_manual_record"
+                  })) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("span", null, vue.toDisplayString(getLabel(option2)), 1)
+                ], 10, _hoisted_2$i);
+              }), 128)),
+              vue.renderSlot(_ctx.$slots, "last", {}, void 0, true)
+            ]),
+            _: 2
+          }, 1032, ["style"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("label", null, [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+            vue.createElementVNode("button", {
+              disabled: _ctx.disabled,
+              type: "button",
+              class: "selectinput-btn",
+              onClick: toggle
+            }, [
+              vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
+              vue.createVNode(vue.unref(_sfc_main$H), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            ], 8, _hoisted_1$m),
+            _ctx.required ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              key: 0,
+              style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedItem) ? selectedItem.value = $event : selectedItem = $event),
+              required: ""
+            }, null, 512)), [
+              [vue.vModelText, vue.unref(selectedItem)]
+            ]) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      });
     };
   }
 });
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-8845266b"]]);
 const _hoisted_1$l = ["title"];
 const _hoisted_2$h = { key: 0 };
-const _hoisted_3$d = ["value", "placeholder"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$e = ["value", "placeholder"];
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "RichTextEditor",
   props: {
     description: { default: "" },
@@ -29045,12 +27611,12 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput,
           placeholder: _ctx.placeholder,
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode })
-        }, null, 42, _hoisted_3$d)
+        }, null, 42, _hoisted_3$e)
       ], 10, _hoisted_1$l);
     };
   }
 });
-const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-69a60381"]]);
+const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-69a60381"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -29222,13 +27788,13 @@ function closest(el, selector2, ctx, includeCTX) {
   return null;
 }
 var R_SPACE = /\s+/g;
-function toggleClass(el, name, state) {
+function toggleClass(el, name, state2) {
   if (el && name) {
     if (el.classList) {
-      el.classList[state ? "add" : "remove"](name);
+      el.classList[state2 ? "add" : "remove"](name);
     } else {
       var className = (" " + el.className + " ").replace(R_SPACE, " ").replace(" " + name + " ", " ");
-      el.className = (className + (state ? " " + name : "")).replace(R_SPACE, " ");
+      el.className = (className + (state2 ? " " + name : "")).replace(R_SPACE, " ");
     }
   }
 }
@@ -29505,8 +28071,8 @@ function AnimationStateManager() {
         child.fromRect = fromRect;
       });
     },
-    addAnimationState: function addAnimationState(state) {
-      animationStates.push(state);
+    addAnimationState: function addAnimationState(state2) {
+      animationStates.push(state2);
     },
     removeAnimationState: function removeAnimationState(target) {
       animationStates.splice(indexOfObject(animationStates, {
@@ -29522,8 +28088,8 @@ function AnimationStateManager() {
         return;
       }
       var animating = false, animationTime = 0;
-      animationStates.forEach(function(state) {
-        var time = 0, target = state.target, fromRect = target.fromRect, toRect = getRect(target), prevFromRect = target.prevFromRect, prevToRect = target.prevToRect, animatingRect = state.rect, targetMatrix = matrix(target, true);
+      animationStates.forEach(function(state2) {
+        var time = 0, target = state2.target, fromRect = target.fromRect, toRect = getRect(target), prevFromRect = target.prevFromRect, prevToRect = target.prevToRect, animatingRect = state2.rect, targetMatrix = matrix(target, true);
         if (targetMatrix) {
           toRect.top -= targetMatrix.f;
           toRect.left -= targetMatrix.e;
@@ -31575,11 +30141,11 @@ const VueDraggableNext = vue.defineComponent({
 });
 const _hoisted_1$k = ["title"];
 const _hoisted_2$g = { class: "bagel-input" };
-const _hoisted_3$c = { class: "table-side-scroll" };
+const _hoisted_3$d = { class: "table-side-scroll" };
 const _hoisted_4$9 = { class: "table-header" };
 const _hoisted_5$8 = { class: "table-reorder" };
 const _hoisted_6$4 = { class: "table-action" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -31647,7 +30213,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2$g, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a2 = vue.unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$c, [
+        vue.createElementVNode("div", _hoisted_3$d, [
           vue.createElementVNode("div", _hoisted_4$9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -31676,7 +30242,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       key: row.id
                     }, [
                       vue.createElementVNode("div", _hoisted_5$8, [
-                        vue.createVNode(vue.unref(_sfc_main$F), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$H), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a3 = vue.unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -31693,7 +30259,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$4, [
-                        vue.createVNode(vue.unref(_sfc_main$F), {
+                        vue.createVNode(vue.unref(_sfc_main$H), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -31723,13 +30289,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cdacf10e"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cdacf10e"]]);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$f = ["for"];
-const _hoisted_3$b = ["title", "autocomplete", "id", "type", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_3$c = ["title", "autocomplete", "id", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$8 = ["title", "id", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$7 = { key: 2 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -31843,7 +30409,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             disabled: !vue.unref(editMode),
             required: _ctx.required,
             pattern: _ctx.pattern
-          }, _ctx.nativeInputAttrs, { onDblclick: toggleEditAction }), null, 16, _hoisted_3$b)), [
+          }, _ctx.nativeInputAttrs, { onDblclick: toggleEditAction }), null, 16, _hoisted_3$c)), [
             [vue.vModelDynamic, vue.unref(inputVal)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", vue.mergeProps({
             key: 1,
@@ -31863,12 +30429,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$7, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$f),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -31884,9 +30450,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-25f868b2"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-cd4c27ad"]]);
 const _hoisted_1$i = { class: "primary-checkbox" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": {
@@ -31907,16 +30473,16 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$F), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$H), { icon: "check" })
         ])
       ]);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e4cbb088"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e4cbb088"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$e = ["id", "placeholder", "required"];
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -31962,13 +30528,13 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$g = { class: "datetime-wrap" };
 const _hoisted_2$d = { class: "date-wrap" };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 0,
   class: "time-wrap"
 };
 const _hoisted_4$7 = ["id", "name", "value"];
 const _hoisted_5$6 = ["for"];
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     name: {},
@@ -32000,7 +30566,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 16, ["modelValue"])
         ]),
-        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hours), (hr2) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: hr2 }, [
               vue.withDirectives(vue.createElementVNode("input", {
@@ -32024,10 +30590,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$f = { class: "bagel-input" };
 const _hoisted_2$c = { class: "pb-025" };
-const _hoisted_3$9 = { class: "flex gap-05 flex-wrap" };
+const _hoisted_3$a = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$6 = ["id", "name", "value", "checked"];
 const _hoisted_5$5 = ["for"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -32068,7 +30634,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
         vue.createElementVNode("label", _hoisted_2$c, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$9, [
+        vue.createElementVNode("div", _hoisted_3$a, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cumputedOptions.value, ({ optioId, label, value }, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "radio-pill",
@@ -32090,13 +30656,13 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e47ae8b5"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e47ae8b5"]]);
 const _hoisted_1$e = { class: "bagel-input" };
 const _hoisted_2$b = {
   key: 0,
   class: "imagePreviewWrap"
 };
-const _hoisted_3$8 = ["src"];
+const _hoisted_3$9 = ["src"];
 const _hoisted_4$5 = { class: "previewName" };
 const _hoisted_5$4 = ["src"];
 const _hoisted_6$3 = { class: "no-margin" };
@@ -32112,7 +30678,7 @@ const _hoisted_12 = {
   key: 0,
   class: "progress"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -32226,7 +30792,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                   class: "preview",
                   src: file.url,
                   alt: ""
-                }, null, 8, _hoisted_3$8)
+                }, null, 8, _hoisted_3$9)
               ])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_4$5, [
                 _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -32272,7 +30838,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                 }, [
                   fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     class: "success",
                     icon: "check"
                   })
@@ -32285,15 +30851,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1be8d7b1"]]);
 const _withScopeId = (n2) => (vue.pushScopeId("data-v-b87221d6"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$d = ["title"];
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
-const _hoisted_3$7 = [
+const _hoisted_3$8 = [
   _hoisted_2$a
 ];
 const _hoisted_4$4 = ["id"];
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -32314,7 +30880,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
-        }, _hoisted_3$7, 2),
+        }, _hoisted_3$8, 2),
         vue.createElementVNode("label", null, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
           vue.withDirectives(vue.createElementVNode("input", {
@@ -32329,7 +30895,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b87221d6"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b87221d6"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -37360,11 +35926,11 @@ var script$6 = vue.defineComponent({
     return { el, width, height };
   }
 });
-const _hoisted_1$5 = { ref: "el" };
+const _hoisted_1$5$1 = { ref: "el" };
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
-    _hoisted_1$5,
+    _hoisted_1$5$1,
     [
       vue.renderSlot(_ctx.$slots, "main", {
         width: _ctx.width,
@@ -37436,7 +36002,7 @@ var script$5 = vue.defineComponent({
     return { data: data2, canvas, xLines, yLines };
   }
 });
-const _hoisted_1$4 = ["stroke-dasharray"];
+const _hoisted_1$4$1 = ["stroke-dasharray"];
 const _hoisted_2$3 = {
   key: 0,
   class: "grid-x"
@@ -37506,7 +36072,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y2: _ctx.canvas.height
       }, null, 8, _hoisted_7)
     ])
-  ], 8, _hoisted_1$4)) : vue.createCommentVNode("v-if", true);
+  ], 8, _hoisted_1$4$1)) : vue.createCommentVNode("v-if", true);
 }
 script$5.render = render$5;
 script$5.__file = "src/components/Grid/index.vue";
@@ -37599,7 +36165,7 @@ var script$4 = vue.defineComponent({
     return { el, show, canvas, direction, style, styleContent, position, items, isRight };
   }
 });
-const _hoisted_1$3 = { key: 0 };
+const _hoisted_1$3$1 = { key: 0 };
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.show ? (vue.openBlock(), vue.createElementBlock(
     "div",
@@ -37664,7 +36230,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         4
         /* STYLE */
       ),
-      !_ctx.hideLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+      !_ctx.hideLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3$1, [
         _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -37768,11 +36334,11 @@ var script$2 = vue.defineComponent({
     return { y: y2, canvas, direction };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$2$1 = {
   key: 0,
   class: "layer-marker"
 };
-const _hoisted_2$2 = ["x", "y", "fill"];
+const _hoisted_2$2$1 = ["x", "y", "fill"];
 const _hoisted_3$1 = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"];
 const _hoisted_4$1 = {
   key: 1,
@@ -37781,13 +36347,13 @@ const _hoisted_4$1 = {
 const _hoisted_5$1 = ["x", "y", "fill"];
 const _hoisted_6$1 = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$2, [
+  return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$2$1, [
     vue.createElementVNode("text", {
       x: _ctx.canvas.x + 5,
       y: _ctx.y - 5,
       "text-anchor": "start",
       fill: _ctx.color
-    }, vue.toDisplayString(_ctx.label), 9, _hoisted_2$2),
+    }, vue.toDisplayString(_ctx.label), 9, _hoisted_2$2$1),
     vue.createElementVNode("line", {
       x1: _ctx.canvas.x,
       y1: _ctx.y,
@@ -38401,8 +36967,8 @@ const _hoisted_1$1$1 = {
   class: "treemap",
   style: { display: "flex", position: "relative" }
 };
-const _hoisted_2$1 = ["width", "height", "viewBox"];
-const _hoisted_3 = { class: "layer-rectangles" };
+const _hoisted_2$1$1 = ["width", "height", "viewBox"];
+const _hoisted_3$7 = { class: "layer-rectangles" };
 const _hoisted_4 = ["transform", "onMouseover"];
 const _hoisted_5 = ["width", "height"];
 const _hoisted_6 = {
@@ -38420,7 +36986,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      vue.createElementVNode("g", _hoisted_3, [
+      vue.createElementVNode("g", _hoisted_3$7, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -38461,7 +37027,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           /* KEYED_FRAGMENT */
         ))
       ])
-    ], 8, _hoisted_2$1)),
+    ], 8, _hoisted_2$1$1)),
     vue.renderSlot(_ctx.$slots, "widgets")
   ]);
 }
@@ -38529,13 +37095,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
-const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("stop", {
+const _hoisted_1$5 = /* @__PURE__ */ vue.createElementVNode("stop", {
   offset: "100%",
   "stop-color": "white",
   "stop-opacity": "0.4"
 }, null, -1);
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -38664,7 +37230,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   "stop-color": BRAND_COLOR,
                   "stop-opacity": "1"
                 }),
-                _hoisted_1$1
+                _hoisted_1$5
               ])
             ])
           ]),
@@ -38680,37 +37246,53 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "Layout",
   props: {
     gap: { default: 1 },
     h100: { type: Boolean, default: false },
     columns: { default: () => [] },
+    mColumns: { default: () => [] },
+    mRows: { default: () => [] },
     rows: { default: () => [] }
   },
   setup(__props) {
+    vue.useCssVars((_ctx) => ({
+      "7a00a82c": gapSize.value,
+      "30493178": gridTemplateRows.value,
+      "5b203692": gridTemplateColumns.value,
+      "7cba085b": mGridTemplateRows.value,
+      "7abc6a1b": mGridTemplateColumns.value
+    }));
     const props2 = __props;
-    const style = vue.computed(() => {
-      const obj = { gap: `${props2.gap}rem` };
-      if (props2.columns.length)
-        obj["grid-template-columns"] = props2.columns.join(" ");
-      if (props2.rows.length)
-        obj["grid-template-rows"] = props2.rows.join(" ");
-      return obj;
+    const gridTemplateRows = vue.computed(() => props2.rows.length ? props2.rows.join(" ") : "auto");
+    const gapSize = vue.computed(() => `${props2.gap}rem`);
+    const mGridTemplateRows = vue.computed(() => {
+      var _a2;
+      if ((_a2 = props2.mRows) == null ? void 0 : _a2.length)
+        return props2.mRows.join(" ");
+      return gridTemplateRows.value;
+    });
+    const gridTemplateColumns = vue.computed(() => props2.columns.length ? props2.columns.join(" ") : "auto");
+    const mGridTemplateColumns = vue.computed(() => {
+      var _a2;
+      if ((_a2 = props2.mColumns) == null ? void 0 : _a2.length)
+        return props2.mColumns.join(" ");
+      return gridTemplateColumns.value;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["layout", { "layout-h-100": _ctx.h100 }]),
-        style: vue.normalizeStyle(style.value)
+        class: vue.normalizeClass(["layout", { "layout-h-100": _ctx.h100 }])
       }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 6);
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
     };
   }
 });
-const _hoisted_1 = { class: "w-100 px-075" };
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-977dfbf4"]]);
+const _hoisted_1$4 = { class: "w-100 px-075" };
+const _hoisted_2$2 = { key: 0 };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMenu",
   props: {
     navLinks: {},
@@ -38728,13 +37310,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit2("update:open", isOpen.value);
     }
     return (_ctx, _cache) => {
-      const _component_Card = vue.resolveComponent("Card");
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createBlock(_component_Card, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
         class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { "wideNav": vue.unref(isOpen) }])
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_1$4, [
             vue.createVNode(vue.unref(Btn), {
               thin: "",
               color: "light",
@@ -38743,7 +37324,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: toggleMenu
             })
           ]),
-          vue.createTextVNode(),
           !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
           vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
           !_ctx.navLinks ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }, void 0, true) : vue.createCommentVNode("", true),
@@ -38754,11 +37334,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: "nav-button px-075"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$F), {
+                vue.createVNode(vue.unref(_sfc_main$H), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
-                _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(nav2.label), 1)) : vue.createCommentVNode("", true)
+                _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$2, vue.toDisplayString(nav2.label), 1)) : vue.createCommentVNode("", true)
               ]),
               _: 2
             }, 1032, ["to"])), [
@@ -38777,52 +37357,220 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8d6bd3d8"]]);
-exports.Accordion = _sfc_main$n;
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-8713ae4a"]]);
+const state = vue.reactive(/* @__PURE__ */ new Map());
+function useTabs(group) {
+  if (!state.has(group)) {
+    state.set(group, vue.reactive({ currentTab: null }));
+  }
+  const currentTab = vue.computed({
+    get: () => state.get(group).currentTab,
+    set: (val) => {
+      state.get(group).currentTab = val;
+    }
+  });
+  return { currentTab };
+}
+const _hoisted_1$3 = { key: 0 };
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Tabs",
+  props: {
+    tabs: {},
+    modelValue: {}
+  },
+  setup(__props) {
+    const group = Math.random().toString(36).substring(7);
+    const { currentTab } = useTabs(group);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(TabsNav), {
+          tabs: _ctx.tabs,
+          group: vue.unref(group)
+        }, null, 8, ["tabs", "group"]),
+        vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          vue.renderSlot(_ctx.$slots, vue.unref(currentTab))
+        ])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_2$1 = ["onClick"];
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "TabsNav",
+  props: {
+    title: {},
+    tabs: {},
+    modelValue: {},
+    sideTabs: { type: Boolean },
+    group: {}
+  },
+  setup(__props) {
+    const props2 = __props;
+    const { currentTab } = useTabs(props2.group);
+    currentTab.value = props2.modelValue || typeof props2.tabs[0] === "string" ? props2.tabs[0] : props2.tabs[0].id;
+    const selectTab = (tab) => {
+      currentTab.value = typeof tab === "string" ? tab : tab.id;
+    };
+    const isActive = (tab) => {
+      if (typeof tab === "string")
+        return currentTab.value === tab;
+      return currentTab.value === tab.id;
+    };
+    const tabLabel = (tab) => {
+      if (typeof tab === "string")
+        return tab;
+      return tab.label;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab, i2) => {
+          return vue.openBlock(), vue.createElementBlock("button", {
+            class: vue.normalizeClass([{ active: isActive(tab) }, "tab"]),
+            onClick: ($event) => selectTab(tab),
+            key: i2
+          }, [
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+              key: 0,
+              icon: tab.icon
+            }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+            vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
+          ], 10, _hoisted_2$1);
+        }), 128))
+      ]);
+    };
+  }
+});
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f737d297"]]);
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "TabsBody",
+  props: {
+    group: {}
+  },
+  setup(__props) {
+    const props2 = __props;
+    const { currentTab } = useTabs(props2.group);
+    return (_ctx, _cache) => {
+      return vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.renderSlot(_ctx.$slots, vue.unref(currentTab))
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1 = { class: "bgl_card tabs-top" };
+const _hoisted_2 = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "TabbedLayout",
+  props: {
+    title: {},
+    tabs: {},
+    modelValue: {},
+    router: {},
+    sideTabs: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit2 = __emit;
+    let activeTab = vue.ref();
+    const props2 = __props;
+    function changeTab(tab) {
+      var _a2;
+      activeTab.value = tab;
+      emit2("update:modelValue", activeTab.value);
+      if (!props2.router)
+        return;
+      void ((_a2 = props2.router) == null ? void 0 : _a2.push({
+        path: props2.router.currentRoute.value.path,
+        query: { ...props2.router.currentRoute.value.query, t: tab },
+        hash: props2.router.currentRoute.value.hash
+      }));
+    }
+    vue.onMounted(() => {
+      var _a2;
+      const firstTab = props2.modelValue || ((_a2 = props2.router) == null ? void 0 : _a2.currentRoute.value.query.t) || props2.tabs[0];
+      activeTab.value = firstTab;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["h-100 grid list-view gap-1", { "side-tabs": _ctx.sideTabs }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
+          vue.createElementVNode("div", _hoisted_2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
+              var _a2;
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass([{
+                  active: tab === vue.unref(activeTab) || tab === ((_a2 = _ctx.router) == null ? void 0 : _a2.currentRoute.value.path.split("/").slice(-1)[0])
+                }, "tab"]),
+                key: tab,
+                onClick: ($event) => changeTab(tab)
+              }, vue.toDisplayString(tab), 11, _hoisted_3);
+            }), 128))
+          ])
+        ]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs.filter((item) => item === vue.unref(activeTab)), (tab) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: "list-content",
+            key: tab
+          }, [
+            vue.renderSlot(_ctx.$slots, tab, { key: tab }, void 0, true)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd61196d"]]);
+exports.Accordion = _sfc_main$q;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$h;
+exports.BagelForm = _sfc_main$l;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$g;
-exports.BglForm = _sfc_main$h;
+exports.BglField = _sfc_main$k;
+exports.BglForm = _sfc_main$l;
 exports.BglVideo = BglVideo;
 exports.Btn = Btn;
-exports.Card = _sfc_main$q;
+exports.Card = _sfc_main$t;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
-exports.ColorPicker = _sfc_main$7;
-exports.ComboBox = ComboBox;
+exports.ColorPicker = _sfc_main$b;
 exports.Comments = Comments;
 exports.DataPreview = DataPreview;
-exports.DateInput = _sfc_main$e;
-exports.DatePicker = _sfc_main$6;
+exports.DateInput = _sfc_main$i;
+exports.DatePicker = _sfc_main$a;
 exports.FileUpload = FileUpload;
-exports.Icon = _sfc_main$F;
+exports.Icon = _sfc_main$H;
 exports.JSONInput = JSONInput;
-exports.Layout = _sfc_main$1;
-exports.Lineart = _sfc_main$2;
-exports.ListItem = _sfc_main$y;
-exports.ListView = _sfc_main$z;
-exports.MaterialIcon = _sfc_main$F;
-exports.Modal = _sfc_main$C;
+exports.Layout = Layout;
+exports.Lineart = _sfc_main$6;
+exports.ListItem = _sfc_main$A;
+exports.ListView = _sfc_main$B;
+exports.MaterialIcon = _sfc_main$H;
+exports.Modal = _sfc_main$E;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$v;
-exports.RTXEditor = _sfc_main$G;
+exports.PageTitle = _sfc_main$y;
+exports.RTXEditor = _sfc_main$I;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
-exports.SelectInput = _sfc_main$c;
+exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = TableSchema;
+exports.Tabs = _sfc_main$3;
+exports.TabsBody = _sfc_main$1;
+exports.TabsNav = TabsNav;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$o;
+exports.Title = _sfc_main$r;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.bagelFormUtils = BagelFormUtils;