@xy-planning-network/trees 0.2.62 → 0.3.3

package/dist/trees.ssr.js

@@ -1720,8 +1720,9 @@ var axios_1 = axios$1;
 
 // Allow use of default import syntax in TypeScript
 var _default = axios$1;
-axios_1.default = _default;var axios = axios_1;var apiAxiosInstance = axios.create({
-  baseURL: process.env.VUE_APP_BASE_API_URL || "/api/v1",
+axios_1.default = _default;var axios = axios_1;var env = undefined || {};
+var apiAxiosInstance = axios.create({
+  baseURL: env.VITE_APP_BASE_API_URL || process.env.VUE_APP_BASE_API_URL || "/api/v1",
   responseType: "json",
   withCredentials: true
 });
@@ -5249,7 +5250,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: vue.withCtx(function () {
       return [vue.createVNode(_component_MenuButton, {
-        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",
+        class: "w-8 h-8 bg-white inline-flex items-center justify-center text-gray-700 rounded-full hover:text-gray-900 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: vue.withCtx(function () {
@@ -5283,7 +5284,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
                     var active = _ref.active;
                     return [vue.createVNode("button", {
                       type: "submit",
-                      class: [active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block w-full text-left px-4 py-2 text-sm'],
+                      class: [active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block w-full text-left px-4 py-2 text-sm font-semibold'],
                       textContent: vue.toDisplayString(item.label),
                       onClick: function onClick($event) {
                         return _ctx.emitEvent(item.event);
@@ -5349,7 +5350,7 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
       class: "mt-1 text-3xl leading-9 font-semibold text-xy-blue",
       textContent: vue.toDisplayString(card.primary)
     }, null, 8, ["textContent"]), vue.createVNode("dt", {
-      class: "text-sm leading-5 font-medium text-gray-500 truncate",
+      class: "text-sm leading-5 font-medium text-gray-700 truncate",
       textContent: vue.toDisplayString(card.secondary)
     }, null, 8, ["textContent"])])])]);
   }), 128))], 2);
@@ -8019,7 +8020,7 @@ var InputLabel = (_dec$o = Options({
   return _ctx.label ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
     key: 0
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
-    class: 'block my-2 text-sm font-semibold leading-snug text-gray-900'
+    class: 'block my-1 text-sm font-semibold leading-snug text-gray-900'
   })), {
     default: vue.withCtx(function () {
       return [vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)];
@@ -8074,7 +8075,7 @@ var InputHelp = (_dec$n = Options({
   return _ctx.text ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
     key: 0
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
-    class: 'my-2 text-sm leading-snug font-normal text-gray-500'
+    class: 'mt-2 text-sm leading-snug font-semibold text-gray-700'
   })), {
     default: vue.withCtx(function () {
       return [vue.createTextVNode(vue.toDisplayString(_ctx.text), 1)];
@@ -8176,7 +8177,7 @@ var BaseInput = (_dec$m = Options({
   }, null, 8, ["id", "for", "label"]), vue.createVNode("input", vue.mergeProps({
     "aria-labelledby": _ctx.label ? "".concat(_ctx.uuid, "-label") : undefined,
     "aria-describedby": _ctx.help ? "".concat(_ctx.uuid, "-help") : undefined,
-    class: ['mt-1', 'sm:text-sm'].concat(_toConsumableArray$1(_ctx.isTextType ? ['block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-300', 'rounded-md', 'w-full'] : [])),
+    class: ['mt-1', 'sm:text-sm'].concat(_toConsumableArray$1(_ctx.isTextType ? ['block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-600', 'rounded-md', 'w-full'] : [])),
     id: _ctx.uuid,
     placeholder: _ctx.label,
     type: _ctx.type,
@@ -8188,7 +8189,7 @@ var BaseInput = (_dec$m = Options({
     id: "".concat(_ctx.uuid, "-help"),
     text: _ctx.help
   }, null, 8, ["id", "text"])], 64);
-}BaseInput.render = render$s;var _dec$l, _dec2$j, _dec3$h, _dec4$f, _dec5$b, _dec6$7, _class$l, _class2$j, _descriptor$j, _descriptor2$g, _descriptor3$f, _descriptor4$6;
+}BaseInput.render = render$s;var _dec$l, _dec2$j, _dec3$h, _dec4$f, _dec5$b, _dec6$8, _class$l, _class2$j, _descriptor$j, _descriptor2$g, _descriptor3$f, _descriptor4$6;
 var DateRangePicker = (_dec$l = Options({
   name: "DateRangePicker",
   components: {
@@ -8206,7 +8207,7 @@ var DateRangePicker = (_dec$l = Options({
 }), _dec5$b = Prop({
   type: String,
   required: false
-}), _dec6$7 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = /*#__PURE__*/function (_Vue) {
+}), _dec6$8 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = /*#__PURE__*/function (_Vue) {
   _inherits$1(DateRangePicker, _Vue);
 
   var _super = _createSuper$1(DateRangePicker);
@@ -8289,7 +8290,7 @@ var DateRangePicker = (_dec$l = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);function render$r(_ctx, _cache, $props, $setup, $data, $options) {
+}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$8], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_BaseInput = vue.resolveComponent("BaseInput");
 
   return vue.openBlock(), vue.createBlock(_component_BaseInput, {
@@ -8299,7 +8300,7 @@ var DateRangePicker = (_dec$l = Options({
     label: _ctx.label,
     help: _ctx.help
   }, null, 8, ["id", "label", "help"]);
-}DateRangePicker.render = render$r;var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
+}DateRangePicker.render = render$r;var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$7, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
 var DateFilter = (_dec$k = Options({
   components: {
     DateRangePicker: DateRangePicker
@@ -8314,7 +8315,7 @@ var DateFilter = (_dec$k = Options({
 }), _dec4$e = Prop({
   type: String,
   required: true
-}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$k(_class$k = (_class2$i = /*#__PURE__*/function (_Vue) {
+}), _dec5$a = Emit(), _dec6$7 = Emit(), _dec$k(_class$k = (_class2$i = /*#__PURE__*/function (_Vue) {
   _inherits$1(DateFilter, _Vue);
 
   var _super = _createSuper$1(DateFilter);
@@ -8367,7 +8368,7 @@ var DateFilter = (_dec$k = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$i.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$i.prototype, "sortDirChanged"), _class2$i.prototype), _applyDecoratedDescriptor(_class2$i.prototype, "dateRangeChanged", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$i.prototype, "dateRangeChanged"), _class2$i.prototype)), _class2$i)) || _class$k);var _hoisted_1$h = {
+}), _applyDecoratedDescriptor(_class2$i.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$i.prototype, "sortDirChanged"), _class2$i.prototype), _applyDecoratedDescriptor(_class2$i.prototype, "dateRangeChanged", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$i.prototype, "dateRangeChanged"), _class2$i.prototype)), _class2$i)) || _class$k);var _hoisted_1$h = {
   class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100"
 };
 var _hoisted_2$f = {
@@ -8395,7 +8396,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _cache[1] || (_cache[1] = function ($event) {
       return _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"
+    class: "block w-full border border-gray-600 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), vue.createVNode(_component_DateRangePicker, {
     modelValue: _ctx.dateRange,
     "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
@@ -8543,14 +8544,14 @@ var _hoisted_8$6 = /*#__PURE__*/vue.createVNode("svg", {
 function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock("div", _hoisted_1$g, [vue.createVNode("div", _hoisted_2$e, [vue.createVNode("a", {
     href: "#",
-    class: ["-mt-px border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page == 1 ? 'text-gray-300 cursor-not-allowed pointer-events-none' : 'text-gray-500 hover:text-gray-700 hover:border-gray-300'],
+    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-500 cursor-not-allowed pointer-events-none' : 'text-gray-700 hover:text-gray-900 hover:border-gray-300'],
     onClick: _cache[1] || (_cache[1] = vue.withModifiers(function ($event) {
       return _ctx.changePage(_ctx.modelValue.page - 1);
     }, ["prevent"]))
   }, [_hoisted_3$a, _hoisted_4$8], 2)]), vue.createVNode("div", _hoisted_5$8, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.pageShortcuts, function (i) {
     return vue.openBlock(), vue.createBlock("a", {
       href: "#",
-      class: ["-mt-px border-t-2 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium", _ctx.modelValue.page === i ? 'border-blue-500 text-blue-600 focus:outline-none focus:text-blue-800 focus:border-blue-700' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400'],
+      class: ["-mt-px border-t-2 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium", _ctx.modelValue.page === i ? 'border-blue-500 text-blue-600 focus:outline-none focus:text-blue-800 focus:border-blue-700' : 'border-transparent text-gray-700 hover:text-gray-900 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400'],
       key: i,
       textContent: vue.toDisplayString(i),
       onClick: vue.withModifiers(function ($event) {
@@ -8559,12 +8560,12 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 10, ["textContent", "onClick"]);
   }), 128))]), vue.createVNode("div", _hoisted_6$8, [vue.createVNode("a", {
     href: "#",
-    class: ["-mt-px border-t-2 border-transparent pt-4 pl-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 >= _ctx.modelValue.totalPages ? 'text-gray-300 cursor-not-allowed pointer-events-none' : 'text-gray-500 hover:text-gray-700 hover:border-gray-300'],
+    class: ["-mt-px border-t-2 border-transparent pt-4 pl-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 >= _ctx.modelValue.totalPages ? 'text-gray-500 cursor-not-allowed pointer-events-none' : 'text-gray-700 hover:text-gray-900 hover:border-gray-300'],
     onClick: _cache[2] || (_cache[2] = vue.withModifiers(function ($event) {
       return _ctx.changePage(_ctx.modelValue.page + 1);
     }, ["prevent"]))
   }, [_hoisted_7$8, _hoisted_8$6], 2)])]);
-}Paginator.render = render$p;var _dec$i, _dec2$g, _dec3$e, _dec4$d, _dec5$9, _dec6$5, _dec7$3, _dec8$2, _dec9, _class$i, _class2$g, _descriptor$g, _descriptor2$e, _descriptor3$d, _descriptor4$5;
+}Paginator.render = render$p;var _dec$i, _dec2$g, _dec3$e, _dec4$d, _dec5$9, _dec6$6, _dec7$3, _dec8$2, _dec9, _class$i, _class2$g, _descriptor$g, _descriptor2$e, _descriptor3$d, _descriptor4$5;
 var DetailList = (_dec$i = Options({
   components: {
     DateFilter: DateFilter,
@@ -8583,7 +8584,7 @@ var DetailList = (_dec$i = Options({
 }), _dec5$9 = Prop({
   type: String,
   required: true
-}), _dec6$5 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = /*#__PURE__*/function (_Vue) {
+}), _dec6$6 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = /*#__PURE__*/function (_Vue) {
   _inherits$1(DetailList, _Vue);
 
   var _super = _createSuper$1(DetailList);
@@ -8702,7 +8703,7 @@ var DetailList = (_dec$i = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$g.prototype, "onSortDir", [_dec6$5], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onSortDir"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onDateRange"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onRefreshTrigger"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onReloadTrigger"), _class2$g.prototype)), _class2$g)) || _class$i);var _hoisted_1$f = {
+}), _applyDecoratedDescriptor(_class2$g.prototype, "onSortDir", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onSortDir"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onDateRange"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onRefreshTrigger"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onReloadTrigger"), _class2$g.prototype)), _class2$g)) || _class$i);var _hoisted_1$f = {
   key: 0,
   class: "shadow overflow-hidden sm:rounded-md border"
 };
@@ -9058,7 +9059,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
       d: "M6 18L18 6M6 6l12 12"
     })
   ]))
-}var _dec$f, _dec2$e, _dec3$c, _dec4$c, _dec5$8, _dec6$4, _dec7$2, _dec8$1, _class$f, _class2$e, _descriptor$e, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
+}var _dec$f, _dec2$e, _dec3$c, _dec4$c, _dec5$8, _dec6$5, _dec7$2, _dec8$1, _class$f, _class2$e, _descriptor$e, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
 var Modal = (_dec$f = Options({
   components: {
     Dialog: Dialog,
@@ -9082,7 +9083,7 @@ var Modal = (_dec$f = Options({
 }), _dec5$8 = Prop({
   type: String,
   required: false
-}), _dec6$4 = Prop({
+}), _dec6$5 = Prop({
   type: String,
   required: false
 }), _dec7$2 = Emit(), _dec8$1 = Emit("update:modelValue"), _dec$f(_class$f = (_class2$e = /*#__PURE__*/function (_Vue) {
@@ -9147,7 +9148,7 @@ var Modal = (_dec$f = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$e.prototype, "title", [_dec6$4], {
+}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$e.prototype, "title", [_dec6$5], {
   configurable: true,
   enumerable: true,
   writable: true,
@@ -9713,10 +9714,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 return vue.openBlock(), vue.createBlock("a", {
                   key: item.name,
                   href: item.url,
-                  class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-base font-medium rounded-md'],
+                  class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-base font-medium rounded-md'],
                   target: item.openInTab ? '_blank' : '_self'
                 }, [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
-                  class: [_ctx.isActive(item.url) ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500', 'mr-4 h-6 w-6'],
+                  class: [_ctx.isActive(item.url) ? 'text-gray-600' : 'text-gray-500 group-hover:text-gray-600', 'mr-4 h-6 w-6'],
                   "aria-hidden": "true"
                 }, null, 8, ["class"])), vue.createTextVNode(" " + vue.toDisplayString(item.name), 1)], 10, ["href", "target"]);
               }), 128))])])])];
@@ -9736,10 +9737,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock("a", {
       key: item.name,
       href: item.url,
-      class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-sm font-medium rounded-md'],
+      class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900', 'group flex items-center px-2 py-2 text-sm font-medium rounded-md'],
       target: item.openInTab ? '_blank' : '_self'
     }, [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
-      class: [_ctx.isActive(item.url) ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500', 'mr-3 h-6 w-6'],
+      class: [_ctx.isActive(item.url) ? 'text-gray-600' : 'text-gray-500 group-hover:text-gray-600', 'mr-3 h-6 w-6'],
       "aria-hidden": "true"
     }, null, 8, ["class"])), vue.createTextVNode(" " + vue.toDisplayString(item.name), 1)], 10, ["href", "target"]);
   }), 128))])])])])]), vue.createVNode("div", _hoisted_15$2, [vue.createVNode("div", _hoisted_16$2, [vue.createVNode("button", {
@@ -9786,7 +9787,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                     var active = _ref.active;
                     return [vue.createVNode("a", {
                       href: item.url,
-                      class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700']
+                      class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700 font-semibold']
                     }, vue.toDisplayString(item.name), 11, ["href"])];
                   }),
                   _: 2
@@ -9801,7 +9802,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
   })])])]), vue.createVNode("main", _hoisted_23, [vue.createVNode("div", _hoisted_24, [vue.renderSlot(_ctx.$slots, "default")])])])]), vue.createVNode(_component_Flash), vue.createVNode(_component_Spinner)], 64);
-}SidebarLayout.render = render$d;var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
+}SidebarLayout.render = render$d;var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _dec6$4, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
 var Slideover = (_dec$c = Options({
   name: "Slideover",
   components: {
@@ -9821,7 +9822,7 @@ var Slideover = (_dec$c = Options({
 }), _dec4$a = Prop({
   type: Boolean,
   required: true
-}), _dec5$6 = Emit(), _dec$c(_class$c = (_class2$c = /*#__PURE__*/function (_Vue) {
+}), _dec5$6 = Emit("close"), _dec6$4 = Emit("update:modelValue"), _dec$c(_class$c = (_class2$c = /*#__PURE__*/function (_Vue) {
   _inherits$1(Slideover, _Vue);
 
   var _super = _createSuper$1(Slideover);
@@ -9849,7 +9850,7 @@ var Slideover = (_dec$c = Options({
   _createClass$1(Slideover, [{
     key: "close",
     value: function close() {
-      return;
+      return false;
     }
   }]);
 
@@ -9869,7 +9870,7 @@ var Slideover = (_dec$c = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);var _hoisted_1$a = {
+}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6, _dec6$4], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);var _hoisted_1$a = {
   class: "absolute inset-0 overflow-hidden"
 };
 var _hoisted_2$9 = {
@@ -10160,7 +10161,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         return vue.openBlock(), vue.createBlock("a", {
           key: item.name,
           href: item.url,
-          class: [_ctx.isActive(item.url) ? 'border-blue-500 text-gray-900' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300', 'inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium'],
+          class: [_ctx.isActive(item.url) ? 'border-blue-500 text-gray-900' : 'border-transparent text-gray-700 hover:text-gray-900 hover:border-blue-500', 'inline-flex items-center px-1 pt-1 border-b-2 text-sm font-semibold'],
           "aria-current": _ctx.isActive(item.url) ? 'page' : undefined
         }, vue.toDisplayString(item.name), 11, ["href", "aria-current"]);
       }), 128))])]), vue.createVNode("div", _hoisted_7$3, [vue.createVNode(_component_Menu, {
@@ -10198,7 +10199,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
                         var active = _ref2.active;
                         return [vue.createVNode("a", {
                           href: item.url,
-                          class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700']
+                          class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700 font-semibold']
                         }, vue.toDisplayString(item.name), 11, ["href"])];
                       }),
                       _: 2
@@ -10235,7 +10236,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
             return vue.openBlock(), vue.createBlock("a", {
               key: item.name,
               href: item.url,
-              class: [_ctx.isActive(item.url) ? 'bg-blue-50 border-blue-500 text-blue-700' : 'border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800', 'block pl-3 pr-4 py-2 border-l-4 text-base font-medium'],
+              class: [_ctx.isActive(item.url) ? 'bg-blue-50 border-blue-500 text-blue-700' : 'border-transparent text-gray-700 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-900', 'block pl-3 pr-4 py-2 border-l-4 text-base font-semibold'],
               "aria-current": _ctx.isActive(item.url) ? 'page' : undefined
             }, vue.toDisplayString(item.name), 11, ["href", "aria-current"]);
           }), 128))]), vue.createVNode("div", _hoisted_12$1, [vue.createVNode("div", _hoisted_13$1, [vue.createVNode("div", _hoisted_14$1, [vue.createVNode(_component_UserCircleIcon, {
@@ -10250,7 +10251,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
             return vue.openBlock(), vue.createBlock("a", {
               key: item.name,
               href: item.url,
-              class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100"
+              class: "block px-4 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-100"
             }, vue.toDisplayString(item.name), 9, ["href"]);
           }), 128))])])];
         }),
@@ -10331,7 +10332,7 @@ var _hoisted_7$2 = {
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock("div", _hoisted_1$8, [vue.createVNode("div", _hoisted_2$7, [vue.createVNode("div", _hoisted_3$4, [vue.createVNode("div", _hoisted_4$2, [vue.createVNode("table", _hoisted_5$2, [vue.createVNode("thead", null, [vue.createVNode("tr", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, idx) {
     return vue.openBlock(), vue.createBlock("th", {
-      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase bg-gray-50 leading-4",
+      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase bg-gray-50 leading-4",
       key: idx,
       textContent: vue.toDisplayString(col.display)
     }, null, 8, ["textContent"]);
@@ -10340,7 +10341,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
       key: item.id ? item.id : rowIdx
     }, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, colIdx) {
       return vue.openBlock(), vue.createBlock("td", {
-        class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap leading-5",
+        class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5",
         key: rowIdx + '-' + colIdx
       }, [col.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.component), {
         key: 0,
@@ -10354,7 +10355,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))]);
   }), 128)), _ctx.tableData.items.length == 0 ? (vue.openBlock(), vue.createBlock("tr", _hoisted_7$2, [vue.createVNode("td", {
     colspan: _ctx.tableData.columns.length,
-    class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap leading-5"
+    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5"
   }, " No items were found! ", 8, ["colspan"])])) : vue.createCommentVNode("", true)])])])])])]);
 }StaticTable.render = render$a;var _dec$9, _dec2$9, _dec3$8, _dec4$8, _dec5$4, _dec6$2, _dec7$1, _dec8, _class$9, _class2$9, _descriptor$9, _descriptor2$8, _descriptor3$8, _descriptor4$1, _descriptor5$1;
 var Steps = (_dec$9 = Options({
@@ -10797,7 +10798,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }), _ctx.dateRangeChanged]
   }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : vue.createCommentVNode("", true)]), vue.createVNode("div", _hoisted_7, [vue.createVNode("table", _hoisted_8, [vue.createVNode("thead", null, [vue.createVNode("tr", null, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, idx) {
     return vue.openBlock(), vue.createBlock("th", {
-      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 leading-4",
+      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase border-b border-gray-200 bg-gray-50 leading-4",
       key: idx
     }, [!!col.display.length ? (vue.openBlock(), vue.createBlock("span", _hoisted_9, vue.toDisplayString(col.display), 1)) : vue.createCommentVNode("", true), col.sort ? (vue.openBlock(), vue.createBlock("span", {
       key: 1,
@@ -10817,7 +10818,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, [(vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList(_ctx.tableData.columns, function (col, colIdx) {
       return vue.openBlock(), vue.createBlock("td", {
-        class: ["px-6 py-4 text-sm text-gray-500 whitespace-nowrap border-b border-gray-200 leading-5", col.class],
+        class: ["px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5", col.class],
         key: rowIdx + '-' + colIdx
       }, [col.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.component), {
         key: 0,
@@ -10832,7 +10833,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))], 10, ["onClick"]);
   }), 128)), !_ctx.hasContent ? (vue.openBlock(), vue.createBlock("tr", _hoisted_17, [vue.createVNode("td", {
     colspan: _ctx.tableData.columns.length,
-    class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap border-b border-gray-200 leading-5"
+    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5"
   }, " No items were found! ", 8, ["colspan"])])) : vue.createCommentVNode("", true)])])]), _ctx.hasContent ? (vue.openBlock(), vue.createBlock(_component_Paginator, {
     key: 0,
     modelValue: _ctx.pagination,
@@ -10890,23 +10891,23 @@ var Tabs = (_dec$7 = Options({
       var c = "";
 
       if (this.pillDesign) {
-        c = "px-12 py-2 font-medium text-md leading-5 rounded-t-md focus:outline-none ";
+        c = "px-12 py-2 font-semibold text-md leading-5 rounded-t-md focus:outline-none ";
 
         if (this.modelValue === currentTab) {
           c = c + "focus:bg-white text-gray-700 bg-white border-b-2 border-blue-500";
         } else {
-          c = c + "text-gray-500 hover:text-gray-700 focus:text-gray-700 focus:bg-gray-100 border border-gray-200";
+          c = c + "text-gray-700 hover:text-gray-900 focus:text-gray-900 focus:bg-gray-100 border border-gray-200";
         }
 
         return c;
       }
 
-      c = "px-1 py-4 text-sm font-medium border-b-2 whitespace-nowrap leading-5 focus:outline-none ";
+      c = "px-1 py-4 text-sm font-semibold border-b-2 whitespace-nowrap leading-5 focus:outline-none ";
 
       if (this.modelValue === currentTab) {
         c = c + "border-blue-500 text-xy-blue focus:text-blue-800 focus:border-blue-700";
       } else {
-        c = c + "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:text-gray-700 focus:border-gray-300";
+        c = c + "border-transparent text-gray-700 hover:text-gray-900 hover:border-gray-300 focus:text-gray-900 focus:border-gray-300";
       }
 
       if (pastFirstTab) c = c + " ml-8";
@@ -11094,13 +11095,13 @@ var _hoisted_2$3 = {
   class: "h-5 flex items-center"
 };
 var _hoisted_3$1 = {
-  class: "ml-3 text-sm leading-5"
+  class: "ml-3 text-sm font-semibold leading-snug text-gray-900"
 };
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock("div", _hoisted_1$3, [vue.createVNode("div", _hoisted_2$3, [vue.createVNode("input", vue.mergeProps({
     "aria-labelledby": _ctx.label ? "".concat(_ctx.uuid, "-label") : undefined,
     checked: _ctx.modelValue,
-    class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed",
+    class: "focus:ring-blue-500 h-4 w-4 text-blue-500 border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
     id: _ctx.uuid,
     type: "checkbox"
   }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
@@ -11110,11 +11111,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   })), null, 16, ["aria-labelledby", "checked", "id"])]), vue.createVNode("div", _hoisted_3$1, [vue.createVNode("label", {
     id: "".concat(_ctx.uuid, "-label"),
     for: _ctx.uuid,
-    class: {
-      'font-semibold': _ctx.emphasis
-    },
     textContent: vue.toDisplayString(_ctx.label)
-  }, null, 10, ["id", "for", "textContent"])])]);
+  }, null, 8, ["id", "for", "textContent"])])]);
 }Checkbox.render = render$5;var _dec$4, _dec2$4, _dec3$4, _dec4$4, _dec5$1, _class$4, _class2$4, _descriptor$4, _descriptor2$4, _descriptor3$4;
 var MultiCheckboxes = (_dec$4 = Options({
   name: "MultiCheckboxes",
@@ -11194,7 +11192,7 @@ var _hoisted_2$2 = {
   class: "flex items-center h-5"
 };
 var _hoisted_3 = {
-  class: "ml-3 text-sm leading-5"
+  class: "ml-3 text-sm font-semibold leading-snug text-gray-900"
 };
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputLabel = vue.resolveComponent("InputLabel");
@@ -11209,7 +11207,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       key: option.value
     }, [vue.createVNode("div", _hoisted_1$2, [vue.createVNode("div", _hoisted_2$2, [vue.withDirectives(vue.createVNode("input", vue.mergeProps({
       type: "checkbox",
-      class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed",
+      class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
       id: "".concat(_ctx.uuid, "-").concat(index),
       value: option.value,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -11282,7 +11280,7 @@ var Radio = (_dec$3 = Options({
   class: "mt-1 space-y-2"
 };
 var _hoisted_2$1 = {
-  class: "block ml-2 text-sm font-medium leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 };
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputLabel = vue.resolveComponent("InputLabel");
@@ -11301,7 +11299,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       for: "".concat(_ctx.uuid, "-").concat(index)
     }, [vue.createVNode("input", vue.mergeProps({
       checked: _ctx.modelValue === option.value,
-      class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+      class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
       id: "".concat(_ctx.uuid, "-").concat(index),
       name: _ctx.uuid,
       type: "radio",
@@ -11336,7 +11334,7 @@ var Select = (_dec$2 = Options({
   required: false,
   default: "Select an option"
 }), _dec7 = Prop({
-  type: String,
+  type: [String, Number],
   required: true
 }), _dec$2(_class$2 = (_class2$2 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Select, _Vue);
@@ -11376,9 +11374,9 @@ var Select = (_dec$2 = Options({
     get: function get() {
       var design = this.design ? this.design : "undefined";
       return {
-        undefined: "mt-1 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",
-        standard: "mt-1 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",
-        compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
+        undefined: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
+        standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
+        compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
       }[design];
     }
   }]);
@@ -11521,7 +11519,7 @@ var TextArea = (_dec$1 = Options({
   }, null, 8, ["id", "for", "label"]), vue.createVNode("textarea", vue.mergeProps({
     "aria-labelledby": _ctx.label ? "".concat(_ctx.uuid, "-label") : undefined,
     "aria-describedby": _ctx.help ? "".concat(_ctx.uuid, "-help") : undefined,
-    class: ['mt-1', 'sm:text-sm', 'block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-300', 'rounded-md', 'w-full'],
+    class: ['mt-1', 'sm:text-sm', 'block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-600', 'rounded-md', 'w-full'],
     id: _ctx.uuid,
     value: _ctx.modelValue,
     onInput: _cache[1] || (_cache[1] = function ($event) {
@@ -11598,11 +11596,11 @@ var YesOrNoRadio = (_dec = Options({
   writable: true,
   initializer: null
 })), _class2)) || _class);var _hoisted_1 = /*#__PURE__*/vue.createVNode("span", {
-  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 }, "Yes", -1);
 
 var _hoisted_2 = /*#__PURE__*/vue.createVNode("span", {
-  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 }, "No", -1);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11619,7 +11617,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     for: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-true")
   }, [vue.createVNode("input", vue.mergeProps({
     type: "radio",
-    class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+    class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
     id: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-true"),
     name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: true,
@@ -11635,7 +11633,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     for: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-false")
   }, [vue.createVNode("input", vue.mergeProps({
     type: "radio",
-    class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+    class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
     id: "".concat(_ctx.hasNameAttr ? _ctx.name : _ctx.uuid, "-false"),
     name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: false,

package/package.json

@@ -1,18 +1,21 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.2.62",
+  "version": "0.3.3",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
   "main": "dist/trees.ssr.js",
   "browser": "dist/trees.esm.js",
   "module": "dist/trees.esm.js",
+  "style": "src/index.css",
   "unpkg": "dist/trees.min.js",
   "types": "trees.d.ts",
   "files": [
+    "config/*",
     "dist/*",
     "trees.d.ts",
-    "src/**/*.vue"
+    "src/**/*.vue",
+    "src/**/*.css"
   ],
   "sideEffects": [
     "*.css",
@@ -44,6 +47,7 @@
     "@rollup/plugin-replace": "^2.3.4",
     "@tailwindcss/aspect-ratio": "^0.2.0",
     "@tailwindcss/forms": "^0.3.2",
+    "@tailwindcss/line-clamp": "^0.2.2",
     "@tailwindcss/typography": "^0.4.0",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
     "@typescript-eslint/parser": "^4.22.0",
@@ -68,7 +72,6 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-vue": "^6.0.0",
     "tailwindcss": "^2.2.0",
-    "tailwindcss-font-inter": "^2.0.5",
     "typescript": "~4.1.5",
     "vue": "^3.0.5",
     "vue-class-component": "^8.0.0-0",
@@ -77,6 +80,7 @@
   "peerDependencies": {
     "@tailwindcss/aspect-ratio": "0.x",
     "@tailwindcss/forms": "0.x",
+    "@tailwindcss/line-clamp": "^0.2.2",
     "@tailwindcss/typography": "0.x",
     "autoprefixer": "10.x",
     "postcss": "8.x",