@xy-planning-network/trees 0.2.61 → 0.2.62

package/dist/trees.ssr.js

@@ -10504,72 +10504,14 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     textContent: vue.toDisplayString(_ctx.nextText ? _ctx.nextText : 'Next')
   }, null, 8, ["textContent"])])])) : vue.createCommentVNode("", true)]);
-}Steps.render = render$9;var _dec$8, _dec2$8, _class$8, _class2$8, _descriptor$8;
-var TreesSwitch = (_dec$8 = Options({
-  name: "Switch",
-  components: {
-    Switch: Switch
-  }
-}), _dec2$8 = Prop({
-  type: Boolean,
-  required: false
-}), _dec$8(_class$8 = (_class2$8 = /*#__PURE__*/function (_Vue) {
-  _inherits$1(TreesSwitch, _Vue);
-
-  var _super = _createSuper$1(TreesSwitch);
-
-  function TreesSwitch() {
-    var _this;
-
-    _classCallCheck$1(this, TreesSwitch);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$8, _assertThisInitialized$1(_this));
-
-    return _this;
-  }
-
-  return TreesSwitch;
-}(Vue), (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "modelValue", [_dec2$8], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-})), _class2$8)) || _class$8);var _hoisted_1$6 = /*#__PURE__*/vue.createVNode("span", {
-  class: "sr-only"
-}, "Use", -1);
-
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_Switch = vue.resolveComponent("Switch", true);
-
-  return vue.openBlock(), vue.createBlock(_component_Switch, vue.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']
-  }, _objectSpread2$1(_objectSpread2$1({}, _ctx.$attrs), {}, {
-    onChange: function onChange($event) {
-      _ctx.$emit('update:modelValue', $event);
-    }
-  })), {
-    default: vue.withCtx(function () {
-      return [_hoisted_1$6, vue.createVNode("span", {
-        "aria-hidden": "true",
-        class: [_ctx.modelValue ? 'translate-x-5' : 'translate-x-0', 'pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200']
-      }, null, 2)];
-    }),
-    _: 1
-  }, 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;
-var Table = (_dec$7 = Options({
+}Steps.render = render$9;var _dec$8, _dec2$8, _dec3$7, _dec4$7, _dec5$3, _dec6$1, _class$8, _class2$8, _descriptor$8, _descriptor2$7, _descriptor3$7;
+var Table = (_dec$8 = Options({
   components: {
     DateRangePicker: DateRangePicker,
     Paginator: Paginator
   },
   name: "Table"
-}), _dec2$7 = Prop({
+}), _dec2$8 = Prop({
   type: Boolean,
   required: false,
   default: false
@@ -10580,7 +10522,7 @@ var Table = (_dec$7 = Options({
 }), _dec4$7 = Prop({
   type: Object,
   required: true
-}), _dec5$3 = Watch("tableData.refreshTrigger"), _dec6$1 = Watch("tableData.reloadTrigger"), _dec$7(_class$7 = (_class2$7 = /*#__PURE__*/function (_Vue) {
+}), _dec5$3 = Watch("tableData.refreshTrigger"), _dec6$1 = Watch("tableData.reloadTrigger"), _dec$8(_class$8 = (_class2$8 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Table, _Vue);
 
   var _super = _createSuper$1(Table);
@@ -10596,7 +10538,7 @@ var Table = (_dec$7 = Options({
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "clickable", _descriptor$7, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "clickable", _descriptor$8, _assertThisInitialized$1(_this));
 
     _initializerDefineProperty(_assertThisInitialized$1(_this), "loader", _descriptor2$7, _assertThisInitialized$1(_this));
 
@@ -10724,22 +10666,22 @@ var Table = (_dec$7 = Options({
   }]);
 
   return Table;
-}(Vue), (_descriptor$7 = _applyDecoratedDescriptor(_class2$7.prototype, "clickable", [_dec2$7], {
+}(Vue), (_descriptor$8 = _applyDecoratedDescriptor(_class2$8.prototype, "clickable", [_dec2$8], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$7 = _applyDecoratedDescriptor(_class2$7.prototype, "loader", [_dec3$7], {
+}), _descriptor2$7 = _applyDecoratedDescriptor(_class2$8.prototype, "loader", [_dec3$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$7 = _applyDecoratedDescriptor(_class2$7.prototype, "tableData", [_dec4$7], {
+}), _descriptor3$7 = _applyDecoratedDescriptor(_class2$8.prototype, "tableData", [_dec4$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$7.prototype, "onRefreshTrigger", [_dec5$3], Object.getOwnPropertyDescriptor(_class2$7.prototype, "onRefreshTrigger"), _class2$7.prototype), _applyDecoratedDescriptor(_class2$7.prototype, "onReloadTrigger", [_dec6$1], Object.getOwnPropertyDescriptor(_class2$7.prototype, "onReloadTrigger"), _class2$7.prototype)), _class2$7)) || _class$7);var _hoisted_1$5 = {
+}), _applyDecoratedDescriptor(_class2$8.prototype, "onRefreshTrigger", [_dec5$3], Object.getOwnPropertyDescriptor(_class2$8.prototype, "onRefreshTrigger"), _class2$8.prototype), _applyDecoratedDescriptor(_class2$8.prototype, "onReloadTrigger", [_dec6$1], Object.getOwnPropertyDescriptor(_class2$8.prototype, "onReloadTrigger"), _class2$8.prototype)), _class2$8)) || _class$8);var _hoisted_1$6 = {
   class: "flex flex-col mb-4 space-y-4 lg:space-y-0 lg:flex-row lg:justify-between"
 };
 var _hoisted_2$5 = {
@@ -10831,12 +10773,12 @@ var _hoisted_16 = {
 var _hoisted_17 = {
   key: 0
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DateRangePicker = vue.resolveComponent("DateRangePicker");
 
   var _component_Paginator = vue.resolveComponent("Paginator");
 
-  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", _hoisted_1$5, [_ctx.tableData.search ? (vue.openBlock(), vue.createBlock("div", _hoisted_2$5, [_hoisted_3$2, vue.createVNode("div", _hoisted_4, [_hoisted_5, vue.withDirectives(vue.createVNode("input", {
+  return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", _hoisted_1$6, [_ctx.tableData.search ? (vue.openBlock(), vue.createBlock("div", _hoisted_2$5, [_hoisted_3$2, vue.createVNode("div", _hoisted_4, [_hoisted_5, vue.withDirectives(vue.createVNode("input", {
     class: "pl-10",
     type: "search",
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -10900,10 +10842,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
       return _ctx.loadAndRender(false);
     })]
   }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)]);
-}Table.render = render$7;var _dec$6, _dec2$6, _dec3$6, _dec4$6, _dec5$2, _class$6, _class2$6, _descriptor$6, _descriptor2$6, _descriptor3$6;
-var Tabs = (_dec$6 = Options({
+}Table.render = render$8;var _dec$7, _dec2$7, _dec3$6, _dec4$6, _dec5$2, _class$7, _class2$7, _descriptor$7, _descriptor2$6, _descriptor3$6;
+var Tabs = (_dec$7 = Options({
   name: "Tabs"
-}), _dec2$6 = Prop({
+}), _dec2$7 = Prop({
   type: String,
   required: true
 }), _dec3$6 = Prop({
@@ -10912,7 +10854,7 @@ var Tabs = (_dec$6 = Options({
 }), _dec4$6 = Prop({
   type: Array,
   required: true
-}), _dec5$2 = Emit("update:modelValue"), _dec$6(_class$6 = (_class2$6 = /*#__PURE__*/function (_Vue) {
+}), _dec5$2 = Emit("update:modelValue"), _dec$7(_class$7 = (_class2$7 = /*#__PURE__*/function (_Vue) {
   _inherits$1(Tabs, _Vue);
 
   var _super = _createSuper$1(Tabs);
@@ -10928,7 +10870,7 @@ var Tabs = (_dec$6 = Options({
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$6, _assertThisInitialized$1(_this));
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$7, _assertThisInitialized$1(_this));
 
     _initializerDefineProperty(_assertThisInitialized$1(_this), "pillDesign", _descriptor2$6, _assertThisInitialized$1(_this));
 
@@ -10978,22 +10920,22 @@ var Tabs = (_dec$6 = Options({
   }]);
 
   return Tabs;
-}(Vue), (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+}(Vue), (_descriptor$7 = _applyDecoratedDescriptor(_class2$7.prototype, "modelValue", [_dec2$7], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2$6 = _applyDecoratedDescriptor(_class2$6.prototype, "pillDesign", [_dec3$6], {
+}), _descriptor2$6 = _applyDecoratedDescriptor(_class2$7.prototype, "pillDesign", [_dec3$6], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3$6 = _applyDecoratedDescriptor(_class2$6.prototype, "tabs", [_dec4$6], {
+}), _descriptor3$6 = _applyDecoratedDescriptor(_class2$7.prototype, "tabs", [_dec4$6], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$6.prototype, "updateModelValue", [_dec5$2], Object.getOwnPropertyDescriptor(_class2$6.prototype, "updateModelValue"), _class2$6.prototype)), _class2$6)) || _class$6);var _hoisted_1$4 = /*#__PURE__*/vue.createVNode("label", {
+}), _applyDecoratedDescriptor(_class2$7.prototype, "updateModelValue", [_dec5$2], Object.getOwnPropertyDescriptor(_class2$7.prototype, "updateModelValue"), _class2$7.prototype)), _class2$7)) || _class$7);var _hoisted_1$5 = /*#__PURE__*/vue.createVNode("label", {
   for: "tabs",
   class: "sr-only"
 }, "Select a tab", -1);
@@ -11001,14 +10943,14 @@ var Tabs = (_dec$6 = Options({
 var _hoisted_2$4 = {
   class: "hidden sm:block"
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Select = vue.resolveComponent("Select");
 
   return vue.openBlock(), vue.createBlock("div", null, [vue.createVNode("div", {
     class: ["sm:hidden", {
       'mb-4': _ctx.pillDesign
     }]
-  }, [_hoisted_1$4, vue.createVNode(_component_Select, {
+  }, [_hoisted_1$5, vue.createVNode(_component_Select, {
     name: "tabs",
     modelValue: _ctx.modelValue,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -11032,7 +10974,65 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       }, ["prevent"])
     }, null, 10, ["textContent", "onClick"]);
   }), 128))], 2)], 2)])]);
-}Tabs.render = render$6;var _dec$5, _dec2$5, _dec3$5, _dec4$5, _class$5, _class2$5, _descriptor$5, _descriptor2$5, _descriptor3$5;
+}Tabs.render = render$7;var _dec$6, _dec2$6, _class$6, _class2$6, _descriptor$6;
+var Toggle = (_dec$6 = Options({
+  name: "Toggle",
+  components: {
+    Switch: Switch
+  }
+}), _dec2$6 = Prop({
+  type: Boolean,
+  required: false
+}), _dec$6(_class$6 = (_class2$6 = /*#__PURE__*/function (_Vue) {
+  _inherits$1(Toggle, _Vue);
+
+  var _super = _createSuper$1(Toggle);
+
+  function Toggle() {
+    var _this;
+
+    _classCallCheck$1(this, Toggle);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _initializerDefineProperty(_assertThisInitialized$1(_this), "modelValue", _descriptor$6, _assertThisInitialized$1(_this));
+
+    return _this;
+  }
+
+  return Toggle;
+}(Vue), (_descriptor$6 = _applyDecoratedDescriptor(_class2$6.prototype, "modelValue", [_dec2$6], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2$6)) || _class$6);var _hoisted_1$4 = /*#__PURE__*/vue.createVNode("span", {
+  class: "sr-only"
+}, "Use", -1);
+
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Switch = vue.resolveComponent("Switch");
+
+  return vue.openBlock(), vue.createBlock(_component_Switch, {
+    class: [_ctx.modelValue ? 'bg-blue-600' : 'bg-gray-200', 'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500'],
+    modelValue: _ctx.modelValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+      return _ctx.$emit('update:modelValue', $event);
+    })
+  }, {
+    default: vue.withCtx(function () {
+      return [_hoisted_1$4, vue.createVNode("span", {
+        "aria-hidden": "true",
+        class: [_ctx.modelValue ? 'translate-x-5' : 'translate-x-0', 'pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200']
+      }, null, 2)];
+    }),
+    _: 1
+  }, 8, ["class", "modelValue"]);
+}Toggle.render = render$6;var _dec$5, _dec2$5, _dec3$5, _dec4$5, _class$5, _class2$5, _descriptor$5, _descriptor2$5, _descriptor3$5;
 var Checkbox = (_dec$5 = Options({
   name: "Checkbox"
 }), _dec2$5 = Prop({
@@ -11646,7 +11646,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }
   })), null, 16, ["id", "name", "checked"]), _hoisted_2], 10, ["for"])]);
 }YesOrNoRadio.render = render;// TODO: rearrange so that these are default installed by app.use(Trees);
-var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Switch: TreesSwitch,Table: Table,Tabs: Tabs,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});var install = function installTrees(app) {
+var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,Toggle: Toggle,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});var install = function installTrees(app) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -11655,7 +11655,7 @@ var components$1=/*#__PURE__*/Object.freeze({__proto__:null,ActionsDropdown: Act
     app.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default': install,BaseAPI: BaseAPI,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Switch: TreesSwitch,Table: Table,Tabs: Tabs,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default': install,BaseAPI: BaseAPI,ActionsDropdown: ActionsDropdown,Cards: Cards,ContentModal: ContentModal,DateFilter: DateFilter,DetailList: DetailList,DownloadCell: DownloadCell,Flash: Flash,Modal: Modal,SidebarLayout: SidebarLayout,Slideover: Slideover,StackedLayout: StackedLayout,Paginator: Paginator,Spinner: Spinner,StaticTable: StaticTable,Steps: Steps,Table: Table,Tabs: Tabs,Toggle: Toggle,BaseInput: BaseInput,Checkbox: Checkbox,DateRangePicker: DateRangePicker,InputHelp: InputHelp,InputLabel: InputLabel,MultiCheckboxes: MultiCheckboxes,Radio: Radio,Select: Select,TextArea: TextArea,YesOrNoRadio: YesOrNoRadio});// only expose one global var, with component exports exposed as properties of
 // that global var (eg. plugin.component)
 
 Object.entries(components).forEach(function (_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.2.61",
+  "version": "0.2.62",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",

package/src/lib-components/forms/{Switch.vue → Toggle.vue}

@@ -4,12 +4,8 @@
       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',
     ]"
-    v-bind="{
-      ...$attrs,
-      onChange: ($event) => {
-        $emit('update:modelValue', $event);
-      },
-    }"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
   >
     <span class="sr-only">Use</span>
     <span
@@ -26,8 +22,8 @@
 import { Options, Prop, Vue } from "vue-property-decorator";
 import { Switch } from "@headlessui/vue";
 
-@Options({ name: "Switch", components: { Switch } })
-export default class TreesSwitch extends Vue {
+@Options({ name: "Toggle", components: { Switch } })
+export default class Toggle extends Vue {
   @Prop({ type: Boolean, required: false }) modelValue?: boolean;
 }
 </script>

package/trees.d.ts

@@ -29,9 +29,9 @@ export const Spinner: DefineComponent<{}, {}, any>;
 export const StackedLayout: DefineComponent<{}, {}, any>;
 export const StaticTable: DefineComponent<{}, {}, any>;
 export const Steps: DefineComponent<{}, {}, any>;
-export const Switch: DefineComponent<{}, {}, any>;
 export const Table: DefineComponent<{}, {}, any>;
 export const Tabs: DefineComponent<{}, {}, any>;
+export const Toggle: DefineComponent<{}, {}, any>;
 export const YesOrNoRadio: DefineComponent<{}, {}, any>;
 
 export const BaseAPI: {