Minor changes & folder adjustments

package.json

@@ -1,27 +1,31 @@
 {
-  "name": "essential-svelte-esm",
-  "version": "0.0.5",
-  "description": "Provides essential TRL demos for reactivity and beyond.",
+  "name": "item_piles_bankers",
+  "version": "1.0.0",
+  "description": "A foundry module.",
   "license": "MIT",
   "private": true,
   "type": "module",
-  "author": "Michael Leahy <[email protected]> (https://github.com/typhonrt)",
+  "author": "Fantasy Computerworks (https://github.com/fantasycalendar)",
   "contributors": [
-    "Michael Leahy <[email protected]> (https://github.com/typhonrt)"
+    "Wasp <[email protected]> (https://github.com/haxxer)"
   ],
+  "imports": {
+    "#runtime/*": "@typhonjs-fvtt/runtime/*",
+    "#standard/*": "@typhonjs-fvtt/svelte-standard/*"
+  },
   "dependencies": {
-    "@typhonjs-fvtt/runtime": "^0.0.22",
-    "@typhonjs-fvtt/svelte-standard": "^0.0.23",
-    "svelte": "^3.57.0"
+    "@typhonjs-fvtt/runtime": "^0.1.2",
+    "@typhonjs-fvtt/svelte-standard": "^0.1.0",
+    "svelte": "^4.1.2"
   },
   "devDependencies": {
     "@league-of-foundry-developers/foundry-vtt-types": "^9.238.1",
-    "@typhonjs-config/eslint-config": "^0.3.0",
+    "@typhonjs-config/eslint-config": "^0.6.0",
     "@typhonjs-fvtt/eslint-config-foundry.js": "^0.8.0",
-    "eslint": "^8",
+    "eslint": "^8.46.0",
     "svelte-dnd-action": "^0.9.18",
-    "svelte-preprocess": "^5",
-    "vite": "^4"
+    "svelte-preprocess": "^5.0.4",
+    "vite": "^4.4.8"
   },
   "browserslist": [
     ">5%",

src/applications/bank-management/bank-management-app.js

@@ -1,4 +1,4 @@
-import { SvelteApplication } from '@typhonjs-fvtt/runtime/svelte/application';
+import { SvelteApplication } from '#runtime/svelte/application';
 import BankManagementShell from "./bank-management-shell.svelte";
 import * as lib from "../../lib.js";
 
@@ -21,10 +21,10 @@ export default class BankManagementApp extends SvelteApplication {
       },
       classes: ["app window-app sheet item-piles-bankers"],
       zIndex: 100,
-      width: 800,
-      height: "auto",
+      width: 900,
+      height: 500,
       closeOnSubmit: false,
-      resizable: false
+      resizable: true
     });
   }
 

src/applications/bank-management/bank-management-shell.svelte

@@ -1,15 +1,15 @@
 <script>
 
-  import { ApplicationShell } from '@typhonjs-fvtt/runtime/svelte/component/core';
-  import { TJSDocument } from '@typhonjs-fvtt/runtime/svelte/store';
+  import { ApplicationShell } from '#runtime/svelte/component/core';
+  import { TJSDocument } from "#runtime/svelte/store/fvtt/document";
   import { getContext, onDestroy, onMount } from 'svelte';
   import * as lib from "../../lib.js";
   import { get, writable } from "svelte/store";
   import DropZone from "../components/DropZone.svelte";
-  import { localize } from "@typhonjs-fvtt/runtime/svelte/helper";
+  import { localize } from "#runtime/svelte/helper";
   import CONSTANTS from "../../constants.js";
   import ProgressBar from "../components/ProgressBar.svelte";
-  import { TJSProseMirror } from "@typhonjs-fvtt/svelte-standard/component/dev";
+  import { TJSProseMirror } from "#standard/component";
 
   const { application } = getContext('#external');
 
@@ -288,7 +288,7 @@
 
 <ApplicationShell bind:elementRoot>
 
-  <DropZone callback={onDropData}>
+  <DropZone callback={onDropData} style="max-height: 100%; display: flex; flex-direction: column; overflow: hidden;">
 
     {#if vaultDescription}
       <div class="item-piles-bottom-divider" style="padding-bottom:0;">
@@ -304,10 +304,10 @@
       </div>
     {/if}
 
-    <div class="item-piles-flexrow">
+    <div class="item-piles-flexrow item-piles-bankers-main-body">
 
       <div class="item-piles-flexcol"
-           style="flex: 0 1 40%; border-right: 1px solid rgba(0,0,0,0.25); margin-right: 0.25rem; padding-right: 0.25rem;">
+           style="flex: 0 1 350px; border-right: 1px solid rgba(0,0,0,0.25); margin-right: 0.25rem; padding-right: 0.25rem; height: 100%;">
 
         <input type="text" bind:value={$vaultSearch} placeholder="Search..." style="flex: 0 1 auto; margin-bottom: 0.25rem;">
 
@@ -321,7 +321,7 @@
           </select>
         </div>
 
-        <div style="max-height: 288px; overflow-y: scroll; padding-right: 0.25rem;">
+        <div style="height: 100%; overflow-y: scroll; padding-right: 0.25rem;">
 
           {#each visibleVaults as userCollection, index (userCollection.userId)}
 
@@ -358,7 +358,7 @@
 
       </div>
 
-      <div class="item-piles-flexcol" style="max-height: 319px;">
+      <div class="item-piles-flexcol" style="height: 100%; display: flex;">
 
         <div class="item-piles-bankers-item-container-list item-piles-bottom-divider" class:item-piles-bankers-centered-flex={!$itemsToAdd.length}>
 
@@ -485,3 +485,24 @@
   </DropZone>
 
 </ApplicationShell>
+
+
+<style lang="scss">
+
+	.item-piles-bankers-main-body {
+		flex: 1;
+		overflow: hidden;
+	}
+
+  .item-piles-bankers-item-container-list {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+
+    > * {
+      flex: 1;
+    }
+  }
+
+</style>

src/applications/bank-teller/bank-teller-app.js

@@ -1,4 +1,4 @@
-import { SvelteApplication } from '@typhonjs-fvtt/runtime/svelte/application';
+import { SvelteApplication } from '#runtime/svelte/application';
 import BankTellerShell from "./bank-teller-shell.svelte";
 import * as lib from "../../lib.js";
 

src/applications/bank-teller/bank-teller-shell.svelte

@@ -1,7 +1,7 @@
 <script>
 
-  import { ApplicationShell } from '@typhonjs-fvtt/runtime/svelte/component/core';
-  import { TJSDialog } from "@typhonjs-fvtt/runtime/svelte/application";
+  import { ApplicationShell } from '#runtime/svelte/component/core';
+  import { TJSDialog } from "#runtime/svelte/application";
   import { getContext } from 'svelte';
   import * as lib from "../../lib.js";
   import CreateNewVaultDialog from "../components/CreateNewVaultDialog.svelte";

src/applications/components/CreateNewVaultDialog.svelte

@@ -1,6 +1,6 @@
 <script>
   import { getContext } from 'svelte';
-  import { localize } from '@typhonjs-fvtt/runtime/svelte/helper';
+  import { localize } from '#runtime/svelte/helper';
   import { writable } from "svelte/store";
   import * as lib from "../../lib.js";