@humandialog/forms.svelte 0.5.4 → 0.5.6

package/components/document/internal/palette.svelte.d.ts

@@ -1,67 +1,67 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Document_command } from './Document_command';
-declare const __propDef: {
-    props: {
-        commands: Document_command[];
-        width_px?: number | undefined;
-        max_height_px?: number | undefined;
-        show?: ((x: number, y: number, up?: boolean) => void) | undefined;
-        show_fullscreen?: ((_width_px: number, _height_px: number) => void) | undefined;
-        hide?: (() => void) | undefined;
-        execute_selected_command?: (() => void) | undefined;
-        filter?: ((key: string) => void) | undefined;
-        navigate_up?: (() => void) | undefined;
-        navigate_down?: (() => void) | undefined;
-    };
-    events: {
-        palette_shown: CustomEvent<any>;
-        palette_hidden: CustomEvent<any>;
-        palette_mouse_click: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {}; /**accessor*/
-};
-export type PaletteProps = typeof __propDef.props;
-export type PaletteEvents = typeof __propDef.events;
-export type PaletteSlots = typeof __propDef.slots;
-export default class Palette extends SvelteComponentTyped<PaletteProps, PaletteEvents, PaletteSlots> {
-    get show(): (x: number, y: number, up?: boolean) => void;
-    get show_fullscreen(): (_width_px: number, _height_px: number) => void;
-    get hide(): () => void;
-    get execute_selected_command(): () => void;
-    get filter(): (key: string) => void;
-    get navigate_up(): () => void;
-    get navigate_down(): () => void;
-    get commands(): Document_command[];
-    /**accessor*/
-    set commands(_: Document_command[]);
-    get width_px(): number | undefined;
-    /**accessor*/
-    set width_px(_: number | undefined);
-    get max_height_px(): number | undefined;
-    /**accessor*/
-    set max_height_px(_: number | undefined);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+import type { Document_command } from './Document_command';
+declare const __propDef: {
+    props: {
+        commands: Document_command[];
+        width_px?: number | undefined;
+        max_height_px?: number | undefined;
+        show?: ((x: number, y: number, up?: boolean) => void) | undefined;
+        show_fullscreen?: ((_width_px: number, _height_px: number) => void) | undefined;
+        hide?: (() => void) | undefined;
+        execute_selected_command?: (() => void) | undefined;
+        filter?: ((key: string) => void) | undefined;
+        navigate_up?: (() => void) | undefined;
+        navigate_down?: (() => void) | undefined;
+    };
+    events: {
+        palette_shown: CustomEvent<any>;
+        palette_hidden: CustomEvent<any>;
+        palette_mouse_click: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {}; /**accessor*/
+};
+export type PaletteProps = typeof __propDef.props;
+export type PaletteEvents = typeof __propDef.events;
+export type PaletteSlots = typeof __propDef.slots;
+export default class Palette extends SvelteComponentTyped<PaletteProps, PaletteEvents, PaletteSlots> {
+    get show(): (x: number, y: number, up?: boolean) => void;
+    get show_fullscreen(): (_width_px: number, _height_px: number) => void;
+    get hide(): () => void;
+    get execute_selected_command(): () => void;
+    get filter(): (key: string) => void;
+    get navigate_up(): () => void;
+    get navigate_down(): () => void;
+    get commands(): Document_command[];
+    /**accessor*/
+    set commands(_: Document_command[]);
+    get width_px(): number | undefined;
+    /**accessor*/
+    set width_px(_: number | undefined);
+    get max_height_px(): number | undefined;
+    /**accessor*/
+    set max_height_px(_: number | undefined);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+}
+export {};

package/components/document/rich.edit.svelte

@@ -26,7 +26,7 @@ export function run(onStop = void 0) {
   onBlur = onStop;
   editable_div?.focus();
 }
-export function get_formatting_operations() {
+export function getFormattingOperations() {
   let result = [];
   commands.forEach((c2) => {
     result.push({
@@ -143,6 +143,19 @@ const on_keyup = () => {
   selection_changed();
 };
 const on_keydown = (event) => {
+  const sel = window.getSelection();
+  if (sel.focusNode == editable_div) {
+    let next_text_editable_node = find_next_editable_node(null, editable_div);
+    if (!next_text_editable_node) {
+      event.preventDefault();
+      return;
+    }
+    let range = new Range();
+    range.collapse(true);
+    range.setStart(next_text_editable_node, 0);
+    range.setEnd(next_text_editable_node, 0);
+    set_selection(range);
+  }
   switch (event.key) {
     case "Enter":
       if (is_command_palette_visible) {
@@ -650,7 +663,11 @@ function is_non_editable_element(node) {
   if (node.nodeType != node.ELEMENT_NODE)
     return false;
   let element = node;
-  return element.isContentEditable;
+  if (element.isContentEditable)
+    return false;
+  if (element.contentEditable == "false")
+    return true;
+  return false;
 }
 function find_next_editable_node(after, parent, check_upper_nodes = false) {
   let node;
@@ -884,23 +901,45 @@ function navigate_command_palette(key) {
 }
 function on_selection_changed() {
 }
+let intervalId = 0;
+function on_focus() {
+  if (pushChangesImmediately) {
+    intervalId = setInterval(
+      () => {
+        saveData();
+      },
+      2e3
+    );
+  }
+}
 function on_blur() {
   let active_range = Selection_helper.get_selection(editable_div);
+  if (intervalId) {
+    clearInterval(intervalId);
+    intervalId = 0;
+  }
   if (onBlur) {
     onBlur();
     onBlur = void 0;
   }
+  if (saveData()) {
+    last_tick = $data_tick_store + 1;
+    $data_tick_store = last_tick;
+  }
+}
+function saveData() {
   if (item && a && has_changed_value) {
     item[a] = changed_value;
     has_changed_value = false;
-    if (typename) {
+    if (typename)
       informModification(item, a, typename);
-      if (pushChangesImmediately)
-        pushChanges();
-    }
-    last_tick = $data_tick_store + 1;
-    $data_tick_store = last_tick;
+    else
+      informModification(item, a);
+    if (pushChangesImmediately)
+      pushChanges();
+    return true;
   }
+  return false;
 }
 let commands = [
   { caption: "Normal", description: "This is normal text style", tags: "text", icon: FaFont, on_choice: () => {
@@ -940,6 +979,7 @@ let commands = [
         class="{cs}     {appearance_class} 
                         prose prose-base sm:prose-base dark:prose-invert {additional_class} overflow-y-auto"
         on:blur={on_blur}
+        on:focus={on_focus}
         on:focus
         on:blur
         >
@@ -960,6 +1000,7 @@ let commands = [
     outline: 0px solid transparent;
 }
 
+
 /*
 :global(.doc-code) {
   margin-left: 3rem;

package/components/document/rich.edit.svelte.d.ts

@@ -1,32 +1,32 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        compact?: boolean | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        run?: ((onStop?: undefined) => void) | undefined;
-        get_formatting_operations?: (() => any[]) | undefined;
-    };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RichProps = typeof __propDef.props;
-export type RichEvents = typeof __propDef.events;
-export type RichSlots = typeof __propDef.slots;
-export default class Rich extends SvelteComponentTyped<RichProps, RichEvents, RichSlots> {
-    get run(): (onStop?: undefined) => void;
-    get get_formatting_operations(): () => any[];
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        compact?: boolean | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        run?: ((onStop?: undefined) => void) | undefined;
+        getFormattingOperations?: (() => any[]) | undefined;
+    };
+    events: {
+        focus: FocusEvent;
+        blur: FocusEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type RichProps = typeof __propDef.props;
+export type RichEvents = typeof __propDef.events;
+export type RichSlots = typeof __propDef.slots;
+export default class Rich extends SvelteComponentTyped<RichProps, RichEvents, RichSlots> {
+    get run(): (onStop?: undefined) => void;
+    get getFormattingOperations(): () => any[];
+}
+export {};

package/components/edit.field.svelte.d.ts

@@ -1,28 +1,28 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        onEnter?: null | undefined;
-        self?: null | undefined;
-        a?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        inserter?: boolean | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EditProps = typeof __propDef.props;
-export type EditEvents = typeof __propDef.events;
-export type EditSlots = typeof __propDef.slots;
-export default class Edit extends SvelteComponentTyped<EditProps, EditEvents, EditSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        onEnter?: null | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        inserter?: boolean | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type EditProps = typeof __propDef.props;
+export type EditEvents = typeof __propDef.events;
+export type EditSlots = typeof __propDef.slots;
+export default class Edit extends SvelteComponentTyped<EditProps, EditEvents, EditSlots> {
+}
+export {};

package/components/file.loader.svelte.d.ts

@@ -1,25 +1,25 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        getName?: (() => string) | undefined;
-        getSize?: (() => number) | undefined;
-        getType?: (() => string) | undefined;
-        getData?: (() => ArrayBuffer) | undefined;
-        isSelected?: (() => boolean) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FileProps = typeof __propDef.props;
-export type FileEvents = typeof __propDef.events;
-export type FileSlots = typeof __propDef.slots;
-export default class File extends SvelteComponentTyped<FileProps, FileEvents, FileSlots> {
-    get getName(): () => string;
-    get getSize(): () => number;
-    get getType(): () => string;
-    get getData(): () => ArrayBuffer;
-    get isSelected(): () => boolean;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        getName?: (() => string) | undefined;
+        getSize?: (() => number) | undefined;
+        getType?: (() => string) | undefined;
+        getData?: (() => ArrayBuffer) | undefined;
+        isSelected?: (() => boolean) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FileProps = typeof __propDef.props;
+export type FileEvents = typeof __propDef.events;
+export type FileSlots = typeof __propDef.slots;
+export default class File extends SvelteComponentTyped<FileProps, FileEvents, FileSlots> {
+    get getName(): () => string;
+    get getSize(): () => number;
+    get getType(): () => string;
+    get getData(): () => ArrayBuffer;
+    get isSelected(): () => boolean;
+}
+export {};

package/components/icon.svelte.d.ts

@@ -1,62 +1,62 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        component?: null | undefined;
-        moduleName?: string | undefined;
-        img?: string | undefined;
-        label?: string | undefined;
-        symbol?: string | undefined;
-        color?: string | undefined;
-        size?: number | undefined;
-        bg?: string | undefined;
-        circle?: boolean | undefined;
-    };
-    events: {
-        blur: FocusEvent;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon extends SvelteComponentTyped<IconProps, IconEvents, IconSlots> {
-    get component(): null | undefined;
-    /**accessor*/
-    set component(_: null | undefined);
-    get moduleName(): string | undefined;
-    /**accessor*/
-    set moduleName(_: string | undefined);
-    get img(): string | undefined;
-    /**accessor*/
-    set img(_: string | undefined);
-    get label(): string | undefined;
-    /**accessor*/
-    set label(_: string | undefined);
-    get symbol(): string | undefined;
-    /**accessor*/
-    set symbol(_: string | undefined);
-    get color(): string | undefined;
-    /**accessor*/
-    set color(_: string | undefined);
-    get size(): number | undefined;
-    /**accessor*/
-    set size(_: number | undefined);
-    get bg(): string | undefined;
-    /**accessor*/
-    set bg(_: string | undefined);
-    get circle(): boolean | undefined;
-    /**accessor*/
-    set circle(_: boolean | undefined);
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        component?: null | undefined;
+        moduleName?: string | undefined;
+        img?: string | undefined;
+        label?: string | undefined;
+        symbol?: string | undefined;
+        color?: string | undefined;
+        size?: number | undefined;
+        bg?: string | undefined;
+        circle?: boolean | undefined;
+    };
+    events: {
+        blur: FocusEvent;
+        click: MouseEvent;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        mouseover: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+export default class Icon extends SvelteComponentTyped<IconProps, IconEvents, IconSlots> {
+    get component(): null | undefined;
+    /**accessor*/
+    set component(_: null | undefined);
+    get moduleName(): string | undefined;
+    /**accessor*/
+    set moduleName(_: string | undefined);
+    get img(): string | undefined;
+    /**accessor*/
+    set img(_: string | undefined);
+    get label(): string | undefined;
+    /**accessor*/
+    set label(_: string | undefined);
+    get symbol(): string | undefined;
+    /**accessor*/
+    set symbol(_: string | undefined);
+    get color(): string | undefined;
+    /**accessor*/
+    set color(_: string | undefined);
+    get size(): number | undefined;
+    /**accessor*/
+    set size(_: number | undefined);
+    get bg(): string | undefined;
+    /**accessor*/
+    set bg(_: string | undefined);
+    get circle(): boolean | undefined;
+    /**accessor*/
+    set circle(_: boolean | undefined);
+}
+export {};

package/components/input.text.svelte.d.ts

@@ -1,29 +1,29 @@
-/** @typedef {typeof __propDef.props}  InputProps */
-/** @typedef {typeof __propDef.events}  InputEvents */
-/** @typedef {typeof __propDef.slots}  InputSlots */
-export default class Input extends SvelteComponentTyped<{
-    s?: string | undefined;
-    placeholder?: string | undefined;
-    i?: null | undefined;
-    fld?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type InputProps = typeof __propDef.props;
-export type InputEvents = typeof __propDef.events;
-export type InputSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        s?: string | undefined;
-        placeholder?: string | undefined;
-        i?: null | undefined;
-        fld?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  InputProps */
+/** @typedef {typeof __propDef.events}  InputEvents */
+/** @typedef {typeof __propDef.slots}  InputSlots */
+export default class Input extends SvelteComponentTyped<{
+    s?: string | undefined;
+    placeholder?: string | undefined;
+    i?: null | undefined;
+    fld?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type InputProps = typeof __propDef.props;
+export type InputEvents = typeof __propDef.events;
+export type InputSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        s?: string | undefined;
+        placeholder?: string | undefined;
+        i?: null | undefined;
+        fld?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/inputbox.ltop.svelte

@@ -109,7 +109,7 @@
 </script>    
 
 {#if itype == 'text'}
-    {@const border_style = invalid ? "border-red-300 dark:border-red-600" : "border-stone-300 dark:border-stone-600" }
+    {@const border_style = invalid ? "border-red-300 dark:border-red-600" : "border-stone-300 dark:border-stone-500" }
     <div class={cs}>
         <label for="name" class="block {label_mb} text-xs font-small text-stone-900 dark:text-white">{label}</label>