@humandialog/forms.svelte 0.5.9 → 0.5.11

package/components/document/rich.edit.svelte

@@ -6,6 +6,7 @@ import { informModification, pushChanges } from "../../updates.js";
 import { parseWidthDirective } from "../../utils.js";
 import Palette from "./internal/palette.svelte";
 import FaFont from "svelte-icons/fa/FaFont.svelte";
+import FaRemoveFormat from "svelte-icons/fa/FaRemoveFormat.svelte";
 import FaHead from "svelte-icons/fa/FaHeading.svelte";
 import FaCode from "svelte-icons/fa/FaCode.svelte";
 import FaComments from "svelte-icons/fa/FaComment.svelte";
@@ -26,12 +27,11 @@ export function run(onStop = void 0) {
   onBlur = onStop;
   editable_div?.focus();
 }
-export function getFormattingOperations() {
+export function getFormattingOperations(withCaptions = false) {
   let result = [];
   commands.forEach((c2) => {
     result.push({
-      caption: "",
-      //c.caption,
+      caption: withCaptions ? c2.caption : "",
       icon: c2.icon,
       action: c2.on_choice
     });
@@ -942,7 +942,7 @@ function saveData() {
   return false;
 }
 let commands = [
-  { caption: "Normal", description: "This is normal text style", tags: "text", icon: FaFont, on_choice: () => {
+  { caption: "Normal", description: "This is normal text style", tags: "text", icon: FaRemoveFormat, on_choice: () => {
     do_format("p", "");
   } },
   //   {   caption: 'Heading 1',    description: 'Big section heading',            tags: 'h1',      icon: FaHead,    icon_size: 6,      on_choice: () => { do_format('h2', '') } } ,

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;
-        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 {};
+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?: ((withCaptions?: boolean) => 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(): (withCaptions?: boolean) => any[];
+}
+export {};

package/components/edit.field.svelte

@@ -5,6 +5,7 @@ import { parseWidthDirective, shouldBeComapact } from "../utils.js";
 export let value = "";
 export let placeholder = "";
 export let onEnter = null;
+export let onBlur = null;
 export let self = null;
 export let a = "";
 export let context = "";
@@ -46,13 +47,15 @@ function setup(data_tick_store2) {
       value = "<empty>";
   }
 }
-function on_activate_input_box(event) {
+export function run(event) {
   if (!input_box_is_active && (is_table_component && $contextItemsStore["sel"] == self || !is_table_component)) {
     input_box_is_active = true;
     focus_input_box = true;
     org_value = value;
-    event.preventDefault();
-    event.stopPropagation();
+    if (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   }
 }
 async function on_key_down(event) {
@@ -96,6 +99,8 @@ async function on_key_down(event) {
 function on_blur(event) {
   input_box_is_active = false;
   value = org_value;
+  if (onBlur)
+    onBlur();
 }
 function value_changed() {
   if (item && a) {
@@ -113,7 +118,7 @@ function accept_change() {
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<div class="{cs} flex items-center {additional_class}" on:click={on_activate_input_box}>
+<div class="{cs} flex items-center {additional_class}" on:click={run}>
     <slot></slot>
     
     {#if input_box_is_active}

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

@@ -1,28 +1,31 @@
-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;
+        onBlur?: null | undefined;
+        self?: null | undefined;
+        a?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        inserter?: boolean | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        run?: ((event: any) => void) | 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> {
+    get run(): (event: any) => void;
+}
+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.d.ts

@@ -1,52 +1,52 @@
-/** @typedef {typeof __propDef.props}  InputboxProps */
-/** @typedef {typeof __propDef.events}  InputboxEvents */
-/** @typedef {typeof __propDef.slots}  InputboxSlots */
-export default class Inputbox extends SvelteComponentTyped<{
-    [x: string]: any;
-    invalid?: boolean | undefined;
-    label?: string | undefined;
-    context?: string | undefined;
-    self?: null | undefined;
-    c?: string | undefined;
-    typename?: string | undefined;
-    a?: string | undefined;
-    pushChangesImmediately?: boolean | undefined;
-    s?: string | undefined;
-    placeholder?: string | undefined;
-    itype?: string | undefined;
-    val?: string | undefined;
-    validateCb?: any;
-    validate?: (() => boolean) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-    get validate(): () => boolean;
-}
-export type InputboxProps = typeof __propDef.props;
-export type InputboxEvents = typeof __propDef.events;
-export type InputboxSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        invalid?: boolean | undefined;
-        label?: string | undefined;
-        context?: string | undefined;
-        self?: null | undefined;
-        c?: string | undefined;
-        typename?: string | undefined;
-        a?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        s?: string | undefined;
-        placeholder?: string | undefined;
-        itype?: string | undefined;
-        val?: string | undefined;
-        validateCb?: any;
-        validate?: (() => boolean) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  InputboxProps */
+/** @typedef {typeof __propDef.events}  InputboxEvents */
+/** @typedef {typeof __propDef.slots}  InputboxSlots */
+export default class Inputbox extends SvelteComponentTyped<{
+    [x: string]: any;
+    invalid?: boolean | undefined;
+    label?: string | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    c?: string | undefined;
+    typename?: string | undefined;
+    a?: string | undefined;
+    pushChangesImmediately?: boolean | undefined;
+    s?: string | undefined;
+    placeholder?: string | undefined;
+    itype?: string | undefined;
+    val?: string | undefined;
+    validateCb?: any;
+    validate?: (() => boolean) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+    get validate(): () => boolean;
+}
+export type InputboxProps = typeof __propDef.props;
+export type InputboxEvents = typeof __propDef.events;
+export type InputboxSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        invalid?: boolean | undefined;
+        label?: string | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        c?: string | undefined;
+        typename?: string | undefined;
+        a?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        s?: string | undefined;
+        placeholder?: string | undefined;
+        itype?: string | undefined;
+        val?: string | undefined;
+        validateCb?: any;
+        validate?: (() => boolean) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/kanban/Kanban.d.ts

@@ -1,43 +1,43 @@
-import type { rList_property } from "../list/List";
-export declare const KanbanCardTop = 1;
-export declare const KanbanCardMiddle = 2;
-export declare const KanbanCardBottom = 3;
-export declare class rKanban_column {
-    id: number;
-    title: string;
-    width: string;
-    state: any;
-    finishing: boolean;
-    operations: object[] | undefined;
-    onTitleChanged: Function | undefined;
-}
-export declare class rKanban_definition {
-    columns: rKanban_column[];
-    titleAttrib: string;
-    titleOnChange: Function | undefined;
-    titleReadOnly: boolean;
-    summaryAttrib: string;
-    summaryOnChange: Function | undefined;
-    summaryReadOnly: boolean;
-    properties: rList_property[];
-    self: object | undefined;
-    a: string;
-    objects: object[] | undefined;
-    context: string;
-    key: string;
-    typename: string;
-    stateAttrib: string;
-    orderAttrib: string;
-    onUp: Function | undefined;
-    onDown: Function | undefined;
-    onAdd: Function | undefined;
-    onRemove: Function | undefined;
-    onReplace: Function | undefined;
-    onOpen: Function | undefined;
-    getCardOperations: Function | undefined;
-    private items;
-    getItems(): object[];
-    clear(): void;
-}
-export declare const KanbanColumnTop = -1;
-export declare const KanbanColumnBottom = -2;
+import type { rList_property } from "../list/List";
+export declare const KanbanCardTop = 1;
+export declare const KanbanCardMiddle = 2;
+export declare const KanbanCardBottom = 3;
+export declare class rKanban_column {
+    id: number;
+    title: string;
+    width: string;
+    state: any;
+    finishing: boolean;
+    operations: object[] | undefined;
+    onTitleChanged: Function | undefined;
+}
+export declare class rKanban_definition {
+    columns: rKanban_column[];
+    titleAttrib: string;
+    titleOnChange: Function | undefined;
+    titleReadOnly: boolean;
+    summaryAttrib: string;
+    summaryOnChange: Function | undefined;
+    summaryReadOnly: boolean;
+    properties: rList_property[];
+    self: object | undefined;
+    a: string;
+    objects: object[] | undefined;
+    context: string;
+    key: string;
+    typename: string;
+    stateAttrib: string;
+    orderAttrib: string;
+    onUp: Function | undefined;
+    onDown: Function | undefined;
+    onAdd: Function | undefined;
+    onRemove: Function | undefined;
+    onReplace: Function | undefined;
+    onOpen: Function | undefined;
+    getCardOperations: Function | undefined;
+    private items;
+    getItems(): object[];
+    clear(): void;
+}
+export declare const KanbanColumnTop = -1;
+export declare const KanbanColumnBottom = -2;