@humandialog/forms.svelte 1.3.9 → 1.3.11

package/components/icon.ex.svelte

@@ -0,0 +1,114 @@
+<svelte:options accessors={true}/>
+<script>import { icons } from "../utils.js";
+export let component = null;
+export let moduleName = "fa/FaQuestion";
+export let img = "";
+export let label = "";
+export let symbol = "";
+export let color = "";
+export let size = void 0;
+export let bg = "";
+export let circle = false;
+let additional_class = $$restProps.class ?? "";
+let id = $$restProps.id ?? "";
+let _bg;
+let txt = "";
+let symbol_html = "";
+$: {
+  if (symbol) {
+    if (symbol.startsWith("label:"))
+      label = symbol.substring(6);
+    else if (symbol.startsWith("color:"))
+      color = symbol.substring(6);
+    else if (symbol.startsWith("img:"))
+      img = symbol.substring(4);
+    else if (icons && icons.symbols && icons.symbols.has(symbol))
+      symbol_html = icons.symbols.get(symbol);
+  }
+  if (img) {
+    img = img;
+    txt = "";
+    _bg = bg;
+  } else if (label) {
+    label = label;
+    bg = bg;
+    if (!bg) {
+      let saturation = 100;
+      let lightness = 75;
+      let hash = 0;
+      for (let i = 0; i < label.length; i++) {
+        hash = label.charCodeAt(i) + ((hash << 5) - hash);
+        hash = hash & hash;
+      }
+      _bg = `hsl(${hash % 360}, ${saturation}%, ${lightness}%)`;
+    } else
+      _bg = bg;
+    let arr = label.split(" ");
+    if (arr.length > 0) {
+      txt = arr[0].substring(0, 1).toUpperCase();
+      if (arr.length > 1)
+        txt += arr[arr.length - 1].substring(0, 1).toUpperCase();
+    }
+  } else if (color) {
+    _bg = color;
+  } else if (symbol) {
+  } else if (!component) {
+  } else
+    component = component;
+}
+let style;
+$: {
+  if (size == void 0) {
+    if (!additional_class) {
+      size = 5;
+      let icon_size = `${size * 0.25}rem`;
+      style = `width: ${icon_size}; height: ${icon_size}`;
+    } else
+      style = "";
+  } else {
+    let icon_size = `${size * 0.25}rem`;
+    style = `width: ${icon_size}; height: ${icon_size}`;
+  }
+}
+</script>
+
+<div class=" {additional_class}"
+    style="{style}"
+    style:background-color={_bg}
+    style:border-radius={ circle ? '50%' : ''}
+    {id}
+    on:blur
+    on:click
+    on:focus
+    on:keydown
+    on:keypress
+    on:keyup
+    on:mouseenter
+    on:mouseleave
+    on:mouseover >
+    {#if component != null}
+        <svelte:component this={component} />
+    {:else if txt}
+        <div   class="m-0 p-0 font-sans font-bold flex flex-col justify-center text-center w-full h-full text-stone-900"
+               style:font-size={`${size/8}rem`}
+               >
+            <div>{txt}</div>
+        </div>
+    {:else if img}
+        <img src={img} class="w-full max-w-full h-full max-h-full" alt='img'/>
+    {:else if symbol_html}
+        {@html symbol_html}
+    {/if}
+</div>
+
+<!--style>
+  svg {
+    stroke: currentColor;
+    fill: currentColor;
+    stroke-width: 0;
+    width: 100%;
+    height: auto;
+    max-height: 100%;
+  }  
+
+</style-->

package/components/icon.ex.svelte.d.ts

@@ -0,0 +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 {};

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<{
-    i?: null | undefined;
-    s?: string | undefined;
-    placeholder?: string | 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: {
-        i?: null | undefined;
-        s?: string | undefined;
-        placeholder?: string | 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<{
+    i?: null | undefined;
+    s?: string | undefined;
+    placeholder?: string | 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: {
+        i?: null | undefined;
+        s?: string | undefined;
+        placeholder?: string | undefined;
+        fld?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/inputbox.ltop.svelte.d.ts

@@ -1,59 +1,59 @@
-/** @typedef {typeof __propDef.props}  InputboxProps */
-/** @typedef {typeof __propDef.events}  InputboxEvents */
-/** @typedef {typeof __propDef.slots}  InputboxSlots */
-export default class Inputbox extends SvelteComponentTyped<{
-    [x: string]: any;
-    a?: string | undefined;
-    label?: string | undefined;
-    s?: string | undefined;
-    self?: null | undefined;
-    invalid?: boolean | undefined;
-    placeholder?: string | undefined;
-    context?: string | undefined;
-    typename?: string | undefined;
-    c?: string | undefined;
-    pushChangesImmediately?: boolean | undefined;
-    itype?: string | undefined;
-    val?: string | undefined;
-    required?: boolean | undefined;
-    readonly?: boolean | undefined;
-    validation?: any;
-    validate?: (() => boolean) | undefined;
-    setReadonly?: ((val: any) => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-    get validate(): () => boolean;
-    get setReadonly(): (val: any) => void;
-}
-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;
-        a?: string | undefined;
-        label?: string | undefined;
-        s?: string | undefined;
-        self?: null | undefined;
-        invalid?: boolean | undefined;
-        placeholder?: string | undefined;
-        context?: string | undefined;
-        typename?: string | undefined;
-        c?: string | undefined;
-        pushChangesImmediately?: boolean | undefined;
-        itype?: string | undefined;
-        val?: string | undefined;
-        required?: boolean | undefined;
-        readonly?: boolean | undefined;
-        validation?: any;
-        validate?: (() => boolean) | undefined;
-        setReadonly?: ((val: any) => void) | 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;
+    a?: string | undefined;
+    label?: string | undefined;
+    s?: string | undefined;
+    self?: null | undefined;
+    invalid?: boolean | undefined;
+    placeholder?: string | undefined;
+    context?: string | undefined;
+    typename?: string | undefined;
+    c?: string | undefined;
+    pushChangesImmediately?: boolean | undefined;
+    itype?: string | undefined;
+    val?: string | undefined;
+    required?: boolean | undefined;
+    readonly?: boolean | undefined;
+    validation?: any;
+    validate?: (() => boolean) | undefined;
+    setReadonly?: ((val: any) => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+    get validate(): () => boolean;
+    get setReadonly(): (val: any) => void;
+}
+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;
+        a?: string | undefined;
+        label?: string | undefined;
+        s?: string | undefined;
+        self?: null | undefined;
+        invalid?: boolean | undefined;
+        placeholder?: string | undefined;
+        context?: string | undefined;
+        typename?: string | undefined;
+        c?: string | undefined;
+        pushChangesImmediately?: boolean | undefined;
+        itype?: string | undefined;
+        val?: string | undefined;
+        required?: boolean | undefined;
+        readonly?: boolean | undefined;
+        validation?: any;
+        validate?: (() => boolean) | undefined;
+        setReadonly?: ((val: any) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/kanban/Kanban.d.ts

@@ -1,47 +1,47 @@
-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;
-    titleHref: string | undefined;
-    titleHrefFunc: Function | undefined;
-    titleHasAttachment: Function | undefined;
-    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[];
-    visibleColumnsNo(): number;
-    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;
+    titleHref: string | undefined;
+    titleHrefFunc: Function | undefined;
+    titleHasAttachment: Function | undefined;
+    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[];
+    visibleColumnsNo(): number;
+    clear(): void;
+}
+export declare const KanbanColumnTop = -1;
+export declare const KanbanColumnBottom = -2;