@xy-planning-network/trees 0.2.61 → 0.2.62

package/dist/trees.esm.js

@@ -9948,61 +9948,14 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
 
 Steps.render = render$9;
 
-var _dec$8, _dec2$8, _class$8, _class2$8, _descriptor$8;
-let TreesSwitch = (_dec$8 = Options({
-  name: "Switch",
-  components: {
-    Switch
-  }
-}), _dec2$8 = Prop({
-  type: Boolean,
-  required: false
-}), _dec$8(_class$8 = (_class2$8 = class TreesSwitch extends Vue {
-  constructor(...args) {
-    super(...args);
-
-    _initializerDefineProperty(this, "modelValue", _descriptor$8, this);
-  }
-
-}, (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "modelValue", [_dec2$8], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-})), _class2$8)) || _class$8);
-
-const _hoisted_1$6 = /*#__PURE__*/createVNode("span", {
-  class: "sr-only"
-}, "Use", -1);
-
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Switch = resolveComponent("Switch", true);
-
-  return openBlock(), createBlock(_component_Switch, mergeProps({
-    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']
-  }, { ..._ctx.$attrs,
-    onChange: $event => {
-      _ctx.$emit('update:modelValue', $event);
-    }
-  }), {
-    default: withCtx(() => [_hoisted_1$6, 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
-  }, 16, ["class"]);
-}
-
-TreesSwitch.render = render$8;
-
-var _dec$7, _dec2$7, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$7, _class2$7, _descriptor$7, _descriptor2$7, _descriptor3$7;
-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
@@ -10013,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);
 
@@ -10127,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 = {
@@ -10236,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),
@@ -10293,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({
@@ -10307,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);
 
@@ -10353,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);
@@ -10378,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)),
@@ -10407,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({
@@ -10973,9 +10971,9 @@ var components = /*#__PURE__*/Object.freeze({
   Spinner: Spinner,
   StaticTable: StaticTable,
   Steps: Steps,
-  Switch: TreesSwitch,
   Table: Table,
   Tabs: Tabs,
+  Toggle: Toggle,
   BaseInput: BaseInput,
   Checkbox: Checkbox,
   DateRangePicker: DateRangePicker,
@@ -10995,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, TreesSwitch as Switch, 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 };