@xy-planning-network/trees 0.4.0-rc-4 → 0.4.0-rc-8

package/README.md

@@ -59,44 +59,34 @@ npm i @xy-planning-network/trees mitt
 
 This example installs all components of Trees, which may not be necessary for all projects. Assumes you have a vue 3 project with tailwind created.
 
-**Establish global types for VueBus and Flashes in global.d.ts**
-
-```ts
-// global.d.ts
-
-import { Emitter } from "mitt";
-
-declare global {
-  interface Window {
-    Flashes: Array<{ message: string }>;
-    VueBus: Emitter;
-  }
-}
-```
-
 **Initialize trees components in main.ts**
 
 ```ts
 // main.ts
-import Vue, { createApp } from "vue";
-import Mitt from "mitt";
-import Trees from "@xy-planning-network/trees";
-import HelloWorld from "@/components/HelloWorld.vue";
+
+// include the type interfaces for Window and GlobalComponents
+/// <reference types="@xy-planning-network/trees/types/global" />
+/// <reference types="@xy-planning-network/trees/types/components" />
+
+import Vue, { createApp } from "vue"
+import Mitt from "mitt"
+import Trees from "@xy-planning-network/trees"
+import HelloWorld from "@/components/HelloWorld.vue"
 
 // import your project's main stylesheet
-import "@/main.css";
+import "@/main.css"
 
 // initialize the app
-const app = createApp(HelloWorld);
+const app = createApp(HelloWorld)
 
 // initialize mitt on VueBus
-window.VueBus = mitt();
+window.VueBus = mitt()
 
 // use all of Trees as a vue plugin
-app.use(Trees);
+app.use(Trees)
 
 // mount the application
-app.mount("#vue-app");
+app.mount("#vue-app")
 ```
 
 **Initialize styles in main.css**
@@ -129,10 +119,10 @@ Note you may need a deep merge utility depending on the depth of properties you
 
 ```js
 /* eslint-disable */
-const treesConfig = require("@xy-planning-network/trees/config/tailwind.config");
+const treesConfig = require("@xy-planning-network/trees/config/tailwind.config")
 module.exports = {
   ...treesConfig,
   mode: "jit", // Optional
   purge: [...treesConfig.purge, ...["./src/**/*.vue"]],
-};
+}
 ```

package/dist/trees.es.js

@@ -1147,14 +1147,6 @@ const BaseAPI = {
     return this.makeRequest({ url: path, data, method: "PUT" }, opts);
   }
 };
-var table = /* @__PURE__ */ Object.freeze({
-  __proto__: null,
-  [Symbol.toStringTag]: "Module"
-});
-var nav = /* @__PURE__ */ Object.freeze({
-  __proto__: null,
-  [Symbol.toStringTag]: "Module"
-});
 function _extends() {
   _extends = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -6948,7 +6940,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const sidebarOpen = ref(true);
+    const sidebarOpen = ref(false);
     const isActive = (url) => {
       return props.activeURL === url;
     };
@@ -8396,4 +8388,4 @@ const install = function installTrees(app) {
     app.component(componentName, component);
   });
 };
-export { _sfc_main$r as ActionsDropdown, BaseAPI, _sfc_main$m as BaseInput, _sfc_main$q as Cards, _sfc_main$5 as Checkbox, _sfc_main$p as ContentModal, _sfc_main$k as DateFilter, _sfc_main$l as DateRangePicker, _sfc_main$i as DetailList, _sfc_main$h as DownloadCell, _sfc_main$g as Flash, _sfc_main$n as InputHelp, _sfc_main$o as InputLabel, _sfc_main$f as Modal, _sfc_main$4 as MultiCheckboxes, nav as NavTypes, _sfc_main$j as Paginator, _sfc_main$3 as Radio, _sfc_main$2 as Select, _sfc_main$d as SidebarLayout, _sfc_main$c as Slideover, _sfc_main$e as Spinner, _sfc_main$b as StackedLayout, _sfc_main$a as StaticTable, _sfc_main$9 as Steps, _sfc_main$8 as Table, table as TableTypes, _sfc_main$7 as Tabs, _sfc_main$1 as TextArea, _sfc_main$6 as Toggle, _sfc_main as YesOrNoRadio, install as default };
+export { _sfc_main$r as ActionsDropdown, BaseAPI, _sfc_main$m as BaseInput, _sfc_main$q as Cards, _sfc_main$5 as Checkbox, _sfc_main$p as ContentModal, _sfc_main$k as DateFilter, _sfc_main$l as DateRangePicker, _sfc_main$i as DetailList, _sfc_main$h as DownloadCell, _sfc_main$g as Flash, _sfc_main$n as InputHelp, _sfc_main$o as InputLabel, _sfc_main$f as Modal, _sfc_main$4 as MultiCheckboxes, _sfc_main$j as Paginator, _sfc_main$3 as Radio, _sfc_main$2 as Select, _sfc_main$d as SidebarLayout, _sfc_main$c as Slideover, _sfc_main$e as Spinner, _sfc_main$b as StackedLayout, _sfc_main$a as StaticTable, _sfc_main$9 as Steps, _sfc_main$8 as Table, _sfc_main$7 as Tabs, _sfc_main$1 as TextArea, _sfc_main$6 as Toggle, _sfc_main as YesOrNoRadio, install as default };