npm - @xy-planning-network/trees - Versions diffs - 0.2.58 → 0.2.62 - Mend

@xy-planning-network/trees 0.2.58 → 0.2.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/trees.esm.js +423 -297
package/dist/trees.min.js +2 -2
package/dist/trees.ssr.js +396 -258
package/package.json +1 -1
package/src/lib-components/forms/Radio.vue +1 -0
package/src/lib-components/forms/Toggle.vue +29 -0
package/src/lib-components/forms/YesOrNoRadio.vue +4 -2
package/trees.d.ts +1 -0

package/dist/trees.ssr.js CHANGED Viewed

@@ -2410,7 +2410,7 @@ var RenderStrategy;
   RenderStrategy[RenderStrategy["Hidden"] = 1] = "Hidden";
 })(RenderStrategy || (RenderStrategy = {}));
-function render$A(_ref) {
+function render$B(_ref) {
   var _ref$visible = _ref.visible,
       visible = _ref$visible === void 0 ? true : _ref$visible,
       _ref$features = _ref.features,
@@ -2946,7 +2946,7 @@ var ForcePortalRoot = /*#__PURE__*/vue.defineComponent({
     return function () {
       var passThroughProps = _objectWithoutPropertiesLoose(props, ["force"]);
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: {},
         slots: slots,
@@ -3007,7 +3007,7 @@ var Portal = /*#__PURE__*/vue.defineComponent({
       // with it. Once this is fixed upstream we can remove this assertion.
       vue.Teleport, {
         to: myTarget.value
-      }, render$A({
+      }, render$B({
         props: _extends({}, props, propsWeControl),
         slot: {},
         attrs: attrs,
@@ -3043,7 +3043,7 @@ var PortalGroup = /*#__PURE__*/vue.defineComponent({
     return function () {
       var passThroughProps = _objectWithoutPropertiesLoose(props, ["target"]);
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: {},
         attrs: attrs,
@@ -3193,7 +3193,7 @@ var Dialog = /*#__PURE__*/vue.defineComponent({
           return vue.h(ForcePortalRoot, {
             force: false
           }, function () {
-            return render$A({
+            return render$B({
               props: _extends({}, passThroughProps, propsWeControl),
               slot: slot,
               attrs: _this.$attrs,
@@ -3372,7 +3372,7 @@ var DialogOverlay = /*#__PURE__*/vue.defineComponent({
       onClick: this.handleClick
     };
     var passThroughProps = this.$props;
-    return render$A({
+    return render$B({
       props: _extends({}, passThroughProps, propsWeControl),
       slot: {
         open: api.dialogState.value === DialogStates.Open
@@ -3410,7 +3410,7 @@ var DialogTitle = /*#__PURE__*/vue.defineComponent({
       id: this.id
     };
     var passThroughProps = this.$props;
-    return render$A({
+    return render$B({
       props: _extends({}, passThroughProps, propsWeControl),
       slot: {
         open: api.dialogState.value === DialogStates.Open
@@ -3524,7 +3524,7 @@ var Disclosure = /*#__PURE__*/vue.defineComponent({
         open: disclosureState.value === DisclosureStates.Open,
         close: api.close
       };
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: slot,
         slots: slots,
@@ -3567,7 +3567,7 @@ var DisclosureButton = /*#__PURE__*/vue.defineComponent({
       onKeydown: this.handleKeyDown,
       onKeyup: this.handleKeyUp
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -3661,7 +3661,7 @@ var DisclosurePanel = /*#__PURE__*/vue.defineComponent({
       id: this.id,
       ref: 'el'
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -3943,7 +3943,7 @@ var Menu = /*#__PURE__*/vue.defineComponent({
       var slot = {
         open: menuState.value === MenuStates.Open
       };
-      return render$A({
+      return render$B({
         props: props,
         slot: slot,
         slots: slots,
@@ -3983,7 +3983,7 @@ var MenuButton = /*#__PURE__*/vue.defineComponent({
       onKeyup: this.handleKeyUp,
       onClick: this.handleClick
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -4110,7 +4110,7 @@ var MenuItems = /*#__PURE__*/vue.defineComponent({
       ref: 'el'
     };
     var passThroughProps = this.$props;
-    return render$A({
+    return render$B({
       props: _extends({}, passThroughProps, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -4352,7 +4352,7 @@ var MenuItem = /*#__PURE__*/vue.defineComponent({
         onPointerleave: handleLeave,
         onMouseleave: handleLeave
       };
-      return render$A({
+      return render$B({
         props: _extends({}, props, propsWeControl),
         slot: slot,
         attrs: attrs,
@@ -4377,6 +4377,83 @@ var OptionState;
   OptionState[OptionState["Active"] = 2] = "Active";
 })(OptionState || (OptionState = {}));
+var GroupContext = /*#__PURE__*/Symbol('GroupContext'); // ---
+var Switch = /*#__PURE__*/vue.defineComponent({
+  name: 'Switch',
+  emits: ['update:modelValue'],
+  props: {
+    as: {
+      type: [Object, String],
+      "default": 'button'
+    },
+    modelValue: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  render: function render$1() {
+    var api = vue.inject(GroupContext, null);
+    var slot = {
+      checked: this.$props.modelValue
+    };
+    var propsWeControl = {
+      id: this.id,
+      ref: api === null ? undefined : api.switchRef,
+      role: 'switch',
+      tabIndex: 0,
+      'aria-checked': this.$props.modelValue,
+      'aria-labelledby': this.labelledby,
+      'aria-describedby': this.describedby,
+      onClick: this.handleClick,
+      onKeyup: this.handleKeyUp,
+      onKeypress: this.handleKeyPress
+    };
+    if (this.$props.as === 'button') {
+      Object.assign(propsWeControl, {
+        type: 'button'
+      });
+    }
+    return render$B({
+      props: _extends({}, this.$props, propsWeControl),
+      slot: slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      name: 'Switch'
+    });
+  },
+  setup: function setup(props, _ref2) {
+    var emit = _ref2.emit;
+    var api = vue.inject(GroupContext, null);
+    var id = "headlessui-switch-" + useId();
+    function toggle() {
+      emit('update:modelValue', !props.modelValue);
+    }
+    return {
+      id: id,
+      el: api == null ? void 0 : api.switchRef,
+      labelledby: api == null ? void 0 : api.labelledby,
+      describedby: api == null ? void 0 : api.describedby,
+      handleClick: function handleClick(event) {
+        event.preventDefault();
+        toggle();
+      },
+      handleKeyUp: function handleKeyUp(event) {
+        if (event.key !== Keys.Tab) event.preventDefault();
+        if (event.key === Keys.Space) toggle();
+      },
+      // This is needed so that we can "cancel" the click event when we use the `Enter` key on a button.
+      handleKeyPress: function handleKeyPress(event) {
+        event.preventDefault();
+      }
+    };
+  }
+}); // ---
 function once(cb) {
   var state = {
     called: false
@@ -4737,7 +4814,7 @@ var TransitionChild = /*#__PURE__*/vue.defineComponent({
       ref: 'el'
     };
     var passthroughProps = rest;
-    return render$A({
+    return render$B({
       props: _extends({}, passthroughProps, propsWeControl),
       slot: {},
       slots: this.$slots,
@@ -4937,7 +5014,7 @@ var TransitionRoot = /*#__PURE__*/vue.defineComponent({
     var sharedProps = {
       unmount: unmount
     };
-    return render$A({
+    return render$B({
       props: _extends({}, sharedProps, {
         as: 'template'
       }),
@@ -5013,7 +5090,7 @@ var TransitionRoot = /*#__PURE__*/vue.defineComponent({
       show: show
     };
   }
-});function render$z(_ctx, _cache) {
+});function render$A(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -5025,7 +5102,7 @@ var TransitionRoot = /*#__PURE__*/vue.defineComponent({
       "clip-rule": "evenodd"
     })
   ]))
-}function render$y(_ctx, _cache) {
+}function render$z(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -5033,7 +5110,7 @@ var TransitionRoot = /*#__PURE__*/vue.defineComponent({
   }, [
     vue.createVNode("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
   ]))
-}function render$x(_ctx, _cache) {
+}function render$y(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -5045,17 +5122,17 @@ var TransitionRoot = /*#__PURE__*/vue.defineComponent({
       "clip-rule": "evenodd"
     })
   ]))
-}var _dec$q, _dec2$o, _dec3$m, _dec4$i, _class$q, _class2$o, _descriptor$o, _descriptor2$l, _descriptor3$h;
-var ActionsDropdown = (_dec$q = Options({
+}var _dec$r, _dec2$p, _dec3$m, _dec4$i, _class$r, _class2$p, _descriptor$p, _descriptor2$l, _descriptor3$h;
+var ActionsDropdown = (_dec$r = Options({
   components: {
-    DotsVerticalIcon: render$y,
+    DotsVerticalIcon: render$z,
     Menu: Menu,
     MenuButton: MenuButton,
     MenuItem: MenuItem,
     MenuItems: MenuItems
   },
   name: "ActionsDropdown"
-}), _dec2$o = Prop({
+}), _dec2$p = Prop({
   type: Object,
   required: true
 }), _dec3$m = Prop({
@@ -5064,7 +5141,7 @@ var ActionsDropdown = (_dec$q = Options({
 }), _dec4$i = Prop({
   type: Object,
   required: true
-}), _dec$q(_class$q = (_class2$o = /*#__PURE__*/function (_Vue) {
+}), _dec$r(_class$r = (_class2$p = /*#__PURE__*/function (_Vue) {
   _inherits$1(ActionsDropdown, _Vue);
   var _super = _createSuper$1(ActionsDropdown);
@@ -5080,7 +5157,7 @@ var ActionsDropdown = (_dec$q = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "currentUser", _descriptor$o, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "currentUser", _descriptor$p, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "items", _descriptor2$l, _assertThisInitialized$1(_this));
@@ -5133,29 +5210,29 @@ var ActionsDropdown = (_dec$q = Options({
   }]);
   return ActionsDropdown;
-}(Vue), (_descriptor$o = _applyDecoratedDescriptor(_class2$o.prototype, "currentUser", [_dec2$o], {
+}(Vue), (_descriptor$p = _applyDecoratedDescriptor(_class2$p.prototype, "currentUser", [_dec2$p], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$l = _applyDecoratedDescriptor(_class2$o.prototype, "items", [_dec3$m], {
+}), _descriptor2$l = _applyDecoratedDescriptor(_class2$p.prototype, "items", [_dec3$m], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$h = _applyDecoratedDescriptor(_class2$o.prototype, "propsData", [_dec4$i], {
+}), _descriptor3$h = _applyDecoratedDescriptor(_class2$p.prototype, "propsData", [_dec4$i], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$o)) || _class$q);var _hoisted_1$j = /*#__PURE__*/vue.createVNode("span", {
+})), _class2$p)) || _class$r);var _hoisted_1$k = /*#__PURE__*/vue.createVNode("span", {
   class: "sr-only"
 }, "Open options", -1);
 var _hoisted_2$h = {
   class: "py-1"
 };
-function render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function render$x(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DotsVerticalIcon = vue.resolveComponent("DotsVerticalIcon");
   var _component_MenuButton = vue.resolveComponent("MenuButton");
@@ -5176,7 +5253,7 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: !_ctx.hasActionItems
       }, {
         default: vue.withCtx(function () {
-          return [_hoisted_1$j, vue.createVNode(_component_DotsVerticalIcon, {
+          return [_hoisted_1$k, vue.createVNode(_component_DotsVerticalIcon, {
             class: "w-5 h-5",
             "aria-hidden": "true"
           })];
@@ -5225,13 +5302,13 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   });
-}ActionsDropdown.render = render$w;var _dec$p, _dec2$n, _class$p, _class2$n, _descriptor$n;
-var Cards = (_dec$p = Options({
+}ActionsDropdown.render = render$x;var _dec$q, _dec2$o, _class$q, _class2$o, _descriptor$o;
+var Cards = (_dec$q = Options({
   name: "Cards"
-}), _dec2$n = Prop({
+}), _dec2$o = Prop({
   type: Array,
   required: true
-}), _dec$p(_class$p = (_class2$n = /*#__PURE__*/function (_Vue) {
+}), _dec$q(_class$q = (_class2$o = /*#__PURE__*/function (_Vue) {
   _inherits$1(Cards, _Vue);
   var _super = _createSuper$1(Cards);
@@ -5247,28 +5324,28 @@ var Cards = (_dec$p = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "cards", _descriptor$n, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "cards", _descriptor$o, _assertThisInitialized$1(_this));
     return _this;
   }
   return Cards;
-}(Vue), (_descriptor$n = _applyDecoratedDescriptor(_class2$n.prototype, "cards", [_dec2$n], {
+}(Vue), (_descriptor$o = _applyDecoratedDescriptor(_class2$o.prototype, "cards", [_dec2$o], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$n)) || _class$p);var _hoisted_1$i = {
+})), _class2$o)) || _class$q);var _hoisted_1$j = {
   class: "px-4 py-5 sm:p-6 text-center"
 };
-function render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock("div", {
     class: ["mt-5 grid grid-cols-1 gap-5", 'lg:grid-cols-' + _ctx.cards.length]
   }, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.cards, function (card, idx) {
     return vue.openBlock(), vue.createBlock("div", {
       class: "bg-white overflow-hidden shadow rounded-lg",
       key: idx
-    }, [vue.createVNode("div", _hoisted_1$i, [vue.createVNode("dl", null, [vue.createVNode("dd", {
+    }, [vue.createVNode("div", _hoisted_1$j, [vue.createVNode("dl", null, [vue.createVNode("dd", {
       class: "mt-1 text-3xl leading-9 font-semibold text-xy-blue",
       textContent: vue.toDisplayString(card.primary)
     }, null, 8, ["textContent"]), vue.createVNode("dt", {
@@ -5276,8 +5353,8 @@ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
       textContent: vue.toDisplayString(card.secondary)
     }, null, 8, ["textContent"])])])]);
   }), 128))], 2);
-}Cards.render = render$v;var _dec$o, _dec2$m, _dec3$l, _dec4$h, _class$o, _class2$m, _descriptor$m, _descriptor2$k;
-var ContentModal = (_dec$o = Options({
+}Cards.render = render$w;var _dec$p, _dec2$n, _dec3$l, _dec4$h, _class$p, _class2$n, _descriptor$n, _descriptor2$k;
+var ContentModal = (_dec$p = Options({
   components: {
     Dialog: Dialog,
     DialogOverlay: DialogOverlay,
@@ -5286,13 +5363,13 @@ var ContentModal = (_dec$o = Options({
     TransitionRoot: TransitionRoot
   },
   name: "ContentModal"
-}), _dec2$m = Prop({
+}), _dec2$n = Prop({
   type: Boolean,
   required: true
 }), _dec3$l = Prop({
   type: String,
   required: false
-}), _dec4$h = Emit("update:modelValue"), _dec$o(_class$o = (_class2$m = /*#__PURE__*/function (_Vue) {
+}), _dec4$h = Emit("update:modelValue"), _dec$p(_class$p = (_class2$n = /*#__PURE__*/function (_Vue) {
   _inherits$1(ContentModal, _Vue);
   var _super = _createSuper$1(ContentModal);
@@ -5308,7 +5385,7 @@ var ContentModal = (_dec$o = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$m, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$n, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "title", _descriptor2$k, _assertThisInitialized$1(_this));
@@ -5323,17 +5400,17 @@ var ContentModal = (_dec$o = Options({
   }]);
   return ContentModal;
-}(Vue), (_descriptor$m = _applyDecoratedDescriptor(_class2$m.prototype, "modelValue", [_dec2$m], {
+}(Vue), (_descriptor$n = _applyDecoratedDescriptor(_class2$n.prototype, "modelValue", [_dec2$n], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$k = _applyDecoratedDescriptor(_class2$m.prototype, "title", [_dec3$l], {
+}), _descriptor2$k = _applyDecoratedDescriptor(_class2$n.prototype, "title", [_dec3$l], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$m.prototype, "updateModelValue", [_dec4$h], Object.getOwnPropertyDescriptor(_class2$m.prototype, "updateModelValue"), _class2$m.prototype)), _class2$m)) || _class$o);var _hoisted_1$h = {
+}), _applyDecoratedDescriptor(_class2$n.prototype, "updateModelValue", [_dec4$h], Object.getOwnPropertyDescriptor(_class2$n.prototype, "updateModelValue"), _class2$n.prototype)), _class2$n)) || _class$p);var _hoisted_1$i = {
   class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
 };
@@ -5354,7 +5431,7 @@ var _hoisted_5$a = {
 var _hoisted_6$a = {
   class: "mt-5 sm:mt-6"
 };
-function render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function render$v(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DialogOverlay = vue.resolveComponent("DialogOverlay");
   var _component_TransitionChild = vue.resolveComponent("TransitionChild");
@@ -5380,7 +5457,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
         open: _ctx.modelValue
       }, {
         default: vue.withCtx(function () {
-          return [vue.createVNode("div", _hoisted_1$h, [vue.createVNode(_component_TransitionChild, {
+          return [vue.createVNode("div", _hoisted_1$i, [vue.createVNode(_component_TransitionChild, {
             as: "template",
             enter: "ease-out duration-300",
             "enter-from": "opacity-0",
@@ -5424,7 +5501,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["show"]);
-}ContentModal.render = render$u;var CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+}ContentModal.render = render$v;var CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
 var CreateIdAttribute = function CreateIdAttribute() {
   var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8;
@@ -7894,17 +7971,17 @@ if (typeof window !== "undefined") {
     style.appendChild(document.createTextNode(css));
   }
 }var css_248z = ".flatpickr-calendar{\n  background:transparent;\n  opacity:0;\n  display:none;\n  text-align:center;\n  visibility:hidden;\n  padding:0;\n  -webkit-animation:none;\n  animation:none;\n  direction:ltr;\n  border:0;\n  font-size:14px;\n  line-height:24px;\n  border-radius:5px;\n  position:absolute;\n  width:307.875px;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  -ms-touch-action:manipulation;\n  touch-action:manipulation;\n  background:#fff;\n  -webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);\n  box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)\n}\n\n.flatpickr-calendar.open,.flatpickr-calendar.inline{\n  opacity:1;\n  max-height:640px;\n  visibility:visible\n}\n\n.flatpickr-calendar.open{\n  display:inline-block;\n  z-index:99999\n}\n\n.flatpickr-calendar.animate.open{\n  -webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);\n  animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)\n}\n\n.flatpickr-calendar.inline{\n  display:block;\n  position:relative;\n  top:2px\n}\n\n.flatpickr-calendar.static{\n  position:absolute;\n  top:calc(100% + 2px)\n}\n\n.flatpickr-calendar.static.open{\n  z-index:999;\n  display:block\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){\n  -webkit-box-shadow:none !important;\n  box-shadow:none !important\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){\n  -webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;\n  box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{\n  border-bottom:0;\n  border-bottom-right-radius:0;\n  border-bottom-left-radius:0\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer{\n  border-left:0\n}\n\n.flatpickr-calendar.hasTime .flatpickr-time{\n  height:40px;\n  border-top:1px solid #e6e6e6\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{\n  height:auto\n}\n\n.flatpickr-calendar:before,.flatpickr-calendar:after{\n  position:absolute;\n  display:block;\n  pointer-events:none;\n  border:solid transparent;\n  content:'';\n  height:0;\n  width:0;\n  left:22px\n}\n\n.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{\n  left:auto;\n  right:22px\n}\n\n.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{\n  left:50%;\n  right:50%\n}\n\n.flatpickr-calendar:before{\n  border-width:5px;\n  margin:0 -5px\n}\n\n.flatpickr-calendar:after{\n  border-width:4px;\n  margin:0 -4px\n}\n\n.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{\n  bottom:100%\n}\n\n.flatpickr-calendar.arrowTop:before{\n  border-bottom-color:#e6e6e6\n}\n\n.flatpickr-calendar.arrowTop:after{\n  border-bottom-color:#fff\n}\n\n.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{\n  top:100%\n}\n\n.flatpickr-calendar.arrowBottom:before{\n  border-top-color:#e6e6e6\n}\n\n.flatpickr-calendar.arrowBottom:after{\n  border-top-color:#fff\n}\n\n.flatpickr-calendar:focus{\n  outline:0\n}\n\n.flatpickr-wrapper{\n  position:relative;\n  display:inline-block\n}\n\n.flatpickr-months{\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex\n}\n\n.flatpickr-months .flatpickr-month{\n  background:transparent;\n  color:rgba(0,0,0,0.9);\n  fill:rgba(0,0,0,0.9);\n  height:34px;\n  line-height:1;\n  text-align:center;\n  position:relative;\n  -webkit-user-select:none;\n  -moz-user-select:none;\n  -ms-user-select:none;\n  user-select:none;\n  overflow:hidden;\n  -webkit-box-flex:1;\n  -webkit-flex:1;\n  -ms-flex:1;\n  flex:1\n}\n\n.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{\n  text-decoration:none;\n  cursor:pointer;\n  position:absolute;\n  top:0;\n  height:34px;\n  padding:10px;\n  z-index:3;\n  color:rgba(0,0,0,0.9);\n  fill:rgba(0,0,0,0.9)\n}\n\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{\n  display:none\n}\n\n.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{\n  position:relative\n}\n\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{\n  /*\n      /*rtl:begin:ignore*/\n  left:0\n  /*\n      /*rtl:end:ignore*/\n}\n\n/*\n      /*rtl:begin:ignore*/\n\n/*\n      /*rtl:end:ignore*/\n\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{\n  /*\n      /*rtl:begin:ignore*/\n  right:0\n  /*\n      /*rtl:end:ignore*/\n}\n\n/*\n      /*rtl:begin:ignore*/\n\n/*\n      /*rtl:end:ignore*/\n\n.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{\n  color:#959ea9\n}\n\n.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{\n  fill:#f64747\n}\n\n.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{\n  width:14px;\n  height:14px\n}\n\n.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{\n  -webkit-transition:fill .1s;\n  transition:fill .1s;\n  fill:inherit\n}\n\n.numInputWrapper{\n  position:relative;\n  height:auto\n}\n\n.numInputWrapper input,.numInputWrapper span{\n  display:inline-block\n}\n\n.numInputWrapper input{\n  width:100%\n}\n\n.numInputWrapper input::-ms-clear{\n  display:none\n}\n\n.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{\n  margin:0;\n  -webkit-appearance:none\n}\n\n.numInputWrapper span{\n  position:absolute;\n  right:0;\n  width:14px;\n  padding:0 4px 0 2px;\n  height:50%;\n  line-height:50%;\n  opacity:0;\n  cursor:pointer;\n  border:1px solid rgba(57,57,57,0.15);\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box\n}\n\n.numInputWrapper span:hover{\n  background:rgba(0,0,0,0.1)\n}\n\n.numInputWrapper span:active{\n  background:rgba(0,0,0,0.2)\n}\n\n.numInputWrapper span:after{\n  display:block;\n  content:\"\";\n  position:absolute\n}\n\n.numInputWrapper span.arrowUp{\n  top:0;\n  border-bottom:0\n}\n\n.numInputWrapper span.arrowUp:after{\n  border-left:4px solid transparent;\n  border-right:4px solid transparent;\n  border-bottom:4px solid rgba(57,57,57,0.6);\n  top:26%\n}\n\n.numInputWrapper span.arrowDown{\n  top:50%\n}\n\n.numInputWrapper span.arrowDown:after{\n  border-left:4px solid transparent;\n  border-right:4px solid transparent;\n  border-top:4px solid rgba(57,57,57,0.6);\n  top:40%\n}\n\n.numInputWrapper span svg{\n  width:inherit;\n  height:auto\n}\n\n.numInputWrapper span svg path{\n  fill:rgba(0,0,0,0.5)\n}\n\n.numInputWrapper:hover{\n  background:rgba(0,0,0,0.05)\n}\n\n.numInputWrapper:hover span{\n  opacity:1\n}\n\n.flatpickr-current-month{\n  font-size:135%;\n  line-height:inherit;\n  font-weight:300;\n  color:inherit;\n  position:absolute;\n  width:75%;\n  left:12.5%;\n  padding:7.48px 0 0 0;\n  line-height:1;\n  height:34px;\n  display:inline-block;\n  text-align:center;\n  -webkit-transform:translate3d(0,0,0);\n  transform:translate3d(0,0,0)\n}\n\n.flatpickr-current-month span.cur-month{\n  font-family:inherit;\n  font-weight:700;\n  color:inherit;\n  display:inline-block;\n  margin-left:.5ch;\n  padding:0\n}\n\n.flatpickr-current-month span.cur-month:hover{\n  background:rgba(0,0,0,0.05)\n}\n\n.flatpickr-current-month .numInputWrapper{\n  width:6ch;\n  width:7ch\\0;\n  display:inline-block\n}\n\n.flatpickr-current-month .numInputWrapper span.arrowUp:after{\n  border-bottom-color:rgba(0,0,0,0.9)\n}\n\n.flatpickr-current-month .numInputWrapper span.arrowDown:after{\n  border-top-color:rgba(0,0,0,0.9)\n}\n\n.flatpickr-current-month input.cur-year{\n  background:transparent;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  color:inherit;\n  cursor:text;\n  padding:0 0 0 .5ch;\n  margin:0;\n  display:inline-block;\n  font-size:inherit;\n  font-family:inherit;\n  font-weight:300;\n  line-height:inherit;\n  height:auto;\n  border:0;\n  border-radius:0;\n  vertical-align:initial;\n  -webkit-appearance:textfield;\n  -moz-appearance:textfield;\n  appearance:textfield\n}\n\n.flatpickr-current-month input.cur-year:focus{\n  outline:0\n}\n\n.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{\n  font-size:100%;\n  color:rgba(0,0,0,0.5);\n  background:transparent;\n  pointer-events:none\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months{\n  appearance:menulist;\n  background:transparent;\n  border:none;\n  border-radius:0;\n  box-sizing:border-box;\n  color:inherit;\n  cursor:pointer;\n  font-size:inherit;\n  font-family:inherit;\n  font-weight:300;\n  height:auto;\n  line-height:inherit;\n  margin:-1px 0 0 0;\n  outline:none;\n  padding:0 0 0 .5ch;\n  position:relative;\n  vertical-align:initial;\n  -webkit-box-sizing:border-box;\n  -webkit-appearance:menulist;\n  -moz-appearance:menulist;\n  width:auto\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{\n  outline:none\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover{\n  background:rgba(0,0,0,0.05)\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{\n  background-color:transparent;\n  outline:none;\n  padding:0\n}\n\n.flatpickr-weekdays{\n  background:transparent;\n  text-align:center;\n  overflow:hidden;\n  width:100%;\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex;\n  -webkit-box-align:center;\n  -webkit-align-items:center;\n  -ms-flex-align:center;\n  align-items:center;\n  height:28px\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer{\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex;\n  -webkit-box-flex:1;\n  -webkit-flex:1;\n  -ms-flex:1;\n  flex:1\n}\n\nspan.flatpickr-weekday{\n  cursor:default;\n  font-size:90%;\n  background:transparent;\n  color:rgba(0,0,0,0.54);\n  line-height:1;\n  margin:0;\n  text-align:center;\n  display:block;\n  -webkit-box-flex:1;\n  -webkit-flex:1;\n  -ms-flex:1;\n  flex:1;\n  font-weight:bolder\n}\n\n.dayContainer,.flatpickr-weeks{\n  padding:1px 0 0 0\n}\n\n.flatpickr-days{\n  position:relative;\n  overflow:hidden;\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex;\n  -webkit-box-align:start;\n  -webkit-align-items:flex-start;\n  -ms-flex-align:start;\n  align-items:flex-start;\n  width:307.875px\n}\n\n.flatpickr-days:focus{\n  outline:0\n}\n\n.dayContainer{\n  padding:0;\n  outline:0;\n  text-align:left;\n  width:307.875px;\n  min-width:307.875px;\n  max-width:307.875px;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  display:inline-block;\n  display:-ms-flexbox;\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:flex;\n  -webkit-flex-wrap:wrap;\n  flex-wrap:wrap;\n  -ms-flex-wrap:wrap;\n  -ms-flex-pack:justify;\n  -webkit-justify-content:space-around;\n  justify-content:space-around;\n  -webkit-transform:translate3d(0,0,0);\n  transform:translate3d(0,0,0);\n  opacity:1\n}\n\n.dayContainer + .dayContainer{\n  -webkit-box-shadow:-1px 0 0 #e6e6e6;\n  box-shadow:-1px 0 0 #e6e6e6\n}\n\n.flatpickr-day{\n  background:none;\n  border:1px solid transparent;\n  border-radius:150px;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  color:#393939;\n  cursor:pointer;\n  font-weight:400;\n  width:14.2857143%;\n  -webkit-flex-basis:14.2857143%;\n  -ms-flex-preferred-size:14.2857143%;\n  flex-basis:14.2857143%;\n  max-width:39px;\n  height:39px;\n  line-height:39px;\n  margin:0;\n  display:inline-block;\n  position:relative;\n  -webkit-box-pack:center;\n  -webkit-justify-content:center;\n  -ms-flex-pack:center;\n  justify-content:center;\n  text-align:center\n}\n\n.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{\n  cursor:pointer;\n  outline:0;\n  background:#e6e6e6;\n  border-color:#e6e6e6\n}\n\n.flatpickr-day.today{\n  border-color:#959ea9\n}\n\n.flatpickr-day.today:hover,.flatpickr-day.today:focus{\n  border-color:#959ea9;\n  background:#959ea9;\n  color:#fff\n}\n\n.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{\n  background:#569ff7;\n  -webkit-box-shadow:none;\n  box-shadow:none;\n  color:#fff;\n  border-color:#569ff7\n}\n\n.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{\n  border-radius:50px 0 0 50px\n}\n\n.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{\n  border-radius:0 50px 50px 0\n}\n\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){\n  -webkit-box-shadow:-10px 0 0 #569ff7;\n  box-shadow:-10px 0 0 #569ff7\n}\n\n.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{\n  border-radius:50px\n}\n\n.flatpickr-day.inRange{\n  border-radius:0;\n  -webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;\n  box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6\n}\n\n.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{\n  color:rgba(57,57,57,0.3);\n  background:transparent;\n  border-color:transparent;\n  cursor:default\n}\n\n.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{\n  cursor:not-allowed;\n  color:rgba(57,57,57,0.1)\n}\n\n.flatpickr-day.week.selected{\n  border-radius:0;\n  -webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;\n  box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7\n}\n\n.flatpickr-day.hidden{\n  visibility:hidden\n}\n\n.rangeMode .flatpickr-day{\n  margin-top:1px\n}\n\n.flatpickr-weekwrapper{\n  float:left\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks{\n  padding:0 12px;\n  -webkit-box-shadow:1px 0 0 #e6e6e6;\n  box-shadow:1px 0 0 #e6e6e6\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday{\n  float:none;\n  width:100%;\n  line-height:28px\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{\n  display:block;\n  width:100%;\n  max-width:none;\n  color:rgba(57,57,57,0.3);\n  background:transparent;\n  cursor:default;\n  border:none\n}\n\n.flatpickr-innerContainer{\n  display:block;\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  overflow:hidden\n}\n\n.flatpickr-rContainer{\n  display:inline-block;\n  padding:0;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box\n}\n\n.flatpickr-time{\n  text-align:center;\n  outline:0;\n  display:block;\n  height:0;\n  line-height:40px;\n  max-height:40px;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  overflow:hidden;\n  display:-webkit-box;\n  display:-webkit-flex;\n  display:-ms-flexbox;\n  display:flex\n}\n\n.flatpickr-time:after{\n  content:\"\";\n  display:table;\n  clear:both\n}\n\n.flatpickr-time .numInputWrapper{\n  -webkit-box-flex:1;\n  -webkit-flex:1;\n  -ms-flex:1;\n  flex:1;\n  width:40%;\n  height:40px;\n  float:left\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after{\n  border-bottom-color:#393939\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after{\n  border-top-color:#393939\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper{\n  width:26%\n}\n\n.flatpickr-time.time24hr .numInputWrapper{\n  width:49%\n}\n\n.flatpickr-time input{\n  background:transparent;\n  -webkit-box-shadow:none;\n  box-shadow:none;\n  border:0;\n  border-radius:0;\n  text-align:center;\n  margin:0;\n  padding:0;\n  height:inherit;\n  line-height:inherit;\n  color:#393939;\n  font-size:14px;\n  position:relative;\n  -webkit-box-sizing:border-box;\n  box-sizing:border-box;\n  -webkit-appearance:textfield;\n  -moz-appearance:textfield;\n  appearance:textfield\n}\n\n.flatpickr-time input.flatpickr-hour{\n  font-weight:bold\n}\n\n.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{\n  font-weight:400\n}\n\n.flatpickr-time input:focus{\n  outline:0;\n  border:0\n}\n\n.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{\n  height:inherit;\n  float:left;\n  line-height:inherit;\n  color:#393939;\n  font-weight:bold;\n  width:2%;\n  -webkit-user-select:none;\n  -moz-user-select:none;\n  -ms-user-select:none;\n  user-select:none;\n  -webkit-align-self:center;\n  -ms-flex-item-align:center;\n  align-self:center\n}\n\n.flatpickr-time .flatpickr-am-pm{\n  outline:0;\n  width:18%;\n  cursor:pointer;\n  text-align:center;\n  font-weight:400\n}\n\n.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{\n  background:#eee\n}\n\n.flatpickr-input[readonly]{\n  cursor:pointer\n}\n\n@-webkit-keyframes fpFadeInDown{\n  from{\n    opacity:0;\n    -webkit-transform:translate3d(0,-20px,0);\n    transform:translate3d(0,-20px,0)\n  }\n\n  to{\n    opacity:1;\n    -webkit-transform:translate3d(0,0,0);\n    transform:translate3d(0,0,0)\n  }\n}\n\n@keyframes fpFadeInDown{\n  from{\n    opacity:0;\n    -webkit-transform:translate3d(0,-20px,0);\n    transform:translate3d(0,-20px,0)\n  }\n\n  to{\n    opacity:1;\n    -webkit-transform:translate3d(0,0,0);\n    transform:translate3d(0,0,0)\n  }\n}";
-styleInject(css_248z);var _dec$n, _dec2$l, _dec3$k, _class$n, _class2$l, _descriptor$l, _descriptor2$j;
-var InputLabel = (_dec$n = Options({
+styleInject(css_248z);var _dec$o, _dec2$m, _dec3$k, _class$o, _class2$m, _descriptor$m, _descriptor2$j;
+var InputLabel = (_dec$o = Options({
   name: "InputLabel"
-}), _dec2$l = Prop({
+}), _dec2$m = Prop({
   type: String,
   required: false
 }), _dec3$k = Prop({
   type: String,
   required: false,
   default: "label"
-}), _dec$n(_class$n = (_class2$l = /*#__PURE__*/function (_Vue) {
+}), _dec$o(_class$o = (_class2$m = /*#__PURE__*/function (_Vue) {
   _inherits$1(InputLabel, _Vue);
   var _super = _createSuper$1(InputLabel);
@@ -7920,7 +7997,7 @@ var InputLabel = (_dec$n = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "label", _descriptor$l, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "label", _descriptor$m, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "tag", _descriptor2$j, _assertThisInitialized$1(_this));
@@ -7928,17 +8005,17 @@ var InputLabel = (_dec$n = Options({
   }
   return InputLabel;
-}(Vue), (_descriptor$l = _applyDecoratedDescriptor(_class2$l.prototype, "label", [_dec2$l], {
+}(Vue), (_descriptor$m = _applyDecoratedDescriptor(_class2$m.prototype, "label", [_dec2$m], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$j = _applyDecoratedDescriptor(_class2$l.prototype, "tag", [_dec3$k], {
+}), _descriptor2$j = _applyDecoratedDescriptor(_class2$m.prototype, "tag", [_dec3$k], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$l)) || _class$n);function render$t(_ctx, _cache, $props, $setup, $data, $options) {
+})), _class2$m)) || _class$o);function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.label ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
     key: 0
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
@@ -7949,17 +8026,17 @@ var InputLabel = (_dec$n = Options({
     }),
     _: 1
   }, 16)) : vue.createCommentVNode("", true);
-}InputLabel.render = render$t;var _dec$m, _dec2$k, _dec3$j, _class$m, _class2$k, _descriptor$k, _descriptor2$i;
-var InputHelp = (_dec$m = Options({
+}InputLabel.render = render$u;var _dec$n, _dec2$l, _dec3$j, _class$n, _class2$l, _descriptor$l, _descriptor2$i;
+var InputHelp = (_dec$n = Options({
   name: "InputHelp"
-}), _dec2$k = Prop({
+}), _dec2$l = Prop({
   type: String,
   required: false
 }), _dec3$j = Prop({
   type: String,
   required: false,
   default: "div"
-}), _dec$m(_class$m = (_class2$k = /*#__PURE__*/function (_Vue) {
+}), _dec$n(_class$n = (_class2$l = /*#__PURE__*/function (_Vue) {
   _inherits$1(InputHelp, _Vue);
   var _super = _createSuper$1(InputHelp);
@@ -7975,7 +8052,7 @@ var InputHelp = (_dec$m = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "text", _descriptor$k, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "text", _descriptor$l, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "tag", _descriptor2$i, _assertThisInitialized$1(_this));
@@ -7983,17 +8060,17 @@ var InputHelp = (_dec$m = Options({
   }
   return InputHelp;
-}(Vue), (_descriptor$k = _applyDecoratedDescriptor(_class2$k.prototype, "text", [_dec2$k], {
+}(Vue), (_descriptor$l = _applyDecoratedDescriptor(_class2$l.prototype, "text", [_dec2$l], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$i = _applyDecoratedDescriptor(_class2$k.prototype, "tag", [_dec3$j], {
+}), _descriptor2$i = _applyDecoratedDescriptor(_class2$l.prototype, "tag", [_dec3$j], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$k)) || _class$m);function render$s(_ctx, _cache, $props, $setup, $data, $options) {
+})), _class2$l)) || _class$n);function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.text ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
     key: 0
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
@@ -8004,14 +8081,14 @@ var InputHelp = (_dec$m = Options({
     }),
     _: 1
   }, 16)) : vue.createCommentVNode("", true);
-}InputHelp.render = render$s;var _dec$l, _dec2$j, _dec3$i, _dec4$g, _dec5$c, _class$l, _class2$j, _descriptor$j, _descriptor2$h, _descriptor3$g, _descriptor4$7;
-var BaseInput = (_dec$l = Options({
+}InputHelp.render = render$t;var _dec$m, _dec2$k, _dec3$i, _dec4$g, _dec5$c, _class$m, _class2$k, _descriptor$k, _descriptor2$h, _descriptor3$g, _descriptor4$7;
+var BaseInput = (_dec$m = Options({
   name: "BaseInput",
   components: {
     InputLabel: InputLabel,
     InputHelp: InputHelp
   }
-}), _dec2$j = Prop({
+}), _dec2$k = Prop({
   type: String,
   required: true
 }), _dec3$i = Prop({
@@ -8023,7 +8100,7 @@ var BaseInput = (_dec$l = Options({
 }), _dec5$c = Prop({
   type: [String, Number],
   required: false
-}), _dec$l(_class$l = (_class2$j = /*#__PURE__*/function (_Vue) {
+}), _dec$m(_class$m = (_class2$k = /*#__PURE__*/function (_Vue) {
   _inherits$1(BaseInput, _Vue);
   var _super = _createSuper$1(BaseInput);
@@ -8039,7 +8116,7 @@ var BaseInput = (_dec$l = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "type", _descriptor$j, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "type", _descriptor$k, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "label", _descriptor2$h, _assertThisInitialized$1(_this));
@@ -8066,27 +8143,27 @@ var BaseInput = (_dec$l = Options({
   }]);
   return BaseInput;
-}(Vue), (_descriptor$j = _applyDecoratedDescriptor(_class2$j.prototype, "type", [_dec2$j], {
+}(Vue), (_descriptor$k = _applyDecoratedDescriptor(_class2$k.prototype, "type", [_dec2$k], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$h = _applyDecoratedDescriptor(_class2$j.prototype, "label", [_dec3$i], {
+}), _descriptor2$h = _applyDecoratedDescriptor(_class2$k.prototype, "label", [_dec3$i], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$g = _applyDecoratedDescriptor(_class2$j.prototype, "help", [_dec4$g], {
+}), _descriptor3$g = _applyDecoratedDescriptor(_class2$k.prototype, "help", [_dec4$g], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$7 = _applyDecoratedDescriptor(_class2$j.prototype, "modelValue", [_dec5$c], {
+}), _descriptor4$7 = _applyDecoratedDescriptor(_class2$k.prototype, "modelValue", [_dec5$c], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$j)) || _class$l);function render$r(_ctx, _cache, $props, $setup, $data, $options) {
+})), _class2$k)) || _class$m);function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputLabel = vue.resolveComponent("InputLabel");
   var _component_InputHelp = vue.resolveComponent("InputHelp");
@@ -8111,13 +8188,13 @@ var BaseInput = (_dec$l = Options({
     id: "".concat(_ctx.uuid, "-help"),
     text: _ctx.help
   }, null, 8, ["id", "text"])], 64);
-}BaseInput.render = render$r;var _dec$k, _dec2$i, _dec3$h, _dec4$f, _dec5$b, _dec6$7, _class$k, _class2$i, _descriptor$i, _descriptor2$g, _descriptor3$f, _descriptor4$6;
-var DateRangePicker = (_dec$k = Options({
+}BaseInput.render = render$s;var _dec$l, _dec2$j, _dec3$h, _dec4$f, _dec5$b, _dec6$7, _class$l, _class2$j, _descriptor$j, _descriptor2$g, _descriptor3$f, _descriptor4$6;
+var DateRangePicker = (_dec$l = Options({
   name: "DateRangePicker",
   components: {
     BaseInput: BaseInput
   }
-}), _dec2$i = Prop({
+}), _dec2$j = Prop({
   type: Object,
   required: true
 }), _dec3$h = Prop({
@@ -8129,7 +8206,7 @@ var DateRangePicker = (_dec$k = Options({
 }), _dec5$b = Prop({
   type: String,
   required: false
-}), _dec6$7 = Emit("update:modelValue"), _dec$k(_class$k = (_class2$i = /*#__PURE__*/function (_Vue) {
+}), _dec6$7 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = /*#__PURE__*/function (_Vue) {
   _inherits$1(DateRangePicker, _Vue);
   var _super = _createSuper$1(DateRangePicker);
@@ -8145,7 +8222,7 @@ var DateRangePicker = (_dec$k = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$i, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$j, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "startDate", _descriptor2$g, _assertThisInitialized$1(_this));
@@ -8192,27 +8269,27 @@ var DateRangePicker = (_dec$k = Options({
   }]);
   return DateRangePicker;
-}(Vue), (_descriptor$i = _applyDecoratedDescriptor(_class2$i.prototype, "modelValue", [_dec2$i], {
+}(Vue), (_descriptor$j = _applyDecoratedDescriptor(_class2$j.prototype, "modelValue", [_dec2$j], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$g = _applyDecoratedDescriptor(_class2$i.prototype, "startDate", [_dec3$h], {
+}), _descriptor2$g = _applyDecoratedDescriptor(_class2$j.prototype, "startDate", [_dec3$h], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$f = _applyDecoratedDescriptor(_class2$i.prototype, "label", [_dec4$f], {
+}), _descriptor3$f = _applyDecoratedDescriptor(_class2$j.prototype, "label", [_dec4$f], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$6 = _applyDecoratedDescriptor(_class2$i.prototype, "help", [_dec5$b], {
+}), _descriptor4$6 = _applyDecoratedDescriptor(_class2$j.prototype, "help", [_dec5$b], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$i.prototype, "updateModelValue", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$i.prototype, "updateModelValue"), _class2$i.prototype)), _class2$i)) || _class$k);function render$q(_ctx, _cache, $props, $setup, $data, $options) {
+}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_BaseInput = vue.resolveComponent("BaseInput");
   return vue.openBlock(), vue.createBlock(_component_BaseInput, {
@@ -8222,13 +8299,13 @@ var DateRangePicker = (_dec$k = Options({
     label: _ctx.label,
     help: _ctx.help
   }, null, 8, ["id", "label", "help"]);
-}DateRangePicker.render = render$q;var _dec$j, _dec2$h, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$j, _class2$h, _descriptor$h, _descriptor2$f, _descriptor3$e;
-var DateFilter = (_dec$j = Options({
+}DateRangePicker.render = render$r;var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
+var DateFilter = (_dec$k = Options({
   components: {
     DateRangePicker: DateRangePicker
   },
   name: "DateFilter"
-}), _dec2$h = Prop({
+}), _dec2$i = Prop({
   type: Object,
   required: true
 }), _dec3$g = Prop({
@@ -8237,7 +8314,7 @@ var DateFilter = (_dec$j = Options({
 }), _dec4$e = Prop({
   type: String,
   required: true
-}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$j(_class$j = (_class2$h = /*#__PURE__*/function (_Vue) {
+}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$k(_class$k = (_class2$i = /*#__PURE__*/function (_Vue) {
   _inherits$1(DateFilter, _Vue);
   var _super = _createSuper$1(DateFilter);
@@ -8253,7 +8330,7 @@ var DateFilter = (_dec$j = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "dateRange", _descriptor$h, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "dateRange", _descriptor$i, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "sortDir", _descriptor2$f, _assertThisInitialized$1(_this));
@@ -8275,22 +8352,22 @@ var DateFilter = (_dec$j = Options({
   }]);
   return DateFilter;
-}(Vue), (_descriptor$h = _applyDecoratedDescriptor(_class2$h.prototype, "dateRange", [_dec2$h], {
+}(Vue), (_descriptor$i = _applyDecoratedDescriptor(_class2$i.prototype, "dateRange", [_dec2$i], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$f = _applyDecoratedDescriptor(_class2$h.prototype, "sortDir", [_dec3$g], {
+}), _descriptor2$f = _applyDecoratedDescriptor(_class2$i.prototype, "sortDir", [_dec3$g], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$e = _applyDecoratedDescriptor(_class2$h.prototype, "title", [_dec4$e], {
+}), _descriptor3$e = _applyDecoratedDescriptor(_class2$i.prototype, "title", [_dec4$e], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$h.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$h.prototype, "sortDirChanged"), _class2$h.prototype), _applyDecoratedDescriptor(_class2$h.prototype, "dateRangeChanged", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$h.prototype, "dateRangeChanged"), _class2$h.prototype)), _class2$h)) || _class$j);var _hoisted_1$g = {
+}), _applyDecoratedDescriptor(_class2$i.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$i.prototype, "sortDirChanged"), _class2$i.prototype), _applyDecoratedDescriptor(_class2$i.prototype, "dateRangeChanged", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$i.prototype, "dateRangeChanged"), _class2$i.prototype)), _class2$i)) || _class$k);var _hoisted_1$h = {
   class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100"
 };
 var _hoisted_2$f = {
@@ -8311,10 +8388,10 @@ var _hoisted_6$9 = /*#__PURE__*/vue.createVNode("option", {
   value: "ASC"
 }, "Oldest-Newest", -1);
-function render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DateRangePicker = vue.resolveComponent("DateRangePicker");
-  return vue.openBlock(), vue.createBlock("div", _hoisted_1$g, [vue.createVNode("div", _hoisted_2$f, [vue.createVNode("h1", _hoisted_3$b, vue.toDisplayString(_ctx.title), 1)]), vue.createVNode("div", _hoisted_4$9, [vue.createVNode("select", {
+  return vue.openBlock(), vue.createBlock("div", _hoisted_1$h, [vue.createVNode("div", _hoisted_2$f, [vue.createVNode("h1", _hoisted_3$b, vue.toDisplayString(_ctx.title), 1)]), vue.createVNode("div", _hoisted_4$9, [vue.createVNode("select", {
     onChange: _cache[1] || (_cache[1] = function ($event) {
       return _ctx.sortDirChanged($event.target.value);
     }),
@@ -8326,13 +8403,13 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     class: "ml-3"
   }, null, 8, ["modelValue"])])]);
-}DateFilter.render = render$p;var _dec$i, _dec2$g, _dec3$f, _class$i, _class2$g, _descriptor$g;
-var Paginator = (_dec$i = Options({
+}DateFilter.render = render$q;var _dec$j, _dec2$h, _dec3$f, _class$j, _class2$h, _descriptor$h;
+var Paginator = (_dec$j = Options({
   name: "Paginator"
-}), _dec2$g = Prop({
+}), _dec2$h = Prop({
   type: Object,
   required: true
-}), _dec3$f = Emit("update:modelValue"), _dec$i(_class$i = (_class2$g = /*#__PURE__*/function (_Vue) {
+}), _dec3$f = Emit("update:modelValue"), _dec$j(_class$j = (_class2$h = /*#__PURE__*/function (_Vue) {
   _inherits$1(Paginator, _Vue);
   var _super = _createSuper$1(Paginator);
@@ -8348,7 +8425,7 @@ var Paginator = (_dec$i = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$g, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$h, _assertThisInitialized$1(_this));
     return _this;
   }
@@ -8420,12 +8497,12 @@ var Paginator = (_dec$i = Options({
   }]);
   return Paginator;
-}(Vue), (_descriptor$g = _applyDecoratedDescriptor(_class2$g.prototype, "modelValue", [_dec2$g], {
+}(Vue), (_descriptor$h = _applyDecoratedDescriptor(_class2$h.prototype, "modelValue", [_dec2$h], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$g.prototype, "updateModelValue", [_dec3$f], Object.getOwnPropertyDescriptor(_class2$g.prototype, "updateModelValue"), _class2$g.prototype)), _class2$g)) || _class$i);var _hoisted_1$f = {
+}), _applyDecoratedDescriptor(_class2$h.prototype, "updateModelValue", [_dec3$f], Object.getOwnPropertyDescriptor(_class2$h.prototype, "updateModelValue"), _class2$h.prototype)), _class2$h)) || _class$j);var _hoisted_1$g = {
   class: "px-4 flex items-center justify-between sm:px-0"
 };
 var _hoisted_2$e = {
@@ -8463,8 +8540,8 @@ var _hoisted_8$6 = /*#__PURE__*/vue.createVNode("svg", {
   "clip-rule": "evenodd"
 })], -1);
-function render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("div", _hoisted_1$f, [vue.createVNode("div", _hoisted_2$e, [vue.createVNode("a", {
+function render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock("div", _hoisted_1$g, [vue.createVNode("div", _hoisted_2$e, [vue.createVNode("a", {
     href: "#",
     class: ["-mt-px border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page == 1 ? 'text-gray-300 cursor-not-allowed pointer-events-none' : 'text-gray-500 hover:text-gray-700 hover:border-gray-300'],
     onClick: _cache[1] || (_cache[1] = vue.withModifiers(function ($event) {
@@ -8487,14 +8564,14 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.changePage(_ctx.modelValue.page + 1);
     }, ["prevent"]))
   }, [_hoisted_7$8, _hoisted_8$6], 2)])]);
-}Paginator.render = render$o;var _dec$h, _dec2$f, _dec3$e, _dec4$d, _dec5$9, _dec6$5, _dec7$3, _dec8$2, _dec9, _class$h, _class2$f, _descriptor$f, _descriptor2$e, _descriptor3$d, _descriptor4$5;
-var DetailList = (_dec$h = Options({
+}Paginator.render = render$p;var _dec$i, _dec2$g, _dec3$e, _dec4$d, _dec5$9, _dec6$5, _dec7$3, _dec8$2, _dec9, _class$i, _class2$g, _descriptor$g, _descriptor2$e, _descriptor3$d, _descriptor4$5;
+var DetailList = (_dec$i = Options({
   components: {
     DateFilter: DateFilter,
     Paginator: Paginator
   },
   name: "DetailList"
-}), _dec2$f = Prop({
+}), _dec2$g = Prop({
   type: Number,
   required: false
 }), _dec3$e = Prop({
@@ -8506,7 +8583,7 @@ var DetailList = (_dec$h = Options({
 }), _dec5$9 = Prop({
   type: String,
   required: true
-}), _dec6$5 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$h(_class$h = (_class2$f = /*#__PURE__*/function (_Vue) {
+}), _dec6$5 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = /*#__PURE__*/function (_Vue) {
   _inherits$1(DetailList, _Vue);
   var _super = _createSuper$1(DetailList);
@@ -8522,7 +8599,7 @@ var DetailList = (_dec$h = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "refreshTrigger", _descriptor$f, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "refreshTrigger", _descriptor$g, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "reloadTrigger", _descriptor2$e, _assertThisInitialized$1(_this));
@@ -8605,31 +8682,31 @@ var DetailList = (_dec$h = Options({
   }]);
   return DetailList;
-}(Vue), (_descriptor$f = _applyDecoratedDescriptor(_class2$f.prototype, "refreshTrigger", [_dec2$f], {
+}(Vue), (_descriptor$g = _applyDecoratedDescriptor(_class2$g.prototype, "refreshTrigger", [_dec2$g], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$e = _applyDecoratedDescriptor(_class2$f.prototype, "reloadTrigger", [_dec3$e], {
+}), _descriptor2$e = _applyDecoratedDescriptor(_class2$g.prototype, "reloadTrigger", [_dec3$e], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$d = _applyDecoratedDescriptor(_class2$f.prototype, "title", [_dec4$d], {
+}), _descriptor3$d = _applyDecoratedDescriptor(_class2$g.prototype, "title", [_dec4$d], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$5 = _applyDecoratedDescriptor(_class2$f.prototype, "url", [_dec5$9], {
+}), _descriptor4$5 = _applyDecoratedDescriptor(_class2$g.prototype, "url", [_dec5$9], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$f.prototype, "onSortDir", [_dec6$5], Object.getOwnPropertyDescriptor(_class2$f.prototype, "onSortDir"), _class2$f.prototype), _applyDecoratedDescriptor(_class2$f.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$f.prototype, "onDateRange"), _class2$f.prototype), _applyDecoratedDescriptor(_class2$f.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$f.prototype, "onRefreshTrigger"), _class2$f.prototype), _applyDecoratedDescriptor(_class2$f.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$f.prototype, "onReloadTrigger"), _class2$f.prototype)), _class2$f)) || _class$h);var _hoisted_1$e = {
+}), _applyDecoratedDescriptor(_class2$g.prototype, "onSortDir", [_dec6$5], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onSortDir"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onDateRange"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onRefreshTrigger"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onReloadTrigger"), _class2$g.prototype)), _class2$g)) || _class$i);var _hoisted_1$f = {
   key: 0,
   class: "shadow overflow-hidden sm:rounded-md border"
 };
-function render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DateFilter = vue.resolveComponent("DateFilter");
   var _component_Paginator = vue.resolveComponent("Paginator");
@@ -8644,7 +8721,7 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
     onDateRangeChanged: _cache[2] || (_cache[2] = function ($event) {
       return _ctx.dateRange = $event;
     })
-  }, null, 8, ["date-range", "sort-dir", "title"]), _ctx.hasContent ? (vue.openBlock(), vue.createBlock("div", _hoisted_1$e, [vue.createVNode("ul", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.items, function (item, idx) {
+  }, null, 8, ["date-range", "sort-dir", "title"]), _ctx.hasContent ? (vue.openBlock(), vue.createBlock("div", _hoisted_1$f, [vue.createVNode("ul", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.items, function (item, idx) {
     return vue.openBlock(), vue.createBlock("li", {
       key: idx,
       class: {
@@ -8664,19 +8741,19 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.loadAndRender(false);
     })]
   }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)]);
-}DetailList.render = render$n;var _dec$g, _dec2$e, _dec3$d, _class$g, _class2$e, _descriptor$e, _descriptor2$d;
-var DownloadCell = (_dec$g = Options({
+}DetailList.render = render$o;var _dec$h, _dec2$f, _dec3$d, _class$h, _class2$f, _descriptor$f, _descriptor2$d;
+var DownloadCell = (_dec$h = Options({
   name: "DownloadCell",
   components: {
-    DownloadIcon: render$x
+    DownloadIcon: render$y
   }
-}), _dec2$e = Prop({
+}), _dec2$f = Prop({
   type: Object,
   required: true
 }), _dec3$d = Prop({
   type: String,
   required: true
-}), _dec$g(_class$g = (_class2$e = /*#__PURE__*/function (_Vue) {
+}), _dec$h(_class$h = (_class2$f = /*#__PURE__*/function (_Vue) {
   _inherits$1(DownloadCell, _Vue);
   var _super = _createSuper$1(DownloadCell);
@@ -8692,7 +8769,7 @@ var DownloadCell = (_dec$g = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "propsData", _descriptor$e, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "propsData", _descriptor$f, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "attribute", _descriptor2$d, _assertThisInitialized$1(_this));
@@ -8700,17 +8777,17 @@ var DownloadCell = (_dec$g = Options({
   }
   return DownloadCell;
-}(Vue), (_descriptor$e = _applyDecoratedDescriptor(_class2$e.prototype, "propsData", [_dec2$e], {
+}(Vue), (_descriptor$f = _applyDecoratedDescriptor(_class2$f.prototype, "propsData", [_dec2$f], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$d = _applyDecoratedDescriptor(_class2$e.prototype, "attribute", [_dec3$d], {
+}), _descriptor2$d = _applyDecoratedDescriptor(_class2$f.prototype, "attribute", [_dec3$d], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$e)) || _class$g);function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+})), _class2$f)) || _class$h);function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DownloadIcon = vue.resolveComponent("DownloadIcon");
   return vue.openBlock(), vue.createBlock("a", {
@@ -8718,10 +8795,10 @@ var DownloadCell = (_dec$g = Options({
   }, [vue.createVNode(_component_DownloadIcon, {
     class: "h-6 w-6 group-hover:text-gray-500 transition"
   })], 8, ["href"]);
-}DownloadCell.render = render$m;var _dec$f, _class$f;
-var Flash = (_dec$f = Options({
+}DownloadCell.render = render$n;var _dec$g, _class$g;
+var Flash = (_dec$g = Options({
   name: "Flash"
-}), _dec$f(_class$f = /*#__PURE__*/function (_Vue) {
+}), _dec$g(_class$g = /*#__PURE__*/function (_Vue) {
   _inherits$1(Flash, _Vue);
   var _super = _createSuper$1(Flash);
@@ -8837,7 +8914,7 @@ var Flash = (_dec$f = Options({
   }]);
   return Flash;
-}(Vue)) || _class$f);var _hoisted_1$d = {
+}(Vue)) || _class$g);var _hoisted_1$e = {
   class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40"
 };
 var _hoisted_2$d = {
@@ -8866,8 +8943,8 @@ var _hoisted_7$7 = /*#__PURE__*/vue.createVNode("svg", {
   "clip-rule": "evenodd"
 })], -1);
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("div", _hoisted_1$d, [vue.createVNode(vue.TransitionGroup, {
+function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock("div", _hoisted_1$e, [vue.createVNode(vue.TransitionGroup, {
     tag: "div",
     class: "max-w-sm w-full",
     "enter-active-class": "ease-out duration-300",
@@ -8897,7 +8974,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   })]);
-}Flash.render = render$l;function render$k(_ctx, _cache) {
+}Flash.render = render$m;function render$l(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8911,7 +8988,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
     })
   ]))
-}function render$j(_ctx, _cache) {
+}function render$k(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8925,7 +9002,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
     })
   ]))
-}function render$i(_ctx, _cache) {
+}function render$j(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8939,7 +9016,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M4 6h16M4 12h16M4 18h7"
     })
   ]))
-}function render$h(_ctx, _cache) {
+}function render$i(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8953,7 +9030,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M4 6h16M4 12h16M4 18h16"
     })
   ]))
-}function render$g(_ctx, _cache) {
+}function render$h(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8967,7 +9044,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
     })
   ]))
-}function render$f(_ctx, _cache) {
+}function render$g(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8981,19 +9058,19 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M6 18L18 6M6 6l12 12"
     })
   ]))
-}var _dec$e, _dec2$d, _dec3$c, _dec4$c, _dec5$8, _dec6$4, _dec7$2, _dec8$1, _class$e, _class2$d, _descriptor$d, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
-var Modal = (_dec$e = Options({
+}var _dec$f, _dec2$e, _dec3$c, _dec4$c, _dec5$8, _dec6$4, _dec7$2, _dec8$1, _class$f, _class2$e, _descriptor$e, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
+var Modal = (_dec$f = Options({
   components: {
     Dialog: Dialog,
     DialogOverlay: DialogOverlay,
     DialogTitle: DialogTitle,
     TransitionChild: TransitionChild,
     TransitionRoot: TransitionRoot,
-    ExclamationIcon: render$j,
-    XIcon: render$f
+    ExclamationIcon: render$k,
+    XIcon: render$g
   },
   name: "Modal"
-}), _dec2$d = Prop({
+}), _dec2$e = Prop({
   type: Boolean,
   required: false
 }), _dec3$c = Prop({
@@ -9008,7 +9085,7 @@ var Modal = (_dec$e = Options({
 }), _dec6$4 = Prop({
   type: String,
   required: false
-}), _dec7$2 = Emit(), _dec8$1 = Emit("update:modelValue"), _dec$e(_class$e = (_class2$d = /*#__PURE__*/function (_Vue) {
+}), _dec7$2 = Emit(), _dec8$1 = Emit("update:modelValue"), _dec$f(_class$f = (_class2$e = /*#__PURE__*/function (_Vue) {
   _inherits$1(Modal, _Vue);
   var _super = _createSuper$1(Modal);
@@ -9024,7 +9101,7 @@ var Modal = (_dec$e = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "destructive", _descriptor$d, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "destructive", _descriptor$e, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "disabled", _descriptor2$c, _assertThisInitialized$1(_this));
@@ -9050,32 +9127,32 @@ var Modal = (_dec$e = Options({
   }]);
   return Modal;
-}(Vue), (_descriptor$d = _applyDecoratedDescriptor(_class2$d.prototype, "destructive", [_dec2$d], {
+}(Vue), (_descriptor$e = _applyDecoratedDescriptor(_class2$e.prototype, "destructive", [_dec2$e], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$c = _applyDecoratedDescriptor(_class2$d.prototype, "disabled", [_dec3$c], {
+}), _descriptor2$c = _applyDecoratedDescriptor(_class2$e.prototype, "disabled", [_dec3$c], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$c = _applyDecoratedDescriptor(_class2$d.prototype, "modelValue", [_dec4$c], {
+}), _descriptor3$c = _applyDecoratedDescriptor(_class2$e.prototype, "modelValue", [_dec4$c], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$4 = _applyDecoratedDescriptor(_class2$d.prototype, "submitText", [_dec5$8], {
+}), _descriptor4$4 = _applyDecoratedDescriptor(_class2$e.prototype, "submitText", [_dec5$8], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$d.prototype, "title", [_dec6$4], {
+}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$e.prototype, "title", [_dec6$4], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$d.prototype, "submit", [_dec7$2], Object.getOwnPropertyDescriptor(_class2$d.prototype, "submit"), _class2$d.prototype), _applyDecoratedDescriptor(_class2$d.prototype, "updateModelValue", [_dec8$1], Object.getOwnPropertyDescriptor(_class2$d.prototype, "updateModelValue"), _class2$d.prototype)), _class2$d)) || _class$e);var _hoisted_1$c = {
+}), _applyDecoratedDescriptor(_class2$e.prototype, "submit", [_dec7$2], Object.getOwnPropertyDescriptor(_class2$e.prototype, "submit"), _class2$e.prototype), _applyDecoratedDescriptor(_class2$e.prototype, "updateModelValue", [_dec8$1], Object.getOwnPropertyDescriptor(_class2$e.prototype, "updateModelValue"), _class2$e.prototype)), _class2$e)) || _class$f);var _hoisted_1$d = {
   class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
 };
@@ -9108,7 +9185,7 @@ var _hoisted_9$5 = {
   key: 0,
   class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
 };
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DialogOverlay = vue.resolveComponent("DialogOverlay");
   var _component_TransitionChild = vue.resolveComponent("TransitionChild");
@@ -9136,7 +9213,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
         open: _ctx.modelValue
       }, {
         default: vue.withCtx(function () {
-          return [vue.createVNode("div", _hoisted_1$c, [vue.createVNode(_component_TransitionChild, {
+          return [vue.createVNode("div", _hoisted_1$d, [vue.createVNode(_component_TransitionChild, {
             as: "template",
             enter: "ease-out duration-300",
             "enter-from": "opacity-0",
@@ -9199,10 +9276,10 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["show"]);
-}Modal.render = render$e;var _dec$d, _class$d;
-var Spinner = (_dec$d = Options({
+}Modal.render = render$f;var _dec$e, _class$e;
+var Spinner = (_dec$e = Options({
   name: "Spinner"
-}), _dec$d(_class$d = /*#__PURE__*/function (_Vue) {
+}), _dec$e(_class$e = /*#__PURE__*/function (_Vue) {
   _inherits$1(Spinner, _Vue);
   var _super = _createSuper$1(Spinner);
@@ -9283,7 +9360,7 @@ var Spinner = (_dec$d = Options({
   }]);
   return Spinner;
-}(Vue)) || _class$d);var _hoisted_1$b = {
+}(Vue)) || _class$e);var _hoisted_1$c = {
   key: 0,
   class: "fixed top-0 left-0 flex items-center justify-center w-full h-full cursor-not-allowed z-50 bg-gray-50 bg-opacity-50"
 };
@@ -9352,8 +9429,8 @@ var _hoisted_2$b = /*#__PURE__*/vue.createVNode("div", {
   points: "41.978 0.3999 36.799 7.6269 32.006 0.3999 21.2 0.3999 31.775 15.5069 27.194 21.7689 32.27 29.1999 52.4 0.3999"
 })])])])])], -1);
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.loading ? (vue.openBlock(), vue.createBlock("div", _hoisted_1$b, [vue.createVNode("div", null, [_hoisted_2$b, vue.withDirectives(vue.createVNode("div", null, [vue.createVNode(vue.Transition, {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.loading ? (vue.openBlock(), vue.createBlock("div", _hoisted_1$c, [vue.createVNode("div", null, [_hoisted_2$b, vue.withDirectives(vue.createVNode("div", null, [vue.createVNode(vue.Transition, {
     appear: "",
     "enter-active-class": "ease-out duration-1000",
     "enter-from-class": "opacity-0",
@@ -9371,8 +9448,8 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["onAfterEnter", "onAfterLeave"])], 512), [[vue.vShow, _ctx.messages]])])])) : vue.createCommentVNode("", true);
-}Spinner.render = render$d;var _dec$c, _dec2$c, _dec3$b, _dec4$b, _dec5$7, _class$c, _class2$c, _descriptor$c, _descriptor2$b, _descriptor3$b, _descriptor4$3;
-var SidebarLayout = (_dec$c = Options({
+}Spinner.render = render$e;var _dec$d, _dec2$d, _dec3$b, _dec4$b, _dec5$7, _class$d, _class2$d, _descriptor$d, _descriptor2$b, _descriptor3$b, _descriptor4$3;
+var SidebarLayout = (_dec$d = Options({
   components: {
     Flash: Flash,
     Spinner: Spinner,
@@ -9384,13 +9461,13 @@ var SidebarLayout = (_dec$c = Options({
     MenuItems: MenuItems,
     TransitionChild: TransitionChild,
     TransitionRoot: TransitionRoot,
-    CogIcon: render$z,
-    MenuAlt2Icon: render$i,
-    UserCircleIcon: render$g,
-    XIcon: render$f
+    CogIcon: render$A,
+    MenuAlt2Icon: render$j,
+    UserCircleIcon: render$h,
+    XIcon: render$g
   },
   name: "SidebarLayout"
-}), _dec2$c = Prop({
+}), _dec2$d = Prop({
   type: String,
   required: false
 }), _dec3$b = Prop({
@@ -9402,7 +9479,7 @@ var SidebarLayout = (_dec$c = Options({
 }), _dec5$7 = Prop({
   type: Array,
   required: true
-}), _dec$c(_class$c = (_class2$c = /*#__PURE__*/function (_Vue) {
+}), _dec$d(_class$d = (_class2$d = /*#__PURE__*/function (_Vue) {
   _inherits$1(SidebarLayout, _Vue);
   var _super = _createSuper$1(SidebarLayout);
@@ -9418,7 +9495,7 @@ var SidebarLayout = (_dec$c = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "activeURL", _descriptor$c, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "activeURL", _descriptor$d, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "iconURL", _descriptor2$b, _assertThisInitialized$1(_this));
@@ -9439,27 +9516,27 @@ var SidebarLayout = (_dec$c = Options({
   }]);
   return SidebarLayout;
-}(Vue), (_descriptor$c = _applyDecoratedDescriptor(_class2$c.prototype, "activeURL", [_dec2$c], {
+}(Vue), (_descriptor$d = _applyDecoratedDescriptor(_class2$d.prototype, "activeURL", [_dec2$d], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$b = _applyDecoratedDescriptor(_class2$c.prototype, "iconURL", [_dec3$b], {
+}), _descriptor2$b = _applyDecoratedDescriptor(_class2$d.prototype, "iconURL", [_dec3$b], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$b = _applyDecoratedDescriptor(_class2$c.prototype, "navigation", [_dec4$b], {
+}), _descriptor3$b = _applyDecoratedDescriptor(_class2$d.prototype, "navigation", [_dec4$b], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$3 = _applyDecoratedDescriptor(_class2$c.prototype, "userNavigation", [_dec5$7], {
+}), _descriptor4$3 = _applyDecoratedDescriptor(_class2$d.prototype, "userNavigation", [_dec5$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$c)) || _class$c);var _hoisted_1$a = {
+})), _class2$d)) || _class$d);var _hoisted_1$b = {
   class: "h-screen flex overflow-hidden bg-gray-100"
 };
 var _hoisted_2$a = {
@@ -9540,7 +9617,7 @@ var _hoisted_23 = {
 var _hoisted_24 = {
   class: "mx-auto"
 };
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DialogOverlay = vue.resolveComponent("DialogOverlay");
   var _component_TransitionChild = vue.resolveComponent("TransitionChild");
@@ -9567,7 +9644,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Spinner = vue.resolveComponent("Spinner");
-  return vue.openBlock(), vue.createBlock(vue.Fragment, null, [vue.createVNode("div", _hoisted_1$a, [vue.createVNode(_component_TransitionRoot, {
+  return vue.openBlock(), vue.createBlock(vue.Fragment, null, [vue.createVNode("div", _hoisted_1$b, [vue.createVNode(_component_TransitionRoot, {
     as: "template",
     show: _ctx.sidebarOpen
   }, {
@@ -9724,8 +9801,8 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   })])])]), vue.createVNode("main", _hoisted_23, [vue.createVNode("div", _hoisted_24, [vue.renderSlot(_ctx.$slots, "default")])])])]), vue.createVNode(_component_Flash), vue.createVNode(_component_Spinner)], 64);
-}SidebarLayout.render = render$c;var _dec$b, _dec2$b, _dec3$a, _dec4$a, _dec5$6, _class$b, _class2$b, _descriptor$b, _descriptor2$a, _descriptor3$a;
-var Slideover = (_dec$b = Options({
+}SidebarLayout.render = render$d;var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
+var Slideover = (_dec$c = Options({
   name: "Slideover",
   components: {
     Dialog: Dialog,
@@ -9733,9 +9810,9 @@ var Slideover = (_dec$b = Options({
     DialogTitle: DialogTitle,
     TransitionChild: TransitionChild,
     TransitionRoot: TransitionRoot,
-    XIcon: render$f
+    XIcon: render$g
   }
-}), _dec2$b = Prop({
+}), _dec2$c = Prop({
   type: String,
   required: true
 }), _dec3$a = Prop({
@@ -9744,7 +9821,7 @@ var Slideover = (_dec$b = Options({
 }), _dec4$a = Prop({
   type: Boolean,
   required: true
-}), _dec5$6 = Emit(), _dec$b(_class$b = (_class2$b = /*#__PURE__*/function (_Vue) {
+}), _dec5$6 = Emit(), _dec$c(_class$c = (_class2$c = /*#__PURE__*/function (_Vue) {
   _inherits$1(Slideover, _Vue);
   var _super = _createSuper$1(Slideover);
@@ -9760,7 +9837,7 @@ var Slideover = (_dec$b = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "header", _descriptor$b, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "header", _descriptor$c, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "description", _descriptor2$a, _assertThisInitialized$1(_this));
@@ -9777,22 +9854,22 @@ var Slideover = (_dec$b = Options({
   }]);
   return Slideover;
-}(Vue), (_descriptor$b = _applyDecoratedDescriptor(_class2$b.prototype, "header", [_dec2$b], {
+}(Vue), (_descriptor$c = _applyDecoratedDescriptor(_class2$c.prototype, "header", [_dec2$c], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$a = _applyDecoratedDescriptor(_class2$b.prototype, "description", [_dec3$a], {
+}), _descriptor2$a = _applyDecoratedDescriptor(_class2$c.prototype, "description", [_dec3$a], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$a = _applyDecoratedDescriptor(_class2$b.prototype, "modelValue", [_dec4$a], {
+}), _descriptor3$a = _applyDecoratedDescriptor(_class2$c.prototype, "modelValue", [_dec4$a], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$b.prototype, "close", [_dec5$6], Object.getOwnPropertyDescriptor(_class2$b.prototype, "close"), _class2$b.prototype)), _class2$b)) || _class$b);var _hoisted_1$9 = {
+}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);var _hoisted_1$a = {
   class: "absolute inset-0 overflow-hidden"
 };
 var _hoisted_2$9 = {
@@ -9824,7 +9901,7 @@ var _hoisted_9$3 = {
 var _hoisted_10$3 = {
   class: "relative flex-1 py-6 px-4 sm:px-6"
 };
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DialogOverlay = vue.resolveComponent("DialogOverlay");
   var _component_DialogTitle = vue.resolveComponent("DialogTitle");
@@ -9852,7 +9929,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         open: _ctx.modelValue
       }, {
         default: vue.withCtx(function () {
-          return [vue.createVNode("div", _hoisted_1$9, [vue.createVNode(_component_DialogOverlay, {
+          return [vue.createVNode("div", _hoisted_1$a, [vue.createVNode(_component_DialogOverlay, {
             class: "absolute inset-0"
           }), vue.createVNode("div", _hoisted_2$9, [vue.createVNode(_component_TransitionChild, {
             as: "template",
@@ -9889,8 +9966,8 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }, 8, ["show"]);
-}Slideover.render = render$b;var _dec$a, _dec2$a, _dec3$9, _dec4$9, _dec5$5, _dec6$3, _class$a, _class2$a, _descriptor$a, _descriptor2$9, _descriptor3$9, _descriptor4$2, _descriptor5$2;
-var StackedLayout = (_dec$a = Options({
+}Slideover.render = render$c;var _dec$b, _dec2$b, _dec3$9, _dec4$9, _dec5$5, _dec6$3, _class$b, _class2$b, _descriptor$b, _descriptor2$9, _descriptor3$9, _descriptor4$2, _descriptor5$2;
+var StackedLayout = (_dec$b = Options({
   components: {
     Flash: Flash,
     Spinner: Spinner,
@@ -9901,13 +9978,13 @@ var StackedLayout = (_dec$a = Options({
     MenuButton: MenuButton,
     MenuItem: MenuItem,
     MenuItems: MenuItems,
-    BellIcon: render$k,
-    MenuIcon: render$h,
-    UserCircleIcon: render$g,
-    XIcon: render$f
+    BellIcon: render$l,
+    MenuIcon: render$i,
+    UserCircleIcon: render$h,
+    XIcon: render$g
   },
   name: "StackedLayout"
-}), _dec2$a = Prop({
+}), _dec2$b = Prop({
   type: String,
   required: false
 }), _dec3$9 = Prop({
@@ -9922,7 +9999,7 @@ var StackedLayout = (_dec$a = Options({
 }), _dec6$3 = Prop({
   type: Array,
   required: true
-}), _dec$a(_class$a = (_class2$a = /*#__PURE__*/function (_Vue) {
+}), _dec$b(_class$b = (_class2$b = /*#__PURE__*/function (_Vue) {
   _inherits$1(StackedLayout, _Vue);
   var _super = _createSuper$1(StackedLayout);
@@ -9938,7 +10015,7 @@ var StackedLayout = (_dec$a = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "activeURL", _descriptor$a, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "activeURL", _descriptor$b, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "currentUser", _descriptor2$9, _assertThisInitialized$1(_this));
@@ -9961,32 +10038,32 @@ var StackedLayout = (_dec$a = Options({
   }]);
   return StackedLayout;
-}(Vue), (_descriptor$a = _applyDecoratedDescriptor(_class2$a.prototype, "activeURL", [_dec2$a], {
+}(Vue), (_descriptor$b = _applyDecoratedDescriptor(_class2$b.prototype, "activeURL", [_dec2$b], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$9 = _applyDecoratedDescriptor(_class2$a.prototype, "currentUser", [_dec3$9], {
+}), _descriptor2$9 = _applyDecoratedDescriptor(_class2$b.prototype, "currentUser", [_dec3$9], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$9 = _applyDecoratedDescriptor(_class2$a.prototype, "iconURL", [_dec4$9], {
+}), _descriptor3$9 = _applyDecoratedDescriptor(_class2$b.prototype, "iconURL", [_dec4$9], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$2 = _applyDecoratedDescriptor(_class2$a.prototype, "navigation", [_dec5$5], {
+}), _descriptor4$2 = _applyDecoratedDescriptor(_class2$b.prototype, "navigation", [_dec5$5], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor5$2 = _applyDecoratedDescriptor(_class2$a.prototype, "userNavigation", [_dec6$3], {
+}), _descriptor5$2 = _applyDecoratedDescriptor(_class2$b.prototype, "userNavigation", [_dec6$3], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$a)) || _class$a);var _hoisted_1$8 = {
+})), _class2$b)) || _class$b);var _hoisted_1$9 = {
   class: "min-h-screen bg-gray-100"
 };
 var _hoisted_2$8 = {
@@ -10044,7 +10121,7 @@ var _hoisted_17$1 = {
 var _hoisted_18 = {
   class: "px-4 py-8 sm:px-0"
 };
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_UserCircleIcon = vue.resolveComponent("UserCircleIcon");
   var _component_MenuButton = vue.resolveComponent("MenuButton");
@@ -10069,7 +10146,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Spinner = vue.resolveComponent("Spinner");
-  return vue.openBlock(), vue.createBlock(vue.Fragment, null, [vue.createVNode("div", _hoisted_1$8, [vue.createVNode(_component_Disclosure, {
+  return vue.openBlock(), vue.createBlock(vue.Fragment, null, [vue.createVNode("div", _hoisted_1$9, [vue.createVNode(_component_Disclosure, {
     as: "nav",
     class: "bg-white shadow-sm"
   }, {
@@ -10182,13 +10259,13 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   }), vue.renderSlot(_ctx.$slots, "header"), vue.createVNode("main", null, [vue.createVNode("div", _hoisted_17$1, [vue.createVNode("div", _hoisted_18, [vue.renderSlot(_ctx.$slots, "default")])])])]), vue.createVNode(_component_Flash), vue.createVNode(_component_Spinner)], 64);
-}StackedLayout.render = render$a;var _dec$9, _dec2$9, _class$9, _class2$9, _descriptor$9;
-var StaticTable = (_dec$9 = Options({
+}StackedLayout.render = render$b;var _dec$a, _dec2$a, _class$a, _class2$a, _descriptor$a;
+var StaticTable = (_dec$a = Options({
   name: "StaticTable"
-}), _dec2$9 = Prop({
+}), _dec2$a = Prop({
   type: Object,
   required: true
-}), _dec$9(_class$9 = (_class2$9 = /*#__PURE__*/function (_Vue) {
+}), _dec$a(_class$a = (_class2$a = /*#__PURE__*/function (_Vue) {
   _inherits$1(StaticTable, _Vue);
   var _super = _createSuper$1(StaticTable);
@@ -10204,7 +10281,7 @@ var StaticTable = (_dec$9 = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "tableData", _descriptor$9, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "tableData", _descriptor$a, _assertThisInitialized$1(_this));
     return _this;
   }
@@ -10225,12 +10302,12 @@ var StaticTable = (_dec$9 = Options({
   }]);
   return StaticTable;
-}(Vue), (_descriptor$9 = _applyDecoratedDescriptor(_class2$9.prototype, "tableData", [_dec2$9], {
+}(Vue), (_descriptor$a = _applyDecoratedDescriptor(_class2$a.prototype, "tableData", [_dec2$a], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$9)) || _class$9);var _hoisted_1$7 = {
+})), _class2$a)) || _class$a);var _hoisted_1$8 = {
   class: "flex flex-col"
 };
 var _hoisted_2$7 = {
@@ -10251,8 +10328,8 @@ var _hoisted_6$2 = {
 var _hoisted_7$2 = {
   key: 0
 };
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("div", _hoisted_1$7, [vue.createVNode("div", _hoisted_2$7, [vue.createVNode("div", _hoisted_3$4, [vue.createVNode("div", _hoisted_4$2, [vue.createVNode("table", _hoisted_5$2, [vue.createVNode("thead", null, [vue.createVNode("tr", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, idx) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock("div", _hoisted_1$8, [vue.createVNode("div", _hoisted_2$7, [vue.createVNode("div", _hoisted_3$4, [vue.createVNode("div", _hoisted_4$2, [vue.createVNode("table", _hoisted_5$2, [vue.createVNode("thead", null, [vue.createVNode("tr", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, idx) {
     return vue.openBlock(), vue.createBlock("th", {
       class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase bg-gray-50 leading-4",
       key: idx,
@@ -10279,10 +10356,10 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     colspan: _ctx.tableData.columns.length,
     class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap leading-5"
   }, " No items were found! ", 8, ["colspan"])])) : vue.createCommentVNode("", true)])])])])])]);
-}StaticTable.render = render$9;var _dec$8, _dec2$8, _dec3$8, _dec4$8, _dec5$4, _dec6$2, _dec7$1, _dec8, _class$8, _class2$8, _descriptor$8, _descriptor2$8, _descriptor3$8, _descriptor4$1, _descriptor5$1;
-var Steps = (_dec$8 = Options({
+}StaticTable.render = render$a;var _dec$9, _dec2$9, _dec3$8, _dec4$8, _dec5$4, _dec6$2, _dec7$1, _dec8, _class$9, _class2$9, _descriptor$9, _descriptor2$8, _descriptor3$8, _descriptor4$1, _descriptor5$1;
+var Steps = (_dec$9 = Options({
   name: "Steps"
-}), _dec2$8 = Prop({
+}), _dec2$9 = Prop({
   type: Boolean,
   required: false
 }), _dec3$8 = Prop({
@@ -10297,7 +10374,7 @@ var Steps = (_dec$8 = Options({
 }), _dec6$2 = Prop({
   type: Number,
   required: true
-}), _dec7$1 = Emit(), _dec8 = Emit(), _dec$8(_class$8 = (_class2$8 = /*#__PURE__*/function (_Vue) {
+}), _dec7$1 = Emit(), _dec8 = Emit(), _dec$9(_class$9 = (_class2$9 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Steps, _Vue);
   var _super = _createSuper$1(Steps);
@@ -10313,7 +10390,7 @@ var Steps = (_dec$8 = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "hideActions", _descriptor$8, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "hideActions", _descriptor$9, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "hidePrevious", _descriptor2$8, _assertThisInitialized$1(_this));
@@ -10339,32 +10416,32 @@ var Steps = (_dec$8 = Options({
   }]);
   return Steps;
-}(Vue), (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "hideActions", [_dec2$8], {
+}(Vue), (_descriptor$9 = _applyDecoratedDescriptor(_class2$9.prototype, "hideActions", [_dec2$9], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$8 = _applyDecoratedDescriptor(_class2$8.prototype, "hidePrevious", [_dec3$8], {
+}), _descriptor2$8 = _applyDecoratedDescriptor(_class2$9.prototype, "hidePrevious", [_dec3$8], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$8 = _applyDecoratedDescriptor(_class2$8.prototype, "nextText", [_dec4$8], {
+}), _descriptor3$8 = _applyDecoratedDescriptor(_class2$9.prototype, "nextText", [_dec4$8], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor4$1 = _applyDecoratedDescriptor(_class2$8.prototype, "step", [_dec5$4], {
+}), _descriptor4$1 = _applyDecoratedDescriptor(_class2$9.prototype, "step", [_dec5$4], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor5$1 = _applyDecoratedDescriptor(_class2$8.prototype, "total", [_dec6$2], {
+}), _descriptor5$1 = _applyDecoratedDescriptor(_class2$9.prototype, "total", [_dec6$2], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$8.prototype, "next", [_dec7$1], Object.getOwnPropertyDescriptor(_class2$8.prototype, "next"), _class2$8.prototype), _applyDecoratedDescriptor(_class2$8.prototype, "previous", [_dec8], Object.getOwnPropertyDescriptor(_class2$8.prototype, "previous"), _class2$8.prototype)), _class2$8)) || _class$8);var _hoisted_1$6 = {
+}), _applyDecoratedDescriptor(_class2$9.prototype, "next", [_dec7$1], Object.getOwnPropertyDescriptor(_class2$9.prototype, "next"), _class2$9.prototype), _applyDecoratedDescriptor(_class2$9.prototype, "previous", [_dec8], Object.getOwnPropertyDescriptor(_class2$9.prototype, "previous"), _class2$9.prototype)), _class2$9)) || _class$9);var _hoisted_1$7 = {
   class: "flex items-center justify-center space-x-8"
 };
 var _hoisted_2$6 = {
@@ -10408,8 +10485,8 @@ var _hoisted_10$1 = {
 var _hoisted_11$1 = {
   class: "ml-3 inline-flex rounded-md shadow-sm"
 };
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("nav", _hoisted_1$6, [vue.createVNode("p", _hoisted_2$6, "Step " + vue.toDisplayString(_ctx.step) + " of " + vue.toDisplayString(_ctx.total), 1), vue.createVNode("ul", _hoisted_3$3, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.total, function (index) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("nav", _hoisted_1$7, [vue.createVNode("p", _hoisted_2$6, "Step " + vue.toDisplayString(_ctx.step) + " of " + vue.toDisplayString(_ctx.total), 1), vue.createVNode("ul", _hoisted_3$3, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.total, function (index) {
     return vue.openBlock(), vue.createBlock("li", {
       key: index
     }, [_ctx.step > index ? (vue.openBlock(), vue.createBlock("span", _hoisted_4$1)) : _ctx.step === index ? (vue.openBlock(), vue.createBlock("div", _hoisted_5$1, [_hoisted_6$1, _hoisted_7$1])) : (vue.openBlock(), vue.createBlock("span", _hoisted_8$1))]);
@@ -10427,14 +10504,14 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     textContent: vue.toDisplayString(_ctx.nextText ? _ctx.nextText : 'Next')
   }, null, 8, ["textContent"])])])) : vue.createCommentVNode("", true)]);
-}Steps.render = render$8;var _dec$7, _dec2$7, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$7, _class2$7, _descriptor$7, _descriptor2$7, _descriptor3$7;
-var Table = (_dec$7 = Options({
+}Steps.render = render$9;var _dec$8, _dec2$8, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$8, _class2$8, _descriptor$8, _descriptor2$7, _descriptor3$7;
+var Table = (_dec$8 = Options({
   components: {
     DateRangePicker: DateRangePicker,
     Paginator: Paginator
   },
   name: "Table"
-}), _dec2$7 = Prop({
+}), _dec2$8 = Prop({
   type: Boolean,
   required: false,
   default: false
@@ -10445,7 +10522,7 @@ var Table = (_dec$7 = Options({
 }), _dec4$7 = Prop({
   type: Object,
   required: true
-}), _dec5$3 = Watch("tableData.refreshTrigger"), _dec6$1 = Watch("tableData.reloadTrigger"), _dec$7(_class$7 = (_class2$7 = /*#__PURE__*/function (_Vue) {
+}), _dec5$3 = Watch("tableData.refreshTrigger"), _dec6$1 = Watch("tableData.reloadTrigger"), _dec$8(_class$8 = (_class2$8 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Table, _Vue);
   var _super = _createSuper$1(Table);
@@ -10461,7 +10538,7 @@ var Table = (_dec$7 = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "clickable", _descriptor$7, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "clickable", _descriptor$8, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "loader", _descriptor2$7, _assertThisInitialized$1(_this));
@@ -10589,22 +10666,22 @@ var Table = (_dec$7 = Options({
   }]);
   return Table;
-}(Vue), (_descriptor$7 = _applyDecoratedDescriptor(_class2$7.prototype, "clickable", [_dec2$7], {
+}(Vue), (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "clickable", [_dec2$8], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$7 = _applyDecoratedDescriptor(_class2$7.prototype, "loader", [_dec3$7], {
+}), _descriptor2$7 = _applyDecoratedDescriptor(_class2$8.prototype, "loader", [_dec3$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$7 = _applyDecoratedDescriptor(_class2$7.prototype, "tableData", [_dec4$7], {
+}), _descriptor3$7 = _applyDecoratedDescriptor(_class2$8.prototype, "tableData", [_dec4$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$7.prototype, "onRefreshTrigger", [_dec5$3], Object.getOwnPropertyDescriptor(_class2$7.prototype, "onRefreshTrigger"), _class2$7.prototype), _applyDecoratedDescriptor(_class2$7.prototype, "onReloadTrigger", [_dec6$1], Object.getOwnPropertyDescriptor(_class2$7.prototype, "onReloadTrigger"), _class2$7.prototype)), _class2$7)) || _class$7);var _hoisted_1$5 = {
+}), _applyDecoratedDescriptor(_class2$8.prototype, "onRefreshTrigger", [_dec5$3], Object.getOwnPropertyDescriptor(_class2$8.prototype, "onRefreshTrigger"), _class2$8.prototype), _applyDecoratedDescriptor(_class2$8.prototype, "onReloadTrigger", [_dec6$1], Object.getOwnPropertyDescriptor(_class2$8.prototype, "onReloadTrigger"), _class2$8.prototype)), _class2$8)) || _class$8);var _hoisted_1$6 = {
   class: "flex flex-col mb-4 space-y-4 lg:space-y-0 lg:flex-row lg:justify-between"
 };
 var _hoisted_2$5 = {
@@ -10696,12 +10773,12 @@ var _hoisted_16 = {
 var _hoisted_17 = {
   key: 0
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DateRangePicker = vue.resolveComponent("DateRangePicker");
   var _component_Paginator = vue.resolveComponent("Paginator");
-  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", _hoisted_1$5, [_ctx.tableData.search ? (vue.openBlock(), vue.createBlock("div", _hoisted_2$5, [_hoisted_3$2, vue.createVNode("div", _hoisted_4, [_hoisted_5, vue.withDirectives(vue.createVNode("input", {
+  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", _hoisted_1$6, [_ctx.tableData.search ? (vue.openBlock(), vue.createBlock("div", _hoisted_2$5, [_hoisted_3$2, vue.createVNode("div", _hoisted_4, [_hoisted_5, vue.withDirectives(vue.createVNode("input", {
     class: "pl-10",
     type: "search",
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -10765,10 +10842,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.loadAndRender(false);
     })]
   }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)]);
-}Table.render = render$7;var _dec$6, _dec2$6, _dec3$6, _dec4$6, _dec5$2, _class$6, _class2$6, _descriptor$6, _descriptor2$6, _descriptor3$6;
-var Tabs = (_dec$6 = Options({
+}Table.render = render$8;var _dec$7, _dec2$7, _dec3$6, _dec4$6, _dec5$2, _class$7, _class2$7, _descriptor$7, _descriptor2$6, _descriptor3$6;
+var Tabs = (_dec$7 = Options({
   name: "Tabs"
-}), _dec2$6 = Prop({
+}), _dec2$7 = Prop({
   type: String,
   required: true
 }), _dec3$6 = Prop({
@@ -10777,7 +10854,7 @@ var Tabs = (_dec$6 = Options({
 }), _dec4$6 = Prop({
   type: Array,
   required: true
-}), _dec5$2 = Emit("update:modelValue"), _dec$6(_class$6 = (_class2$6 = /*#__PURE__*/function (_Vue) {
+}), _dec5$2 = Emit("update:modelValue"), _dec$7(_class$7 = (_class2$7 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Tabs, _Vue);
   var _super = _createSuper$1(Tabs);
@@ -10793,7 +10870,7 @@ var Tabs = (_dec$6 = Options({
     _this = _super.call.apply(_super, [this].concat(args));
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$6, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$7, _assertThisInitialized$1(_this));
     _initializerDefineProperty(_assertThisInitialized$1(_this), "pillDesign", _descriptor2$6, _assertThisInitialized$1(_this));
@@ -10843,22 +10920,22 @@ var Tabs = (_dec$6 = Options({
   }]);
   return Tabs;
-}(Vue), (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+}(Vue), (_descriptor$7 = _applyDecoratedDescriptor(_class2$7.prototype, "modelValue", [_dec2$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$6 = _applyDecoratedDescriptor(_class2$6.prototype, "pillDesign", [_dec3$6], {
+}), _descriptor2$6 = _applyDecoratedDescriptor(_class2$7.prototype, "pillDesign", [_dec3$6], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$6 = _applyDecoratedDescriptor(_class2$6.prototype, "tabs", [_dec4$6], {
+}), _descriptor3$6 = _applyDecoratedDescriptor(_class2$7.prototype, "tabs", [_dec4$6], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$6.prototype, "updateModelValue", [_dec5$2], Object.getOwnPropertyDescriptor(_class2$6.prototype, "updateModelValue"), _class2$6.prototype)), _class2$6)) || _class$6);var _hoisted_1$4 = /*#__PURE__*/vue.createVNode("label", {
+}), _applyDecoratedDescriptor(_class2$7.prototype, "updateModelValue", [_dec5$2], Object.getOwnPropertyDescriptor(_class2$7.prototype, "updateModelValue"), _class2$7.prototype)), _class2$7)) || _class$7);var _hoisted_1$5 = /*#__PURE__*/vue.createVNode("label", {
   for: "tabs",
   class: "sr-only"
 }, "Select a tab", -1);
@@ -10866,14 +10943,14 @@ var Tabs = (_dec$6 = Options({
 var _hoisted_2$4 = {
   class: "hidden sm:block"
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Select = vue.resolveComponent("Select");
   return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", {
     class: ["sm:hidden", {
       'mb-4': _ctx.pillDesign
     }]
-  }, [_hoisted_1$4, vue.createVNode(_component_Select, {
+  }, [_hoisted_1$5, vue.createVNode(_component_Select, {
     name: "tabs",
     modelValue: _ctx.modelValue,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -10897,7 +10974,65 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       }, ["prevent"])
     }, null, 10, ["textContent", "onClick"]);
   }), 128))], 2)], 2)])]);
-}Tabs.render = render$6;var _dec$5, _dec2$5, _dec3$5, _dec4$5, _class$5, _class2$5, _descriptor$5, _descriptor2$5, _descriptor3$5;
+}Tabs.render = render$7;var _dec$6, _dec2$6, _class$6, _class2$6, _descriptor$6;
+var Toggle = (_dec$6 = Options({
+  name: "Toggle",
+  components: {
+    Switch: Switch
+  }
+}), _dec2$6 = Prop({
+  type: Boolean,
+  required: false
+}), _dec$6(_class$6 = (_class2$6 = /*#__PURE__*/function (_Vue) {
+  _inherits$1(Toggle, _Vue);
+  var _super = _createSuper$1(Toggle);
+  function Toggle() {
+    var _this;
+    _classCallCheck$1(this, Toggle);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$6, _assertThisInitialized$1(_this));
+    return _this;
+  }
+  return Toggle;
+}(Vue), (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2$6)) || _class$6);var _hoisted_1$4 = /*#__PURE__*/vue.createVNode("span", {
+  class: "sr-only"
+}, "Use", -1);
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Switch = vue.resolveComponent("Switch");
+  return vue.openBlock(), vue.createBlock(_component_Switch, {
+    class: [_ctx.modelValue ? 'bg-blue-600' : 'bg-gray-200', 'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500'],
+    modelValue: _ctx.modelValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+      return _ctx.$emit('update:modelValue', $event);
+    })
+  }, {
+    default: vue.withCtx(function () {
+      return [_hoisted_1$4, vue.createVNode("span", {
+        "aria-hidden": "true",
+        class: [_ctx.modelValue ? 'translate-x-5' : 'translate-x-0', 'pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200']
+      }, null, 2)];
+    }),
+    _: 1
+  }, 8, ["class", "modelValue"]);
+}Toggle.render = render$6;var _dec$5, _dec2$5, _dec3$5, _dec4$5, _class$5, _class2$5, _descriptor$5, _descriptor2$5, _descriptor3$5;
 var Checkbox = (_dec$5 = Options({
   name: "Checkbox"
 }), _dec2$5 = Prop({
@@ -11168,13 +11303,14 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       checked: _ctx.modelValue === option.value,
       class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
       id: "".concat(_ctx.uuid, "-").concat(index),
+      name: _ctx.uuid,
       type: "radio",
       value: option.value
     }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
       onChange: function onChange($event) {
         _ctx.$emit('update:modelValue', $event.target.value);
       }
-    })), null, 16, ["checked", "id", "value"]), vue.createVNode("span", _hoisted_2$1, vue.toDisplayString(option.label), 1)], 10, ["for"])]);
+    })), null, 16, ["checked", "id", "name", "value"]), vue.createVNode("span", _hoisted_2$1, vue.toDisplayString(option.label), 1)], 10, ["for"])]);
   }), 128))]);
 }Radio.render = render$3;var _dec$2, _dec2$2, _dec3$2, _dec4$2, _dec5, _dec6, _dec7, _class$2, _class2$2, _descriptor$2, _descriptor2$2, _descriptor3$2, _descriptor4, _descriptor5, _descriptor6;
 var Select = (_dec$2 = Options({
@@ -11462,11 +11598,11 @@ var YesOrNoRadio = (_dec = Options({
   writable: true,
   initializer: null
 })), _class2)) || _class);var _hoisted_1 = /*#__PURE__*/vue.createVNode("span", {
-  class: "block ml-2 text-sm font-medium text-gray-700 leading-5"
+  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
 }, "Yes", -1);
 var _hoisted_2 = /*#__PURE__*/vue.createVNode("span", {
-  class: "block ml-2 text-sm font-medium leading-5"
+  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
 }, "No", -1);
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11485,13 +11621,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     type: "radio",
     class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
     id: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-true"),
+    name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: true,
     checked: _ctx.modelValue === true
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
     onChange: function onChange($event) {
       _ctx.$emit('update:modelValue', $event.target.value === 'true');
     }
-  })), null, 16, ["id", "checked"]), _hoisted_1], 10, ["for"]), vue.createVNode("label", {
+  })), null, 16, ["id", "name", "checked"]), _hoisted_1], 10, ["for"]), vue.createVNode("label", {
     class: ["inline-flex items-center ml-6", {
       'cursor-not-allowed': _ctx.$attrs.disabled
     }],
@@ -11500,15 +11637,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     type: "radio",
     class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
     id: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-false"),
+    name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: false,
     checked: _ctx.modelValue === false
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
     onChange: function onChange($event) {
       _ctx.$emit('update:modelValue', $event.target.value === 'true');
     }
-  })), null, 16, ["id", "checked"]), _hoisted_2], 10, ["for"])]);
+  })), null, 16, ["id", "name", "checked"]), _hoisted_2], 10, ["for"])]);
 }YesOrNoRadio.render = render;// TODO: rearrange so that these are default installed by app.use(Trees);
-var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});var install = function installTrees(app) {
+var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,Toggle: Toggle,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});var install = function installTrees(app) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -11517,7 +11655,7 @@ var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: Act
     app.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default': install,BaseAPI: BaseAPI,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default': install,BaseAPI: BaseAPI,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,Toggle: Toggle,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});// only expose one global var, with component exports exposed as properties of
 // that global var (eg. plugin.component)
 Object.entries(components).forEach(function (_ref) {