@humandialog/forms.svelte 0.5.9 → 0.5.11

package/components/combo/combo.source.svelte.d.ts

@@ -1,22 +1,22 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        association?: string | undefined;
-        path?: string | undefined;
-        objects?: object[] | undefined;
-        onCollect?: undefined;
-        key?: string | undefined;
-        name?: string | undefined;
-        avatar?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ComboProps = typeof __propDef.props;
-export type ComboEvents = typeof __propDef.events;
-export type ComboSlots = typeof __propDef.slots;
-export default class Combo extends SvelteComponentTyped<ComboProps, ComboEvents, ComboSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        association?: string | undefined;
+        path?: string | undefined;
+        objects?: object[] | undefined;
+        onCollect?: undefined;
+        key?: string | undefined;
+        name?: string | undefined;
+        avatar?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ComboProps = typeof __propDef.props;
+export type ComboEvents = typeof __propDef.events;
+export type ComboSlots = typeof __propDef.slots;
+export default class Combo extends SvelteComponentTyped<ComboProps, ComboEvents, ComboSlots> {
+}
+export {};

package/components/combo/combo.svelte.d.ts

@@ -1,42 +1,42 @@
-import { SvelteComponentTyped } from "svelte";
-import { rCombo_definition } from './combo';
-declare const __propDef: {
-    props: {
-        label?: string | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        isAssociation?: boolean | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        choiceCallback?: string | undefined;
-        onSelect?: undefined;
-        definition?: rCombo_definition | null | undefined;
-        changed?: undefined;
-        onNewItemCreated?: undefined;
-        icon?: boolean | undefined;
-        placeholder?: string | undefined;
-        s?: string | undefined;
-        c?: string | undefined;
-        compact?: boolean | undefined;
-        inContext?: string | undefined;
-        cached?: boolean | undefined;
-        filtered?: boolean | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        show?: ((event: any, hide_callback: any) => void) | undefined;
-        hide?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ComboProps = typeof __propDef.props;
-export type ComboEvents = typeof __propDef.events;
-export type ComboSlots = typeof __propDef.slots;
-export default class Combo extends SvelteComponentTyped<ComboProps, ComboEvents, ComboSlots> {
-    get show(): (event: any, hide_callback: any) => void;
-    get hide(): () => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+import { rCombo_definition } from './combo';
+declare const __propDef: {
+    props: {
+        label?: string | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        isAssociation?: boolean | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        choiceCallback?: string | undefined;
+        onSelect?: undefined;
+        definition?: rCombo_definition | null | undefined;
+        changed?: undefined;
+        onNewItemCreated?: undefined;
+        icon?: boolean | undefined;
+        placeholder?: string | undefined;
+        s?: string | undefined;
+        c?: string | undefined;
+        compact?: boolean | undefined;
+        inContext?: string | undefined;
+        cached?: boolean | undefined;
+        filtered?: boolean | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        show?: ((event: any, hide_callback: any) => void) | undefined;
+        hide?: (() => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ComboProps = typeof __propDef.props;
+export type ComboEvents = typeof __propDef.events;
+export type ComboSlots = typeof __propDef.slots;
+export default class Combo extends SvelteComponentTyped<ComboProps, ComboEvents, ComboSlots> {
+    get show(): (event: any, hide_callback: any) => void;
+    get hide(): () => void;
+}
+export {};

package/components/contextmenu.svelte

@@ -24,10 +24,27 @@ afterUpdate(() => {
     return;
   const m = 15;
   let container_rect = new DOMRect(m, 0, window.innerWidth - 2 * m, window.innerHeight);
-  if (rect.right > container_rect.right)
-    x = container_rect.right - rect.width;
-  if (rect.bottom > container_rect.bottom)
-    y = container_rect.bottom - rect.height - around_rect.height;
+  if (isDeviceSmallerThan("sm")) {
+    const sel = window.getSelection();
+    if (sel && sel.rangeCount > 0 && sel.focusNode && sel.focusNode.nodeType == sel.focusNode.TEXT_NODE) {
+      container_rect.height -= 300;
+      console.log("shirnked: ", container_rect);
+    }
+  }
+  let xShifted = false;
+  if (rect.right > container_rect.right) {
+    x = container_rect.right - rect.width + m;
+    xShifted = true;
+  }
+  let yShifted = false;
+  if (rect.bottom > container_rect.bottom) {
+    y = container_rect.bottom - rect.height - m;
+    if (xShifted)
+      x -= around_rect.width;
+    else
+      y -= around_rect.height - m;
+    yShifted = true;
+  }
   if (rect.left < container_rect.left)
     x = container_rect.left;
   if (rect.top < container_rect.top)
@@ -54,7 +71,7 @@ export async function show(around, _operations) {
   await tick();
   if (is_root_menu)
     menu_root.addEventListener("click", on_before_container_click, true);
-  if (menu_items.length)
+  if (menu_items.length && !isDeviceSmallerThan("sm"))
     focus_menu_item(focused_index);
 }
 export function isVisible() {
@@ -135,7 +152,8 @@ function on_change_focus(e) {
   }
 }
 function on_mouse_move(index) {
-  focus_menu_item(index);
+  if (!isDeviceSmallerThan("sm"))
+    focus_menu_item(index);
 }
 function execute_action(operation, index) {
   if (operation.menu) {
@@ -186,6 +204,9 @@ function hide_submenu() {
   owner_menu_item.focus();
   hide();
 }
+function mousedown(e) {
+  e.preventDefault();
+}
 </script>
 
 <div id="__hd_svelte_contextmenu" 
@@ -204,15 +225,16 @@ function hide_submenu() {
             {@const icon_placeholder_with_desc = mobile ? 14 : 12}
             {@const icon_placeholder_size = operation.description ? icon_placeholder_with_desc : icon_placeholder_without_desc}
             {@const menu_item_id = menu_items_id_prefix + index}
-            {@const active = focused_index == index ? 'bg-stone-200 dark:bg-stone-600' : ''}
+            {@const active = ((!mobile) && (focused_index == index)) ? 'bg-stone-200 dark:bg-stone-600' : ''}
             {@const has_submenu = operation.menu !== undefined && operation.menu.length > 0}
             
-            <button class="font-medium m-0 p-2 text-lg sm:text-sm w-full text-left flex flex-row cursor-context-menu {active} focus:outline-none"
+            <button class="font-medium m-0 py-2 pr-4 text-lg sm:text-sm w-full text-left flex flex-row cursor-context-menu {active} focus:outline-none"
                     id={menu_item_id}
                     bind:this={menu_items[index]}
                     on:click|stopPropagation={(e) => { execute_action(operation, index) } } 
                     on:mouseenter = {(e) => {on_mouse_move(index)}}
-                    on:keydown|stopPropagation={(e) => on_keydown(e, operation, index)}>
+                    on:keydown|stopPropagation={(e) => on_keydown(e, operation, index)}
+                    on:mousedown={mousedown}>
                     
                 <div class="flex items-center justify-center mt-1 sm:mt-0.5" style:width={`${icon_placeholder_size*0.25}rem`}>
                     {#if operation.icon}

package/components/contextmenu.svelte.d.ts

@@ -1,26 +1,26 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        widthPx?: number | undefined;
-        menu_items_id_prefix?: string | undefined;
-        owner_menu_item?: HTMLElement | undefined;
-        show?: ((around: DOMRect | DOMPoint, _operations: any) => Promise<void>) | undefined;
-        isVisible?: (() => boolean) | undefined;
-        hide?: (() => void) | undefined;
-        getRenderedRect?: (() => DOMRect | undefined) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ContextmenuProps = typeof __propDef.props;
-export type ContextmenuEvents = typeof __propDef.events;
-export type ContextmenuSlots = typeof __propDef.slots;
-export default class Contextmenu extends SvelteComponentTyped<ContextmenuProps, ContextmenuEvents, ContextmenuSlots> {
-    get show(): (around: DOMRect | DOMPoint, _operations: any) => Promise<void>;
-    get isVisible(): () => boolean;
-    get hide(): () => void;
-    get getRenderedRect(): () => DOMRect | undefined;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        widthPx?: number | undefined;
+        menu_items_id_prefix?: string | undefined;
+        owner_menu_item?: HTMLElement | undefined;
+        show?: ((around: DOMRect | DOMPoint, _operations: any) => Promise<void>) | undefined;
+        isVisible?: (() => boolean) | undefined;
+        hide?: (() => void) | undefined;
+        getRenderedRect?: (() => DOMRect | undefined) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ContextmenuProps = typeof __propDef.props;
+export type ContextmenuEvents = typeof __propDef.events;
+export type ContextmenuSlots = typeof __propDef.slots;
+export default class Contextmenu extends SvelteComponentTyped<ContextmenuProps, ContextmenuEvents, ContextmenuSlots> {
+    get show(): (around: DOMRect | DOMPoint, _operations: any) => Promise<void>;
+    get isVisible(): () => boolean;
+    get hide(): () => void;
+    get getRenderedRect(): () => DOMRect | undefined;
+}
+export {};

package/components/date.svelte.d.ts

@@ -1,31 +1,31 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        date?: Date | undefined;
-        onSelect?: undefined;
-        type?: string | undefined;
-        changed?: undefined;
-        s?: string | undefined;
-        c?: string | undefined;
-        compact?: boolean | undefined;
-        inContext?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        show?: ((event: any, hide_callback: any) => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DateProps = typeof __propDef.props;
-export type DateEvents = typeof __propDef.events;
-export type DateSlots = typeof __propDef.slots;
-export default class Date extends SvelteComponentTyped<DateProps, DateEvents, DateSlots> {
-    get show(): (event: any, hide_callback: any) => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        date?: Date | undefined;
+        onSelect?: undefined;
+        type?: string | undefined;
+        changed?: undefined;
+        s?: string | undefined;
+        c?: string | undefined;
+        compact?: boolean | undefined;
+        inContext?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        show?: ((event: any, hide_callback: any) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DateProps = typeof __propDef.props;
+export type DateEvents = typeof __propDef.events;
+export type DateSlots = typeof __propDef.slots;
+export default class Date extends SvelteComponentTyped<DateProps, DateEvents, DateSlots> {
+    get show(): (event: any, hide_callback: any) => void;
+}
+export {};

package/components/delayed.spinner.svelte.d.ts

@@ -1,19 +1,19 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        size?: number | undefined;
-        delay?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DelayedProps = typeof __propDef.props;
-export type DelayedEvents = typeof __propDef.events;
-export type DelayedSlots = typeof __propDef.slots;
-export default class Delayed extends SvelteComponentTyped<DelayedProps, DelayedEvents, DelayedSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        color?: string | undefined;
+        size?: number | undefined;
+        delay?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DelayedProps = typeof __propDef.props;
+export type DelayedEvents = typeof __propDef.events;
+export type DelayedSlots = typeof __propDef.slots;
+export default class Delayed extends SvelteComponentTyped<DelayedProps, DelayedEvents, DelayedSlots> {
+}
+export {};

package/components/document/internal/Document_command.d.ts

@@ -1,9 +1,9 @@
-export declare class Document_command {
-    caption: string;
-    description: string;
-    tags?: string;
-    shortcut?: string;
-    icon: any;
-    icon_size?: number;
-    on_choice: any;
-}
+export declare class Document_command {
+    caption: string;
+    description: string;
+    tags?: string;
+    shortcut?: string;
+    icon: any;
+    icon_size?: number;
+    on_choice: any;
+}

package/components/document/internal/Document_command.js

@@ -1,9 +1,9 @@
-export class Document_command {
-    caption;
-    description;
-    tags;
-    shortcut;
-    icon;
-    icon_size = 6;
-    on_choice;
-}
+export class Document_command {
+    caption;
+    description;
+    tags;
+    shortcut;
+    icon;
+    icon_size = 6;
+    on_choice;
+}

package/components/document/internal/Selection_helper.d.ts

@@ -1,7 +1,7 @@
-import { Selection_range } from "./Selection_range";
-export declare class Selection_helper {
-    private static nodewalk;
-    static create_cursor_range(elem: HTMLElement, nrOfChars: number): [Range, Node];
-    static create_range(elem: HTMLElement, start: number, end: number): Range;
-    static get_selection(elem: HTMLElement): Selection_range;
-}
+import { Selection_range } from "./Selection_range";
+export declare class Selection_helper {
+    private static nodewalk;
+    static create_cursor_range(elem: HTMLElement, nrOfChars: number): [Range, Node];
+    static create_range(elem: HTMLElement, start: number, end: number): Range;
+    static get_selection(elem: HTMLElement): Selection_range;
+}