@humandialog/forms.svelte 1.3.11 → 1.3.13

package/components/document/internal/h2.icon.svelte.d.ts

@@ -1,23 +1,23 @@
-/** @typedef {typeof __propDef.props}  H2Props */
-/** @typedef {typeof __propDef.events}  H2Events */
-/** @typedef {typeof __propDef.slots}  H2Slots */
-export default class H2 extends SvelteComponentTyped<{
-    [x: string]: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type H2Props = typeof __propDef.props;
-export type H2Events = typeof __propDef.events;
-export type H2Slots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  H2Props */
+/** @typedef {typeof __propDef.events}  H2Events */
+/** @typedef {typeof __propDef.slots}  H2Slots */
+export default class H2 extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type H2Props = typeof __propDef.props;
+export type H2Events = typeof __propDef.events;
+export type H2Slots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/document/internal/h3.icon.svelte.d.ts

@@ -1,23 +1,23 @@
-/** @typedef {typeof __propDef.props}  H3Props */
-/** @typedef {typeof __propDef.events}  H3Events */
-/** @typedef {typeof __propDef.slots}  H3Slots */
-export default class H3 extends SvelteComponentTyped<{
-    [x: string]: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type H3Props = typeof __propDef.props;
-export type H3Events = typeof __propDef.events;
-export type H3Slots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  H3Props */
+/** @typedef {typeof __propDef.events}  H3Events */
+/** @typedef {typeof __propDef.slots}  H3Slots */
+export default class H3 extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type H3Props = typeof __propDef.props;
+export type H3Events = typeof __propDef.events;
+export type H3Slots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/document/internal/h4.icon.svelte.d.ts

@@ -1,23 +1,23 @@
-/** @typedef {typeof __propDef.props}  H4Props */
-/** @typedef {typeof __propDef.events}  H4Events */
-/** @typedef {typeof __propDef.slots}  H4Slots */
-export default class H4 extends SvelteComponentTyped<{
-    [x: string]: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type H4Props = typeof __propDef.props;
-export type H4Events = typeof __propDef.events;
-export type H4Slots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  H4Props */
+/** @typedef {typeof __propDef.events}  H4Events */
+/** @typedef {typeof __propDef.slots}  H4Slots */
+export default class H4 extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type H4Props = typeof __propDef.props;
+export type H4Events = typeof __propDef.events;
+export type H4Slots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

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

@@ -1,46 +1,46 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Document_command } from './Document_command';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: string;
-        cmd: Document_command;
-        width_px?: number | undefined;
-        is_highlighted?: boolean | undefined;
-        active?: boolean | undefined;
-        scrollToView?: (() => void) | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        mousemove: MouseEvent;
-        mousedown: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-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 scrollToView(): () => void;
-    get id(): string;
-    /**accessor*/
-    set id(_: string);
-    get cmd(): Document_command;
-    /**accessor*/
-    set cmd(_: Document_command);
-    get width_px(): number | undefined;
-    /**accessor*/
-    set width_px(_: number | undefined);
-    get is_highlighted(): boolean | undefined;
-    /**accessor*/
-    set is_highlighted(_: boolean | undefined);
-    get active(): boolean | undefined;
-    /**accessor*/
-    set active(_: boolean | undefined);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+import type { Document_command } from './Document_command';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        id: string;
+        cmd: Document_command;
+        width_px?: number | undefined;
+        is_highlighted?: boolean | undefined;
+        active?: boolean | undefined;
+        scrollToView?: (() => void) | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        mousemove: MouseEvent;
+        mousedown: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+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 scrollToView(): () => void;
+    get id(): string;
+    /**accessor*/
+    set id(_: string);
+    get cmd(): Document_command;
+    /**accessor*/
+    set cmd(_: Document_command);
+    get width_px(): number | undefined;
+    /**accessor*/
+    set width_px(_: number | undefined);
+    get is_highlighted(): boolean | undefined;
+    /**accessor*/
+    set is_highlighted(_: boolean | undefined);
+    get active(): boolean | undefined;
+    /**accessor*/
+    set active(_: boolean | undefined);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+}
+export {};

package/components/document/internal/palette.row.svelte

@@ -38,7 +38,7 @@ export function scrollToView() {
      on:mousemove
      on:mousedown
      bind:this={element}>
-    <div class="flex items-center justify-center space-x-10 px-4 py-2" >
+    <div class="flex items-center justify-center space-x-10 px-4 py-2 ml-12 sm:ml-0" >
         {#if cmd.icon}
             <Icon size={icon_size} component={cmd.icon}/>
         {/if}

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

@@ -1,46 +1,46 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Document_command } from './Document_command';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: string;
-        cmd: Document_command;
-        width_px?: number | undefined;
-        is_highlighted?: boolean | undefined;
-        active?: boolean | undefined;
-        scrollToView?: (() => void) | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        mousemove: MouseEvent;
-        mousedown: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-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 scrollToView(): () => void;
-    get id(): string;
-    /**accessor*/
-    set id(_: string);
-    get cmd(): Document_command;
-    /**accessor*/
-    set cmd(_: Document_command);
-    get width_px(): number | undefined;
-    /**accessor*/
-    set width_px(_: number | undefined);
-    get is_highlighted(): boolean | undefined;
-    /**accessor*/
-    set is_highlighted(_: boolean | undefined);
-    get active(): boolean | undefined;
-    /**accessor*/
-    set active(_: boolean | undefined);
-    get undefined(): any;
-    /**accessor*/
-    set undefined(_: any);
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+import type { Document_command } from './Document_command';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        id: string;
+        cmd: Document_command;
+        width_px?: number | undefined;
+        is_highlighted?: boolean | undefined;
+        active?: boolean | undefined;
+        scrollToView?: (() => void) | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        mousemove: MouseEvent;
+        mousedown: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+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 scrollToView(): () => void;
+    get id(): string;
+    /**accessor*/
+    set id(_: string);
+    get cmd(): Document_command;
+    /**accessor*/
+    set cmd(_: Document_command);
+    get width_px(): number | undefined;
+    /**accessor*/
+    set width_px(_: number | undefined);
+    get is_highlighted(): boolean | undefined;
+    /**accessor*/
+    set is_highlighted(_: boolean | undefined);
+    get active(): boolean | undefined;
+    /**accessor*/
+    set active(_: boolean | undefined);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+}
+export {};

package/components/document/internal/palette.svelte

@@ -3,7 +3,7 @@
 import Pallete_row from "./palette.row.svelte";
 import { createEventDispatcher } from "svelte";
 import Icon from "../../icon.svelte";
-import { isDeviceSmallerThan } from "../../../utils.js";
+import { isDeviceSmallerThan, UI } from "../../../utils.js";
 export let commands;
 export let width_px = 400;
 export let max_height_px = 500;
@@ -78,19 +78,25 @@ export function execute_selected_command() {
 export function filter(key) {
   if (!filtered_commands)
     return filtered_commands;
+  let was_any_items_before = filtered_commands.length > 0;
   if (!key) {
     filtered_commands = [...commands];
-    return filtered_commands;
+  } else {
+    filtered_commands = [];
+    commands.forEach((cmd) => {
+      if (cmd.separator)
+        filtered_commands.push(cmd);
+      else if (cmd.caption.toLowerCase().includes(key.toLowerCase()))
+        filtered_commands.push(cmd);
+      else if (cmd.tags && cmd.tags.toLowerCase().includes(key.toLowerCase()))
+        filtered_commands.push(cmd);
+    });
   }
-  let was_any_items_before = filtered_commands.length > 0;
-  filtered_commands = [];
-  commands.forEach((cmd) => {
-    if (cmd.separator)
-      filtered_commands.push(cmd);
-    else if (cmd.caption.toLowerCase().includes(key.toLowerCase()))
-      filtered_commands.push(cmd);
-    else if (cmd.tags && cmd.tags.toLowerCase().includes(key.toLowerCase()))
-      filtered_commands.push(cmd);
+  filtered_commands = filtered_commands.filter((c) => {
+    if (c.is_visible)
+      return c.is_visible();
+    else
+      return true;
   });
   if (!current_command || filtered_commands.every((v) => v != current_command)) {
     if (filtered_commands.length)
@@ -259,11 +265,12 @@ function isRowActive(cmd) {
         {/if}
     </menu>
 {:else}
-    <div    id="__hd_FormattingPalette"
-            class="bg-white dark:bg-stone-800 text-stone-500 dark:text-stone-400 rounded-lg border border-stone-200 dark:border-stone-700 shadow-md z-30 overflow-y-auto" 
+    <div    class="bg-white dark:bg-stone-800 text-stone-500 dark:text-stone-400 rounded-lg border border-stone-200 dark:border-stone-700 shadow-md overflow-y-auto z-20"
+            id="__hd_FormattingPalette"
+            bind:this={paletteElement}
             hidden={!visible}
-            style={css_style}
-            bind:this={paletteElement}>
+            style={css_style} >
+        
         {#if filtered_commands && filtered_commands.length}
             {#each filtered_commands as cmd, idx (cmd.caption)}
                 {#if cmd.separator}
@@ -289,5 +296,6 @@ function isRowActive(cmd) {
         {/if}
 
     </div>
+    
 {/if}
 

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

@@ -1,82 +1,82 @@
-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;
-        set_current_editor_range?: ((range: any) => void) | undefined;
-        showAsToolbox?: ((rect: DOMRect) => void) | 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) => Document_command[]) | undefined;
-        get_filtered_commands?: (() => Document_command[]) | 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: {};
-};
-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 set_current_editor_range(): (range: any) => void;
-    get showAsToolbox(): (rect: DOMRect) => void;
-    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) => Document_command[];
-    get get_filtered_commands(): () => Document_command[];
-    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);
-    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;
+        set_current_editor_range?: ((range: any) => void) | undefined;
+        showAsToolbox?: ((rect: DOMRect) => void) | 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) => Document_command[]) | undefined;
+        get_filtered_commands?: (() => Document_command[]) | 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: {};
+};
+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 set_current_editor_range(): (range: any) => void;
+    get showAsToolbox(): (rect: DOMRect) => void;
+    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) => Document_command[];
+    get get_filtered_commands(): () => Document_command[];
+    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);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+    get undefined(): any;
+    /**accessor*/
+    set undefined(_: any);
+}
+export {};