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.esm.js CHANGED Viewed

@@ -2216,7 +2216,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,
@@ -2752,7 +2752,7 @@ var ForcePortalRoot = /*#__PURE__*/defineComponent({
     return function () {
       var passThroughProps = _objectWithoutPropertiesLoose(props, ["force"]);
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: {},
         slots: slots,
@@ -2813,7 +2813,7 @@ var Portal = /*#__PURE__*/defineComponent({
       // with it. Once this is fixed upstream we can remove this assertion.
       Teleport, {
         to: myTarget.value
-      }, render$A({
+      }, render$B({
         props: _extends({}, props, propsWeControl),
         slot: {},
         attrs: attrs,
@@ -2849,7 +2849,7 @@ var PortalGroup = /*#__PURE__*/defineComponent({
     return function () {
       var passThroughProps = _objectWithoutPropertiesLoose(props, ["target"]);
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: {},
         attrs: attrs,
@@ -2999,7 +2999,7 @@ var Dialog = /*#__PURE__*/defineComponent({
           return h(ForcePortalRoot, {
             force: false
           }, function () {
-            return render$A({
+            return render$B({
               props: _extends({}, passThroughProps, propsWeControl),
               slot: slot,
               attrs: _this.$attrs,
@@ -3178,7 +3178,7 @@ var DialogOverlay = /*#__PURE__*/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
@@ -3216,7 +3216,7 @@ var DialogTitle = /*#__PURE__*/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
@@ -3330,7 +3330,7 @@ var Disclosure = /*#__PURE__*/defineComponent({
         open: disclosureState.value === DisclosureStates.Open,
         close: api.close
       };
-      return render$A({
+      return render$B({
         props: passThroughProps,
         slot: slot,
         slots: slots,
@@ -3373,7 +3373,7 @@ var DisclosureButton = /*#__PURE__*/defineComponent({
       onKeydown: this.handleKeyDown,
       onKeyup: this.handleKeyUp
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -3467,7 +3467,7 @@ var DisclosurePanel = /*#__PURE__*/defineComponent({
       id: this.id,
       ref: 'el'
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -3749,7 +3749,7 @@ var Menu = /*#__PURE__*/defineComponent({
       var slot = {
         open: menuState.value === MenuStates.Open
       };
-      return render$A({
+      return render$B({
         props: props,
         slot: slot,
         slots: slots,
@@ -3789,7 +3789,7 @@ var MenuButton = /*#__PURE__*/defineComponent({
       onKeyup: this.handleKeyUp,
       onClick: this.handleClick
     };
-    return render$A({
+    return render$B({
       props: _extends({}, this.$props, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -3916,7 +3916,7 @@ var MenuItems = /*#__PURE__*/defineComponent({
       ref: 'el'
     };
     var passThroughProps = this.$props;
-    return render$A({
+    return render$B({
       props: _extends({}, passThroughProps, propsWeControl),
       slot: slot,
       attrs: this.$attrs,
@@ -4158,7 +4158,7 @@ var MenuItem = /*#__PURE__*/defineComponent({
         onPointerleave: handleLeave,
         onMouseleave: handleLeave
       };
-      return render$A({
+      return render$B({
         props: _extends({}, props, propsWeControl),
         slot: slot,
         attrs: attrs,
@@ -4183,6 +4183,83 @@ var OptionState;
   OptionState[OptionState["Active"] = 2] = "Active";
 })(OptionState || (OptionState = {}));
+var GroupContext = /*#__PURE__*/Symbol('GroupContext'); // ---
+var Switch = /*#__PURE__*/defineComponent({
+  name: 'Switch',
+  emits: ['update:modelValue'],
+  props: {
+    as: {
+      type: [Object, String],
+      "default": 'button'
+    },
+    modelValue: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  render: function render$1() {
+    var api = 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 = 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
@@ -4543,7 +4620,7 @@ var TransitionChild = /*#__PURE__*/defineComponent({
       ref: 'el'
     };
     var passthroughProps = rest;
-    return render$A({
+    return render$B({
       props: _extends({}, passthroughProps, propsWeControl),
       slot: {},
       slots: this.$slots,
@@ -4743,7 +4820,7 @@ var TransitionRoot = /*#__PURE__*/defineComponent({
     var sharedProps = {
       unmount: unmount
     };
-    return render$A({
+    return render$B({
       props: _extends({}, sharedProps, {
         as: 'template'
       }),
@@ -4821,7 +4898,7 @@ var TransitionRoot = /*#__PURE__*/defineComponent({
   }
 });
-function render$z(_ctx, _cache) {
+function render$A(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -4835,7 +4912,7 @@ function render$z(_ctx, _cache) {
   ]))
 }
-function render$y(_ctx, _cache) {
+function render$z(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -4845,7 +4922,7 @@ function render$y(_ctx, _cache) {
   ]))
 }
-function render$x(_ctx, _cache) {
+function render$y(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -4859,17 +4936,17 @@ function render$x(_ctx, _cache) {
   ]))
 }
-var _dec$q, _dec2$o, _dec3$m, _dec4$i, _class$q, _class2$o, _descriptor$o, _descriptor2$l, _descriptor3$h;
-let ActionsDropdown = (_dec$q = Options({
+var _dec$r, _dec2$p, _dec3$m, _dec4$i, _class$r, _class2$p, _descriptor$p, _descriptor2$l, _descriptor3$h;
+let ActionsDropdown = (_dec$r = Options({
   components: {
-    DotsVerticalIcon: render$y,
+    DotsVerticalIcon: render$z,
     Menu,
     MenuButton,
     MenuItem,
     MenuItems
   },
   name: "ActionsDropdown"
-}), _dec2$o = Prop({
+}), _dec2$p = Prop({
   type: Object,
   required: true
 }), _dec3$m = Prop({
@@ -4878,11 +4955,11 @@ let ActionsDropdown = (_dec$q = Options({
 }), _dec4$i = Prop({
   type: Object,
   required: true
-}), _dec$q(_class$q = (_class2$o = class ActionsDropdown extends Vue {
+}), _dec$r(_class$r = (_class2$p = class ActionsDropdown extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "currentUser", _descriptor$o, this);
+    _initializerDefineProperty(this, "currentUser", _descriptor$p, this);
     _initializerDefineProperty(this, "items", _descriptor2$l, this);
@@ -4916,31 +4993,31 @@ let ActionsDropdown = (_dec$q = Options({
     return item.show(this.propsData, this.currentUser);
   }
-}, (_descriptor$o = _applyDecoratedDescriptor(_class2$o.prototype, "currentUser", [_dec2$o], {
+}, (_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);
+})), _class2$p)) || _class$r);
-const _hoisted_1$j = /*#__PURE__*/createVNode("span", {
+const _hoisted_1$k = /*#__PURE__*/createVNode("span", {
   class: "sr-only"
 }, "Open options", -1);
 const _hoisted_2$h = {
   class: "py-1"
 };
-function render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DotsVerticalIcon = resolveComponent("DotsVerticalIcon");
   const _component_MenuButton = resolveComponent("MenuButton");
@@ -4959,7 +5036,7 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
       class: "w-8 h-8 bg-white inline-flex items-center justify-center text-gray-400 rounded-full hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",
       disabled: !_ctx.hasActionItems
     }, {
-      default: withCtx(() => [_hoisted_1$j, createVNode(_component_DotsVerticalIcon, {
+      default: withCtx(() => [_hoisted_1$k, createVNode(_component_DotsVerticalIcon, {
         class: "w-5 h-5",
         "aria-hidden": "true"
       })]),
@@ -5001,39 +5078,39 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
-ActionsDropdown.render = render$w;
+ActionsDropdown.render = render$x;
-var _dec$p, _dec2$n, _class$p, _class2$n, _descriptor$n;
-let Cards = (_dec$p = Options({
+var _dec$q, _dec2$o, _class$q, _class2$o, _descriptor$o;
+let Cards = (_dec$q = Options({
   name: "Cards"
-}), _dec2$n = Prop({
+}), _dec2$o = Prop({
   type: Array,
   required: true
-}), _dec$p(_class$p = (_class2$n = class Cards extends Vue {
+}), _dec$q(_class$q = (_class2$o = class Cards extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "cards", _descriptor$n, this);
+    _initializerDefineProperty(this, "cards", _descriptor$o, this);
   }
-}, (_descriptor$n = _applyDecoratedDescriptor(_class2$n.prototype, "cards", [_dec2$n], {
+}, (_descriptor$o = _applyDecoratedDescriptor(_class2$o.prototype, "cards", [_dec2$o], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$n)) || _class$p);
+})), _class2$o)) || _class$q);
-const _hoisted_1$i = {
+const _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 openBlock(), createBlock("div", {
     class: ["mt-5 grid grid-cols-1 gap-5", 'lg:grid-cols-' + _ctx.cards.length]
   }, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.cards, (card, idx) => {
     return openBlock(), createBlock("div", {
       class: "bg-white overflow-hidden shadow rounded-lg",
       key: idx
-    }, [createVNode("div", _hoisted_1$i, [createVNode("dl", null, [createVNode("dd", {
+    }, [createVNode("div", _hoisted_1$j, [createVNode("dl", null, [createVNode("dd", {
       class: "mt-1 text-3xl leading-9 font-semibold text-xy-blue",
       textContent: toDisplayString(card.primary)
     }, null, 8, ["textContent"]), createVNode("dt", {
@@ -5043,10 +5120,10 @@ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))], 2);
 }
-Cards.render = render$v;
+Cards.render = render$w;
-var _dec$o, _dec2$m, _dec3$l, _dec4$h, _class$o, _class2$m, _descriptor$m, _descriptor2$k;
-let ContentModal = (_dec$o = Options({
+var _dec$p, _dec2$n, _dec3$l, _dec4$h, _class$p, _class2$n, _descriptor$n, _descriptor2$k;
+let ContentModal = (_dec$p = Options({
   components: {
     Dialog,
     DialogOverlay,
@@ -5055,17 +5132,17 @@ let ContentModal = (_dec$o = Options({
     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 = class ContentModal extends Vue {
+}), _dec4$h = Emit("update:modelValue"), _dec$p(_class$p = (_class2$n = class ContentModal extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "modelValue", _descriptor$m, this);
+    _initializerDefineProperty(this, "modelValue", _descriptor$n, this);
     _initializerDefineProperty(this, "title", _descriptor2$k, this);
   }
@@ -5074,19 +5151,19 @@ let ContentModal = (_dec$o = Options({
     return value;
   }
-}, (_descriptor$m = _applyDecoratedDescriptor(_class2$m.prototype, "modelValue", [_dec2$m], {
+}, (_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);
+}), _applyDecoratedDescriptor(_class2$n.prototype, "updateModelValue", [_dec4$h], Object.getOwnPropertyDescriptor(_class2$n.prototype, "updateModelValue"), _class2$n.prototype)), _class2$n)) || _class$p);
-const _hoisted_1$h = {
+const _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"
 };
@@ -5107,7 +5184,7 @@ const _hoisted_5$a = {
 const _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) {
   const _component_DialogOverlay = resolveComponent("DialogOverlay");
   const _component_TransitionChild = resolveComponent("TransitionChild");
@@ -5129,7 +5206,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
       onClose: _cache[2] || (_cache[2] = $event => _ctx.updateModelValue(false)),
       open: _ctx.modelValue
     }, {
-      default: withCtx(() => [createVNode("div", _hoisted_1$h, [createVNode(_component_TransitionChild, {
+      default: withCtx(() => [createVNode("div", _hoisted_1$i, [createVNode(_component_TransitionChild, {
         as: "template",
         enter: "ease-out duration-300",
         "enter-from": "opacity-0",
@@ -5167,7 +5244,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["show"]);
 }
-ContentModal.render = render$u;
+ContentModal.render = render$v;
 const CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
@@ -7660,38 +7737,38 @@ function styleInject(css, ref) {
 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;
-let InputLabel = (_dec$n = Options({
+var _dec$o, _dec2$m, _dec3$k, _class$o, _class2$m, _descriptor$m, _descriptor2$j;
+let 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 = class InputLabel extends Vue {
+}), _dec$o(_class$o = (_class2$m = class InputLabel extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "label", _descriptor$l, this);
+    _initializerDefineProperty(this, "label", _descriptor$m, this);
     _initializerDefineProperty(this, "tag", _descriptor2$j, this);
   }
-}, (_descriptor$l = _applyDecoratedDescriptor(_class2$l.prototype, "label", [_dec2$l], {
+}, (_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);
+})), _class2$m)) || _class$o);
-function render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.label ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
     key: 0
   }, { ..._ctx.$attrs,
@@ -7702,40 +7779,40 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   }, 16)) : createCommentVNode("", true);
 }
-InputLabel.render = render$t;
+InputLabel.render = render$u;
-var _dec$m, _dec2$k, _dec3$j, _class$m, _class2$k, _descriptor$k, _descriptor2$i;
-let InputHelp = (_dec$m = Options({
+var _dec$n, _dec2$l, _dec3$j, _class$n, _class2$l, _descriptor$l, _descriptor2$i;
+let 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 = class InputHelp extends Vue {
+}), _dec$n(_class$n = (_class2$l = class InputHelp extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "text", _descriptor$k, this);
+    _initializerDefineProperty(this, "text", _descriptor$l, this);
     _initializerDefineProperty(this, "tag", _descriptor2$i, this);
   }
-}, (_descriptor$k = _applyDecoratedDescriptor(_class2$k.prototype, "text", [_dec2$k], {
+}, (_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);
+})), _class2$l)) || _class$n);
-function render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.text ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
     key: 0
   }, { ..._ctx.$attrs,
@@ -7746,16 +7823,16 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   }, 16)) : createCommentVNode("", true);
 }
-InputHelp.render = render$s;
+InputHelp.render = render$t;
-var _dec$l, _dec2$j, _dec3$i, _dec4$g, _dec5$c, _class$l, _class2$j, _descriptor$j, _descriptor2$h, _descriptor3$g, _descriptor4$7;
-let BaseInput = (_dec$l = Options({
+var _dec$m, _dec2$k, _dec3$i, _dec4$g, _dec5$c, _class$m, _class2$k, _descriptor$k, _descriptor2$h, _descriptor3$g, _descriptor4$7;
+let BaseInput = (_dec$m = Options({
   name: "BaseInput",
   components: {
     InputLabel,
     InputHelp
   }
-}), _dec2$j = Prop({
+}), _dec2$k = Prop({
   type: String,
   required: true
 }), _dec3$i = Prop({
@@ -7767,11 +7844,11 @@ let BaseInput = (_dec$l = Options({
 }), _dec5$c = Prop({
   type: [String, Number],
   required: false
-}), _dec$l(_class$l = (_class2$j = class BaseInput extends Vue {
+}), _dec$m(_class$m = (_class2$k = class BaseInput extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "type", _descriptor$j, this);
+    _initializerDefineProperty(this, "type", _descriptor$k, this);
     _initializerDefineProperty(this, "label", _descriptor2$h, this);
@@ -7791,29 +7868,29 @@ let BaseInput = (_dec$l = Options({
     return typeof this.type === "string" && this.textInputTypes.includes(this.type);
   }
-}, (_descriptor$j = _applyDecoratedDescriptor(_class2$j.prototype, "type", [_dec2$j], {
+}, (_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);
+})), _class2$k)) || _class$m);
-function render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InputLabel = resolveComponent("InputLabel");
   const _component_InputHelp = resolveComponent("InputHelp");
@@ -7838,15 +7915,15 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "text"])], 64);
 }
-BaseInput.render = render$r;
+BaseInput.render = render$s;
-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;
-let DateRangePicker = (_dec$k = Options({
+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;
+let DateRangePicker = (_dec$l = Options({
   name: "DateRangePicker",
   components: {
     BaseInput
   }
-}), _dec2$i = Prop({
+}), _dec2$j = Prop({
   type: Object,
   required: true
 }), _dec3$h = Prop({
@@ -7858,11 +7935,11 @@ let DateRangePicker = (_dec$k = Options({
 }), _dec5$b = Prop({
   type: String,
   required: false
-}), _dec6$7 = Emit("update:modelValue"), _dec$k(_class$k = (_class2$i = class DateRangePicker extends Vue {
+}), _dec6$7 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = class DateRangePicker extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "modelValue", _descriptor$i, this);
+    _initializerDefineProperty(this, "modelValue", _descriptor$j, this);
     _initializerDefineProperty(this, "startDate", _descriptor2$g, this);
@@ -7900,29 +7977,29 @@ let DateRangePicker = (_dec$k = Options({
     });
   }
-}, (_descriptor$i = _applyDecoratedDescriptor(_class2$i.prototype, "modelValue", [_dec2$i], {
+}, (_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);
+}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);
-function render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseInput = resolveComponent("BaseInput");
   return openBlock(), createBlock(_component_BaseInput, {
@@ -7934,15 +8011,15 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "label", "help"]);
 }
-DateRangePicker.render = render$q;
+DateRangePicker.render = render$r;
-var _dec$j, _dec2$h, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$j, _class2$h, _descriptor$h, _descriptor2$f, _descriptor3$e;
-let DateFilter = (_dec$j = Options({
+var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
+let DateFilter = (_dec$k = Options({
   components: {
     DateRangePicker
   },
   name: "DateFilter"
-}), _dec2$h = Prop({
+}), _dec2$i = Prop({
   type: Object,
   required: true
 }), _dec3$g = Prop({
@@ -7951,11 +8028,11 @@ let DateFilter = (_dec$j = Options({
 }), _dec4$e = Prop({
   type: String,
   required: true
-}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$j(_class$j = (_class2$h = class DateFilter extends Vue {
+}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$k(_class$k = (_class2$i = class DateFilter extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "dateRange", _descriptor$h, this);
+    _initializerDefineProperty(this, "dateRange", _descriptor$i, this);
     _initializerDefineProperty(this, "sortDir", _descriptor2$f, this);
@@ -7970,24 +8047,24 @@ let DateFilter = (_dec$j = Options({
     return dateRange;
   }
-}, (_descriptor$h = _applyDecoratedDescriptor(_class2$h.prototype, "dateRange", [_dec2$h], {
+}, (_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);
+}), _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);
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100"
 };
 const _hoisted_2$f = {
@@ -8008,10 +8085,10 @@ const _hoisted_6$9 = /*#__PURE__*/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) {
   const _component_DateRangePicker = resolveComponent("DateRangePicker");
-  return openBlock(), createBlock("div", _hoisted_1$g, [createVNode("div", _hoisted_2$f, [createVNode("h1", _hoisted_3$b, toDisplayString(_ctx.title), 1)]), createVNode("div", _hoisted_4$9, [createVNode("select", {
+  return openBlock(), createBlock("div", _hoisted_1$h, [createVNode("div", _hoisted_2$f, [createVNode("h1", _hoisted_3$b, toDisplayString(_ctx.title), 1)]), createVNode("div", _hoisted_4$9, [createVNode("select", {
     onChange: _cache[1] || (_cache[1] = $event => _ctx.sortDirChanged($event.target.value)),
     class: "block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
   }, [_hoisted_5$9, _hoisted_6$9], 32), createVNode(_component_DateRangePicker, {
@@ -8021,19 +8098,19 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["modelValue"])])]);
 }
-DateFilter.render = render$p;
+DateFilter.render = render$q;
-var _dec$i, _dec2$g, _dec3$f, _class$i, _class2$g, _descriptor$g;
-let Paginator = (_dec$i = Options({
+var _dec$j, _dec2$h, _dec3$f, _class$j, _class2$h, _descriptor$h;
+let 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 = class Paginator extends Vue {
+}), _dec3$f = Emit("update:modelValue"), _dec$j(_class$j = (_class2$h = class Paginator extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "modelValue", _descriptor$g, this);
+    _initializerDefineProperty(this, "modelValue", _descriptor$h, this);
   }
   updateModelValue() {
@@ -8094,14 +8171,14 @@ let Paginator = (_dec$i = Options({
     return this.modelValue.totalItems === 0 ? 0 : start;
   }
-}, (_descriptor$g = _applyDecoratedDescriptor(_class2$g.prototype, "modelValue", [_dec2$g], {
+}, (_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);
+}), _applyDecoratedDescriptor(_class2$h.prototype, "updateModelValue", [_dec3$f], Object.getOwnPropertyDescriptor(_class2$h.prototype, "updateModelValue"), _class2$h.prototype)), _class2$h)) || _class$j);
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   class: "px-4 flex items-center justify-between sm:px-0"
 };
 const _hoisted_2$e = {
@@ -8139,8 +8216,8 @@ const _hoisted_8$6 = /*#__PURE__*/createVNode("svg", {
   "clip-rule": "evenodd"
 })], -1);
-function render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", _hoisted_1$f, [createVNode("div", _hoisted_2$e, [createVNode("a", {
+function render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock("div", _hoisted_1$g, [createVNode("div", _hoisted_2$e, [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] = withModifiers($event => _ctx.changePage(_ctx.modelValue.page - 1), ["prevent"]))
@@ -8159,16 +8236,16 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   }, [_hoisted_7$8, _hoisted_8$6], 2)])]);
 }
-Paginator.render = render$o;
+Paginator.render = render$p;
-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;
-let DetailList = (_dec$h = Options({
+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;
+let DetailList = (_dec$i = Options({
   components: {
     DateFilter,
     Paginator
   },
   name: "DetailList"
-}), _dec2$f = Prop({
+}), _dec2$g = Prop({
   type: Number,
   required: false
 }), _dec3$e = Prop({
@@ -8180,11 +8257,11 @@ let 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 = class DetailList extends Vue {
+}), _dec6$5 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = class DetailList extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "refreshTrigger", _descriptor$f, this);
+    _initializerDefineProperty(this, "refreshTrigger", _descriptor$g, this);
     _initializerDefineProperty(this, "reloadTrigger", _descriptor2$e, this);
@@ -8254,33 +8331,33 @@ let DetailList = (_dec$h = Options({
     });
   }
-}, (_descriptor$f = _applyDecoratedDescriptor(_class2$f.prototype, "refreshTrigger", [_dec2$f], {
+}, (_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);
+}), _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);
-const _hoisted_1$e = {
+const _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) {
   const _component_DateFilter = resolveComponent("DateFilter");
   const _component_Paginator = resolveComponent("Paginator");
@@ -8291,7 +8368,7 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
     title: _ctx.title,
     onSortDirChanged: _cache[1] || (_cache[1] = $event => _ctx.sortDir = $event),
     onDateRangeChanged: _cache[2] || (_cache[2] = $event => _ctx.dateRange = $event)
-  }, null, 8, ["date-range", "sort-dir", "title"]), _ctx.hasContent ? (openBlock(), createBlock("div", _hoisted_1$e, [createVNode("ul", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.items, (item, idx) => {
+  }, null, 8, ["date-range", "sort-dir", "title"]), _ctx.hasContent ? (openBlock(), createBlock("div", _hoisted_1$f, [createVNode("ul", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.items, (item, idx) => {
     return openBlock(), createBlock("li", {
       key: idx,
       class: {
@@ -8309,42 +8386,42 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["modelValue"])) : createCommentVNode("", true)]);
 }
-DetailList.render = render$n;
+DetailList.render = render$o;
-var _dec$g, _dec2$e, _dec3$d, _class$g, _class2$e, _descriptor$e, _descriptor2$d;
-let DownloadCell = (_dec$g = Options({
+var _dec$h, _dec2$f, _dec3$d, _class$h, _class2$f, _descriptor$f, _descriptor2$d;
+let 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 = class DownloadCell extends Vue {
+}), _dec$h(_class$h = (_class2$f = class DownloadCell extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "propsData", _descriptor$e, this);
+    _initializerDefineProperty(this, "propsData", _descriptor$f, this);
     _initializerDefineProperty(this, "attribute", _descriptor2$d, this);
   }
-}, (_descriptor$e = _applyDecoratedDescriptor(_class2$e.prototype, "propsData", [_dec2$e], {
+}, (_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);
+})), _class2$f)) || _class$h);
-function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DownloadIcon = resolveComponent("DownloadIcon");
   return openBlock(), createBlock("a", {
@@ -8354,12 +8431,12 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["href"]);
 }
-DownloadCell.render = render$m;
+DownloadCell.render = render$n;
-var _dec$f, _class$f;
-let Flash = (_dec$f = Options({
+var _dec$g, _class$g;
+let Flash = (_dec$g = Options({
   name: "Flash"
-}), _dec$f(_class$f = class Flash extends Vue {
+}), _dec$g(_class$g = class Flash extends Vue {
   constructor(...args) {
     super(...args);
@@ -8430,9 +8507,9 @@ let Flash = (_dec$f = Options({
     });
   }
-}) || _class$f);
+}) || _class$g);
-const _hoisted_1$d = {
+const _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"
 };
 const _hoisted_2$d = {
@@ -8461,8 +8538,8 @@ const _hoisted_7$7 = /*#__PURE__*/createVNode("svg", {
   "clip-rule": "evenodd"
 })], -1);
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", _hoisted_1$d, [createVNode(TransitionGroup, {
+function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock("div", _hoisted_1$e, [createVNode(TransitionGroup, {
     tag: "div",
     class: "max-w-sm w-full",
     "enter-active-class": "ease-out duration-300",
@@ -8490,9 +8567,9 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
-Flash.render = render$l;
+Flash.render = render$m;
-function render$k(_ctx, _cache) {
+function render$l(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8508,7 +8585,7 @@ function render$k(_ctx, _cache) {
   ]))
 }
-function render$j(_ctx, _cache) {
+function render$k(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8524,7 +8601,7 @@ function render$j(_ctx, _cache) {
   ]))
 }
-function render$i(_ctx, _cache) {
+function render$j(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8540,7 +8617,7 @@ function render$i(_ctx, _cache) {
   ]))
 }
-function render$h(_ctx, _cache) {
+function render$i(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8556,7 +8633,7 @@ function render$h(_ctx, _cache) {
   ]))
 }
-function render$g(_ctx, _cache) {
+function render$h(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8572,7 +8649,7 @@ function render$g(_ctx, _cache) {
   ]))
 }
-function render$f(_ctx, _cache) {
+function render$g(_ctx, _cache) {
   return (openBlock(), createBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -8588,19 +8665,19 @@ function render$f(_ctx, _cache) {
   ]))
 }
-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;
-let 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;
+let Modal = (_dec$f = Options({
   components: {
     Dialog,
     DialogOverlay,
     DialogTitle,
     TransitionChild,
     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({
@@ -8615,11 +8692,11 @@ let 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 = class Modal extends Vue {
+}), _dec7$2 = Emit(), _dec8$1 = Emit("update:modelValue"), _dec$f(_class$f = (_class2$e = class Modal extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "destructive", _descriptor$d, this);
+    _initializerDefineProperty(this, "destructive", _descriptor$e, this);
     _initializerDefineProperty(this, "disabled", _descriptor2$c, this);
@@ -8638,34 +8715,34 @@ let Modal = (_dec$e = Options({
     return value;
   }
-}, (_descriptor$d = _applyDecoratedDescriptor(_class2$d.prototype, "destructive", [_dec2$d], {
+}, (_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);
+}), _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);
-const _hoisted_1$c = {
+const _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"
 };
@@ -8698,7 +8775,7 @@ const _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) {
   const _component_DialogOverlay = resolveComponent("DialogOverlay");
   const _component_TransitionChild = resolveComponent("TransitionChild");
@@ -8722,7 +8799,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
       onClose: _cache[4] || (_cache[4] = $event => _ctx.updateModelValue(false)),
       open: _ctx.modelValue
     }, {
-      default: withCtx(() => [createVNode("div", _hoisted_1$c, [createVNode(_component_TransitionChild, {
+      default: withCtx(() => [createVNode("div", _hoisted_1$d, [createVNode(_component_TransitionChild, {
         as: "template",
         enter: "ease-out duration-300",
         "enter-from": "opacity-0",
@@ -8775,12 +8852,12 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["show"]);
 }
-Modal.render = render$e;
+Modal.render = render$f;
-var _dec$d, _class$d;
-let Spinner = (_dec$d = Options({
+var _dec$e, _class$e;
+let Spinner = (_dec$e = Options({
   name: "Spinner"
-}), _dec$d(_class$d = class Spinner extends Vue {
+}), _dec$e(_class$e = class Spinner extends Vue {
   constructor(...args) {
     super(...args);
@@ -8837,9 +8914,9 @@ let Spinner = (_dec$d = Options({
     }, 2500);
   }
-}) || _class$d);
+}) || _class$e);
-const _hoisted_1$b = {
+const _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"
 };
@@ -8908,8 +8985,8 @@ const _hoisted_2$b = /*#__PURE__*/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 ? (openBlock(), createBlock("div", _hoisted_1$b, [createVNode("div", null, [_hoisted_2$b, withDirectives(createVNode("div", null, [createVNode(Transition, {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.loading ? (openBlock(), createBlock("div", _hoisted_1$c, [createVNode("div", null, [_hoisted_2$b, withDirectives(createVNode("div", null, [createVNode(Transition, {
     appear: "",
     "enter-active-class": "ease-out duration-1000",
     "enter-from-class": "opacity-0",
@@ -8927,10 +9004,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["onAfterEnter", "onAfterLeave"])], 512), [[vShow, _ctx.messages]])])])) : createCommentVNode("", true);
 }
-Spinner.render = render$d;
+Spinner.render = render$e;
-var _dec$c, _dec2$c, _dec3$b, _dec4$b, _dec5$7, _class$c, _class2$c, _descriptor$c, _descriptor2$b, _descriptor3$b, _descriptor4$3;
-let SidebarLayout = (_dec$c = Options({
+var _dec$d, _dec2$d, _dec3$b, _dec4$b, _dec5$7, _class$d, _class2$d, _descriptor$d, _descriptor2$b, _descriptor3$b, _descriptor4$3;
+let SidebarLayout = (_dec$d = Options({
   components: {
     Flash,
     Spinner,
@@ -8942,13 +9019,13 @@ let SidebarLayout = (_dec$c = Options({
     MenuItems,
     TransitionChild,
     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({
@@ -8960,11 +9037,11 @@ let SidebarLayout = (_dec$c = Options({
 }), _dec5$7 = Prop({
   type: Array,
   required: true
-}), _dec$c(_class$c = (_class2$c = class SidebarLayout extends Vue {
+}), _dec$d(_class$d = (_class2$d = class SidebarLayout extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "activeURL", _descriptor$c, this);
+    _initializerDefineProperty(this, "activeURL", _descriptor$d, this);
     _initializerDefineProperty(this, "iconURL", _descriptor2$b, this);
@@ -8979,29 +9056,29 @@ let SidebarLayout = (_dec$c = Options({
     return this.activeURL === url;
   }
-}, (_descriptor$c = _applyDecoratedDescriptor(_class2$c.prototype, "activeURL", [_dec2$c], {
+}, (_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);
+})), _class2$d)) || _class$d);
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   class: "h-screen flex overflow-hidden bg-gray-100"
 };
 const _hoisted_2$a = {
@@ -9082,7 +9159,7 @@ const _hoisted_23 = {
 const _hoisted_24 = {
   class: "mx-auto"
 };
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DialogOverlay = resolveComponent("DialogOverlay");
   const _component_TransitionChild = resolveComponent("TransitionChild");
@@ -9109,7 +9186,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spinner = resolveComponent("Spinner");
-  return openBlock(), createBlock(Fragment, null, [createVNode("div", _hoisted_1$a, [createVNode(_component_TransitionRoot, {
+  return openBlock(), createBlock(Fragment, null, [createVNode("div", _hoisted_1$b, [createVNode(_component_TransitionRoot, {
     as: "template",
     show: _ctx.sidebarOpen
   }, {
@@ -9243,10 +9320,10 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   })])])]), createVNode("main", _hoisted_23, [createVNode("div", _hoisted_24, [renderSlot(_ctx.$slots, "default")])])])]), createVNode(_component_Flash), createVNode(_component_Spinner)], 64);
 }
-SidebarLayout.render = render$c;
+SidebarLayout.render = render$d;
-var _dec$b, _dec2$b, _dec3$a, _dec4$a, _dec5$6, _class$b, _class2$b, _descriptor$b, _descriptor2$a, _descriptor3$a;
-let Slideover = (_dec$b = Options({
+var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
+let Slideover = (_dec$c = Options({
   name: "Slideover",
   components: {
     Dialog,
@@ -9254,9 +9331,9 @@ let Slideover = (_dec$b = Options({
     DialogTitle,
     TransitionChild,
     TransitionRoot,
-    XIcon: render$f
+    XIcon: render$g
   }
-}), _dec2$b = Prop({
+}), _dec2$c = Prop({
   type: String,
   required: true
 }), _dec3$a = Prop({
@@ -9265,11 +9342,11 @@ let Slideover = (_dec$b = Options({
 }), _dec4$a = Prop({
   type: Boolean,
   required: true
-}), _dec5$6 = Emit(), _dec$b(_class$b = (_class2$b = class Slideover extends Vue {
+}), _dec5$6 = Emit(), _dec$c(_class$c = (_class2$c = class Slideover extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "header", _descriptor$b, this);
+    _initializerDefineProperty(this, "header", _descriptor$c, this);
     _initializerDefineProperty(this, "description", _descriptor2$a, this);
@@ -9280,24 +9357,24 @@ let Slideover = (_dec$b = Options({
     return;
   }
-}, (_descriptor$b = _applyDecoratedDescriptor(_class2$b.prototype, "header", [_dec2$b], {
+}, (_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);
+}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   class: "absolute inset-0 overflow-hidden"
 };
 const _hoisted_2$9 = {
@@ -9329,7 +9406,7 @@ const _hoisted_9$3 = {
 const _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) {
   const _component_DialogOverlay = resolveComponent("DialogOverlay");
   const _component_DialogTitle = resolveComponent("DialogTitle");
@@ -9353,7 +9430,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
       onClose: _cache[2] || (_cache[2] = $event => _ctx.close()),
       open: _ctx.modelValue
     }, {
-      default: withCtx(() => [createVNode("div", _hoisted_1$9, [createVNode(_component_DialogOverlay, {
+      default: withCtx(() => [createVNode("div", _hoisted_1$a, [createVNode(_component_DialogOverlay, {
         class: "absolute inset-0"
       }), createVNode("div", _hoisted_2$9, [createVNode(_component_TransitionChild, {
         as: "template",
@@ -9386,10 +9463,10 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["show"]);
 }
-Slideover.render = render$b;
+Slideover.render = render$c;
-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;
-let StackedLayout = (_dec$a = Options({
+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;
+let StackedLayout = (_dec$b = Options({
   components: {
     Flash,
     Spinner,
@@ -9400,13 +9477,13 @@ let StackedLayout = (_dec$a = Options({
     MenuButton,
     MenuItem,
     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({
@@ -9421,11 +9498,11 @@ let StackedLayout = (_dec$a = Options({
 }), _dec6$3 = Prop({
   type: Array,
   required: true
-}), _dec$a(_class$a = (_class2$a = class StackedLayout extends Vue {
+}), _dec$b(_class$b = (_class2$b = class StackedLayout extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "activeURL", _descriptor$a, this);
+    _initializerDefineProperty(this, "activeURL", _descriptor$b, this);
     _initializerDefineProperty(this, "currentUser", _descriptor2$9, this);
@@ -9442,34 +9519,34 @@ let StackedLayout = (_dec$a = Options({
     return this.activeURL === url;
   }
-}, (_descriptor$a = _applyDecoratedDescriptor(_class2$a.prototype, "activeURL", [_dec2$a], {
+}, (_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);
+})), _class2$b)) || _class$b);
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   class: "min-h-screen bg-gray-100"
 };
 const _hoisted_2$8 = {
@@ -9527,7 +9604,7 @@ const _hoisted_17$1 = {
 const _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) {
   const _component_UserCircleIcon = resolveComponent("UserCircleIcon");
   const _component_MenuButton = resolveComponent("MenuButton");
@@ -9552,7 +9629,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spinner = resolveComponent("Spinner");
-  return openBlock(), createBlock(Fragment, null, [createVNode("div", _hoisted_1$8, [createVNode(_component_Disclosure, {
+  return openBlock(), createBlock(Fragment, null, [createVNode("div", _hoisted_1$9, [createVNode(_component_Disclosure, {
     as: "nav",
     class: "bg-white shadow-sm"
   }, {
@@ -9653,19 +9730,19 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }), renderSlot(_ctx.$slots, "header"), createVNode("main", null, [createVNode("div", _hoisted_17$1, [createVNode("div", _hoisted_18, [renderSlot(_ctx.$slots, "default")])])])]), createVNode(_component_Flash), createVNode(_component_Spinner)], 64);
 }
-StackedLayout.render = render$a;
+StackedLayout.render = render$b;
-var _dec$9, _dec2$9, _class$9, _class2$9, _descriptor$9;
-let StaticTable = (_dec$9 = Options({
+var _dec$a, _dec2$a, _class$a, _class2$a, _descriptor$a;
+let StaticTable = (_dec$a = Options({
   name: "StaticTable"
-}), _dec2$9 = Prop({
+}), _dec2$a = Prop({
   type: Object,
   required: true
-}), _dec$9(_class$9 = (_class2$9 = class StaticTable extends Vue {
+}), _dec$a(_class$a = (_class2$a = class StaticTable extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "tableData", _descriptor$9, this);
+    _initializerDefineProperty(this, "tableData", _descriptor$a, this);
   }
   cellValue(item, col) {
@@ -9680,14 +9757,14 @@ let StaticTable = (_dec$9 = Options({
     return "";
   }
-}, (_descriptor$9 = _applyDecoratedDescriptor(_class2$9.prototype, "tableData", [_dec2$9], {
+}, (_descriptor$a = _applyDecoratedDescriptor(_class2$a.prototype, "tableData", [_dec2$a], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-})), _class2$9)) || _class$9);
+})), _class2$a)) || _class$a);
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   class: "flex flex-col"
 };
 const _hoisted_2$7 = {
@@ -9708,8 +9785,8 @@ const _hoisted_6$2 = {
 const _hoisted_7$2 = {
   key: 0
 };
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", _hoisted_1$7, [createVNode("div", _hoisted_2$7, [createVNode("div", _hoisted_3$4, [createVNode("div", _hoisted_4$2, [createVNode("table", _hoisted_5$2, [createVNode("thead", null, [createVNode("tr", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, idx) => {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock("div", _hoisted_1$8, [createVNode("div", _hoisted_2$7, [createVNode("div", _hoisted_3$4, [createVNode("div", _hoisted_4$2, [createVNode("table", _hoisted_5$2, [createVNode("thead", null, [createVNode("tr", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, idx) => {
     return openBlock(), 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,
@@ -9738,12 +9815,12 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, " No items were found! ", 8, ["colspan"])])) : createCommentVNode("", true)])])])])])]);
 }
-StaticTable.render = render$9;
+StaticTable.render = render$a;
-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;
-let Steps = (_dec$8 = Options({
+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;
+let Steps = (_dec$9 = Options({
   name: "Steps"
-}), _dec2$8 = Prop({
+}), _dec2$9 = Prop({
   type: Boolean,
   required: false
 }), _dec3$8 = Prop({
@@ -9758,11 +9835,11 @@ let Steps = (_dec$8 = Options({
 }), _dec6$2 = Prop({
   type: Number,
   required: true
-}), _dec7$1 = Emit(), _dec8 = Emit(), _dec$8(_class$8 = (_class2$8 = class Steps extends Vue {
+}), _dec7$1 = Emit(), _dec8 = Emit(), _dec$9(_class$9 = (_class2$9 = class Steps extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "hideActions", _descriptor$8, this);
+    _initializerDefineProperty(this, "hideActions", _descriptor$9, this);
     _initializerDefineProperty(this, "hidePrevious", _descriptor2$8, this);
@@ -9781,34 +9858,34 @@ let Steps = (_dec$8 = Options({
     return;
   }
-}, (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "hideActions", [_dec2$8], {
+}, (_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);
+}), _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);
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   class: "flex items-center justify-center space-x-8"
 };
 const _hoisted_2$6 = {
@@ -9852,8 +9929,8 @@ const _hoisted_10$1 = {
 const _hoisted_11$1 = {
   class: "ml-3 inline-flex rounded-md shadow-sm"
 };
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", null, [createVNode("nav", _hoisted_1$6, [createVNode("p", _hoisted_2$6, "Step " + toDisplayString(_ctx.step) + " of " + toDisplayString(_ctx.total), 1), createVNode("ul", _hoisted_3$3, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.total, index => {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock("div", null, [createVNode("nav", _hoisted_1$7, [createVNode("p", _hoisted_2$6, "Step " + toDisplayString(_ctx.step) + " of " + toDisplayString(_ctx.total), 1), createVNode("ul", _hoisted_3$3, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.total, index => {
     return openBlock(), createBlock("li", {
       key: index
     }, [_ctx.step > index ? (openBlock(), createBlock("span", _hoisted_4$1)) : _ctx.step === index ? (openBlock(), createBlock("div", _hoisted_5$1, [_hoisted_6$1, _hoisted_7$1])) : (openBlock(), createBlock("span", _hoisted_8$1))]);
@@ -9869,16 +9946,16 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["textContent"])])])) : createCommentVNode("", true)]);
 }
-Steps.render = render$8;
+Steps.render = render$9;
-var _dec$7, _dec2$7, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$7, _class2$7, _descriptor$7, _descriptor2$7, _descriptor3$7;
-let Table = (_dec$7 = Options({
+var _dec$8, _dec2$8, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$8, _class2$8, _descriptor$8, _descriptor2$7, _descriptor3$7;
+let Table = (_dec$8 = Options({
   components: {
     DateRangePicker,
     Paginator
   },
   name: "Table"
-}), _dec2$7 = Prop({
+}), _dec2$8 = Prop({
   type: Boolean,
   required: false,
   default: false
@@ -9889,11 +9966,11 @@ let 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 = class Table extends Vue {
+}), _dec5$3 = Watch("tableData.refreshTrigger"), _dec6$1 = Watch("tableData.reloadTrigger"), _dec$8(_class$8 = (_class2$8 = class Table extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "clickable", _descriptor$7, this);
+    _initializerDefineProperty(this, "clickable", _descriptor$8, this);
     _initializerDefineProperty(this, "loader", _descriptor2$7, this);
@@ -10003,24 +10080,24 @@ let Table = (_dec$7 = Options({
     return this.items.length ? true : false;
   }
-}, (_descriptor$7 = _applyDecoratedDescriptor(_class2$7.prototype, "clickable", [_dec2$7], {
+}, (_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);
+}), _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);
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "flex flex-col mb-4 space-y-4 lg:space-y-0 lg:flex-row lg:justify-between"
 };
 const _hoisted_2$5 = {
@@ -10112,12 +10189,12 @@ const _hoisted_16 = {
 const _hoisted_17 = {
   key: 0
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_DateRangePicker = resolveComponent("DateRangePicker");
   const _component_Paginator = resolveComponent("Paginator");
-  return openBlock(), createBlock("div", null, [createVNode("div", _hoisted_1$5, [_ctx.tableData.search ? (openBlock(), createBlock("div", _hoisted_2$5, [_hoisted_3$2, createVNode("div", _hoisted_4, [_hoisted_5, withDirectives(createVNode("input", {
+  return openBlock(), createBlock("div", null, [createVNode("div", _hoisted_1$6, [_ctx.tableData.search ? (openBlock(), createBlock("div", _hoisted_2$5, [_hoisted_3$2, createVNode("div", _hoisted_4, [_hoisted_5, withDirectives(createVNode("input", {
     class: "pl-10",
     type: "search",
     "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.query = $event),
@@ -10169,12 +10246,12 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["modelValue"])) : createCommentVNode("", true)]);
 }
-Table.render = render$7;
+Table.render = render$8;
-var _dec$6, _dec2$6, _dec3$6, _dec4$6, _dec5$2, _class$6, _class2$6, _descriptor$6, _descriptor2$6, _descriptor3$6;
-let Tabs = (_dec$6 = Options({
+var _dec$7, _dec2$7, _dec3$6, _dec4$6, _dec5$2, _class$7, _class2$7, _descriptor$7, _descriptor2$6, _descriptor3$6;
+let Tabs = (_dec$7 = Options({
   name: "Tabs"
-}), _dec2$6 = Prop({
+}), _dec2$7 = Prop({
   type: String,
   required: true
 }), _dec3$6 = Prop({
@@ -10183,11 +10260,11 @@ let Tabs = (_dec$6 = Options({
 }), _dec4$6 = Prop({
   type: Array,
   required: true
-}), _dec5$2 = Emit("update:modelValue"), _dec$6(_class$6 = (_class2$6 = class Tabs extends Vue {
+}), _dec5$2 = Emit("update:modelValue"), _dec$7(_class$7 = (_class2$7 = class Tabs extends Vue {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "modelValue", _descriptor$6, this);
+    _initializerDefineProperty(this, "modelValue", _descriptor$7, this);
     _initializerDefineProperty(this, "pillDesign", _descriptor2$6, this);
@@ -10229,24 +10306,24 @@ let Tabs = (_dec$6 = Options({
     return !this.pillDesign;
   }
-}, (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+}, (_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);
+}), _applyDecoratedDescriptor(_class2$7.prototype, "updateModelValue", [_dec5$2], Object.getOwnPropertyDescriptor(_class2$7.prototype, "updateModelValue"), _class2$7.prototype)), _class2$7)) || _class$7);
-const _hoisted_1$4 = /*#__PURE__*/createVNode("label", {
+const _hoisted_1$5 = /*#__PURE__*/createVNode("label", {
   for: "tabs",
   class: "sr-only"
 }, "Select a tab", -1);
@@ -10254,14 +10331,14 @@ const _hoisted_1$4 = /*#__PURE__*/createVNode("label", {
 const _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) {
   const _component_Select = resolveComponent("Select");
   return openBlock(), createBlock("div", null, [createVNode("div", {
     class: ["sm:hidden", {
       'mb-4': _ctx.pillDesign
     }]
-  }, [_hoisted_1$4, createVNode(_component_Select, {
+  }, [_hoisted_1$5, createVNode(_component_Select, {
     name: "tabs",
     modelValue: _ctx.modelValue,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.updateModelValue($event)),
@@ -10283,7 +10360,52 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))], 2)], 2)])]);
 }
-Tabs.render = render$6;
+Tabs.render = render$7;
+var _dec$6, _dec2$6, _class$6, _class2$6, _descriptor$6;
+let Toggle = (_dec$6 = Options({
+  name: "Toggle",
+  components: {
+    Switch
+  }
+}), _dec2$6 = Prop({
+  type: Boolean,
+  required: false
+}), _dec$6(_class$6 = (_class2$6 = class Toggle extends Vue {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "modelValue", _descriptor$6, this);
+  }
+}, (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2$6)) || _class$6);
+const _hoisted_1$4 = /*#__PURE__*/createVNode("span", {
+  class: "sr-only"
+}, "Use", -1);
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Switch = resolveComponent("Switch");
+  return openBlock(), 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] = $event => _ctx.$emit('update:modelValue', $event))
+  }, {
+    default: withCtx(() => [_hoisted_1$4, 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;
 let Checkbox = (_dec$5 = Options({
@@ -10519,13 +10641,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: `${_ctx.uuid}-${index}`,
+      name: _ctx.uuid,
       type: "radio",
       value: option.value
     }, { ..._ctx.$attrs,
       onChange: $event => {
         _ctx.$emit('update:modelValue', $event.target.value);
       }
-    }), null, 16, ["checked", "id", "value"]), createVNode("span", _hoisted_2$1, toDisplayString(option.label), 1)], 10, ["for"])]);
+    }), null, 16, ["checked", "id", "name", "value"]), createVNode("span", _hoisted_2$1, toDisplayString(option.label), 1)], 10, ["for"])]);
   }), 128))]);
 }
@@ -10778,11 +10901,11 @@ let YesOrNoRadio = (_dec = Options({
 })), _class2)) || _class);
 const _hoisted_1 = /*#__PURE__*/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);
 const _hoisted_2 = /*#__PURE__*/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) {
@@ -10801,13 +10924,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: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-true`,
+    name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: true,
     checked: _ctx.modelValue === true
   }, { ..._ctx.$attrs,
     onChange: $event => {
       _ctx.$emit('update:modelValue', $event.target.value === 'true');
     }
-  }), null, 16, ["id", "checked"]), _hoisted_1], 10, ["for"]), createVNode("label", {
+  }), null, 16, ["id", "name", "checked"]), _hoisted_1], 10, ["for"]), createVNode("label", {
     class: ["inline-flex items-center ml-6", {
       'cursor-not-allowed': _ctx.$attrs.disabled
     }],
@@ -10816,13 +10940,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: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-false`,
+    name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: false,
     checked: _ctx.modelValue === false
   }, { ..._ctx.$attrs,
     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;
@@ -10848,6 +10973,7 @@ var components = /*#__PURE__*/Object.freeze({
   Steps: Steps,
   Table: Table,
   Tabs: Tabs,
+  Toggle: Toggle,
   BaseInput: BaseInput,
   Checkbox: Checkbox,
   DateRangePicker: DateRangePicker,
@@ -10867,4 +10993,4 @@ const install = function installTrees(app) {
 }; // Create module definition for Vue.use()
 export default install;
-export { ActionsDropdown, BaseAPI, BaseInput, Cards, Checkbox, ContentModal, DateFilter, DateRangePicker, DetailList, DownloadCell, Flash, InputHelp, InputLabel, Modal, MultiCheckboxes, Paginator, Radio, Select, SidebarLayout, Slideover, Spinner, StackedLayout, StaticTable, Steps, Table, Tabs, TextArea, YesOrNoRadio };
+export { ActionsDropdown, BaseAPI, BaseInput, Cards, Checkbox, ContentModal, DateFilter, DateRangePicker, DetailList, DownloadCell, Flash, InputHelp, InputLabel, Modal, MultiCheckboxes, Paginator, Radio, Select, SidebarLayout, Slideover, Spinner, StackedLayout, StaticTable, Steps, Table, Tabs, TextArea, Toggle, YesOrNoRadio };