@humandialog/forms.svelte 1.7.16 → 1.7.18

package/components/Floating_container.svelte

@@ -122,7 +122,7 @@ function calculatePosition(x2, y2, around, visible2, fresh) {
       y2 = screenRect.bottom - maxHeight - margin;
       result = `left: ${x2}px; bottom: ${margin}px; width: ${width}px; max-height: ${maxHeight}px; display: block`;
     }
-    closeButtonPos = `right: 0.5rem; top: calc(${y2}px + 0.25rem)`;
+    closeButtonPos = `right: 0.5rem; bottom: calc(${margin + maxHeight}px - 1.75rem)`;
   } else {
     let myRect = null;
     if (!fresh) {

package/components/contextmenu.svelte

@@ -50,8 +50,9 @@ function calculatePosition(x2, y2, visible2, fresh) {
         myRect = null;
       }
     }
+    let maxHeight;
     if (myRect) {
-      let maxHeight = screenRect.height / 2 - margin;
+      maxHeight = screenRect.height / 2 - margin;
       if (myRect.height < maxHeight)
         maxHeight = myRect.height;
       const width = screenRect.width - 2 * margin;
@@ -59,13 +60,13 @@ function calculatePosition(x2, y2, visible2, fresh) {
       y2 = screenRect.bottom - maxHeight - margin;
       result = `left: ${x2}px; bottom: ${margin}px; width: ${width}px; max-height: ${maxHeight}px; display: block`;
     } else {
-      const maxHeight = screenRect.height / 2 - margin;
+      maxHeight = screenRect.height / 2 - margin;
       const width = screenRect.width - 2 * margin;
       x2 = margin;
       y2 = screenRect.bottom - maxHeight - margin;
       result = `left: ${x2}px; bottom: ${margin}px; width: ${width}px; max-height: ${maxHeight}px; display: block`;
     }
-    closeButtonPos = `right: 0.5rem; top: calc(${y2}px + 0.25rem)`;
+    closeButtonPos = `right: 0.5rem; bottom: calc(${margin + maxHeight}px - 1.75rem)`;
   } else {
     let myRect = null;
     if (!fresh) {

package/components/document/internal/palette.svelte

@@ -77,7 +77,6 @@ export function show(x, y, up = false) {
     setTimeout(() => {
       const rect = paletteElement.getBoundingClientRect();
       closeButtonPos = `right: 0.5rem; top: 0.25rem`;
-      console.log("closeButtonPos", closeButtonPos);
     }, 0);
   }
 }

package/index.d.ts

@@ -3,6 +3,7 @@ export { default as Tile } from "./tile.svelte";
 export { default as Row } from "./tiles.row.svelte";
 export { default as Box } from "./form.box.svelte";
 export { default as Operations } from './operations.svelte';
+export { default as Paper } from './paper.svelte';
 export { default as Layout } from './desk.svelte';
 export { default as VerticalToolbar } from './vertical.toolbar.svelte';
 export { default as HorizontalToolbar } from './horizontal.toolbar.svelte';

package/index.js

@@ -7,6 +7,7 @@ export { default as Row } from "./tiles.row.svelte";
 export { default as Box } from "./form.box.svelte";
 //export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
 export { default as Operations } from './operations.svelte';
+export { default as Paper } from './paper.svelte';
 export { default as Layout } from './desk.svelte';
 export { default as VerticalToolbar } from './vertical.toolbar.svelte';
 export { default as HorizontalToolbar } from './horizontal.toolbar.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.7.16",
+  "version": "1.7.18",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -175,6 +175,7 @@
     "./operations.svelte": "./operations.svelte",
     "./page.row.svelte": "./page.row.svelte",
     "./page.svelte": "./page.svelte",
+    "./paper.svelte": "./paper.svelte",
     "./stores": "./stores.js",
     "./tenant.members.svelte": "./tenant.members.svelte",
     "./tile.svelte": "./tile.svelte",

package/page.svelte

@@ -24,6 +24,7 @@
 	export let toolbarOperations = undefined;
 	export let clearsContext = '';
 	export let title = '';
+	export let paper=false
 
 	switch (c) {
 		case 'main':

package/page.svelte.d.ts

@@ -13,6 +13,7 @@ export default class Page extends SvelteComponentTyped<{
     focused_only?: boolean | undefined;
     inContext?: string | undefined;
     toolbarOperations?: any;
+    paper?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -36,6 +37,7 @@ declare const __propDef: {
         focused_only?: boolean | undefined;
         inContext?: string | undefined;
         toolbarOperations?: any;
+        paper?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/paper.svelte

@@ -0,0 +1,11 @@
+<script>
+    let additionalClass = $$props.class ?? ''
+</script>
+
+<section class="w-full flex flex-col items-center
+                    sm:bg-white sm:dark:bg-stone-800/40 sm:shadow-slate-700/10 sm:dark:shadow-black/10 
+                    sm:mt-6 sm:px-6 sm:py-12 sm:shadow-xl md:mx-auto sm:max-w-3xl sm:min-h-[32rem] sm:rounded
+                    sm:ring-1 sm:ring-stone-900/5 sm:dark:ring-stone-950/20
+                    {additionalClass}">
+    <slot/>
+</section>

package/paper.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  PaperProps */
+/** @typedef {typeof __propDef.events}  PaperEvents */
+/** @typedef {typeof __propDef.slots}  PaperSlots */
+export default class Paper extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PaperProps = typeof __propDef.props;
+export type PaperEvents = typeof __propDef.events;
+export type PaperSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};