@humandialog/forms.svelte 0.4.36 → 0.4.38

package/components/sidebar/sidebar.group.svelte.d.ts

@@ -1,31 +1,31 @@
-/** @typedef {typeof __propDef.props}  SidebarProps */
-/** @typedef {typeof __propDef.events}  SidebarEvents */
-/** @typedef {typeof __propDef.slots}  SidebarSlots */
-export default class Sidebar extends SvelteComponentTyped<{
-    inserter?: any;
-    border?: boolean | undefined;
-    inserter_placeholder?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        inserter?: any;
-        border?: boolean | undefined;
-        inserter_placeholder?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  SidebarProps */
+/** @typedef {typeof __propDef.events}  SidebarEvents */
+/** @typedef {typeof __propDef.slots}  SidebarSlots */
+export default class Sidebar extends SvelteComponentTyped<{
+    inserter?: any;
+    border?: boolean | undefined;
+    inserter_placeholder?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        inserter?: any;
+        border?: boolean | undefined;
+        inserter_placeholder?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/components/sidebar/sidebar.item.svelte

@@ -1,19 +1,23 @@
 <script>import Icon from "../icon.svelte";
-import { context_items_store, auto_hide_sidebar } from "../../stores";
+import { context_items_store, auto_hide_sidebar, context_toolbar_operations } from "../../stores";
+import FaBars from "svelte-icons/fa/FaBars.svelte";
 import {
   selectable as _selectable,
   is_selected,
   editable as _editable,
   handle_select
 } from "../../utils";
+import { show_menu } from "../menu";
 export let href;
 export let icon = void 0;
 export let active = false;
 export let selectable = void 0;
 export let editable = void 0;
+export let operations = void 0;
 $:
   context_data = $context_items_store;
 let user_class = $$props.class ?? "";
+let root;
 function selectable_if_needed(node, selectable2) {
   if (selectable2)
     _selectable(node, selectable2);
@@ -34,16 +38,52 @@ function on_link_clicked(e) {
     handle_select(e);
   e.stopPropagation();
 }
+function on_contextmenu(e) {
+  if (!operations)
+    return;
+  let operations_list = operations(root);
+  if (!operations_list)
+    return;
+  if (operations_list.length == 0)
+    return;
+  show_menu(new DOMPoint(e.clientX, e.clientY), operations_list);
+  e.preventDefault();
+}
+function can_show_context_menu(itm, context_data2) {
+  if (!selected(itm, context_data2))
+    return false;
+  if (!operations)
+    return false;
+  return true;
+}
+function on_show_menu(e) {
+  let owner = e.target;
+  while (owner && owner.tagName != "BUTTON")
+    owner = owner.parentElement;
+  if (!owner)
+    return;
+  let rect = owner.getBoundingClientRect();
+  let operations_list = operations(root);
+  if (!operations_list)
+    return;
+  if (operations_list.length == 0)
+    return;
+  show_menu(rect, operations_list);
+}
 </script>
 
-<li>
+<li bind:this={root}>
     <!--svelte-ignore a11y-click-events-have-key-events -->
     <div
         on:click
-        on:contextmenu
+        on:contextmenu={on_contextmenu}
         on:keydown
         on:keyup
-        class="p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 border-2 border-transparent {user_class}"
+        class="     p-2 border border-transparent rounded-lg
+                    text-base font-normal 
+                    text-gray-900 hover:bg-gray-100  
+                    dark:text-white dark:hover:bg-gray-700 {user_class}
+                    flex flex-row justify-between"
         class:bg-gray-200={active}
         class:dark:bg-gray-700={active}
         use:selectable_if_needed={selectable}
@@ -59,13 +99,19 @@ function on_link_clicked(e) {
                     <slot/>
                 </span>
             </a>
+            
+            {#if can_show_context_menu(selectable, context_data)}
+                <button class="w-4 h-4 mt-1" on:click={on_show_menu}>
+                    <FaBars/>
+                </button>
+            {/if}
         </div>
 </li>
 
 
 <style>
     .selected {
-    border-width: 2px;
+    border-width: 1px;
     --tw-border-opacity: 1 !important;
     border-color: rgb(147 197 253 / var(--tw-border-opacity)) !important
 }

package/components/sidebar/sidebar.item.svelte.d.ts

@@ -1,28 +1,28 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href: string;
-        icon?: any | undefined;
-        active?: boolean | undefined;
-        selectable?: any | undefined;
-        editable?: any | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        contextmenu: MouseEvent;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href: string;
+        icon?: any | undefined;
+        active?: boolean | undefined;
+        selectable?: any | undefined;
+        editable?: any | undefined;
+        operations?: any | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
+}
+export {};

package/components/sidebar/sidebar.svelte.d.ts

@@ -1,27 +1,27 @@
-/** @typedef {typeof __propDef.props}  SidebarProps */
-/** @typedef {typeof __propDef.events}  SidebarEvents */
-/** @typedef {typeof __propDef.slots}  SidebarSlots */
-export default class Sidebar extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type SidebarProps = typeof __propDef.props;
-export type SidebarEvents = typeof __propDef.events;
-export type SidebarSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  SidebarProps */
+/** @typedef {typeof __propDef.events}  SidebarEvents */
+/** @typedef {typeof __propDef.slots}  SidebarSlots */
+export default class Sidebar extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SidebarProps = typeof __propDef.props;
+export type SidebarEvents = typeof __propDef.events;
+export type SidebarSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/components/simple.table.svelte.d.ts

@@ -1,41 +1,41 @@
-/** @typedef {typeof __propDef.props}  SimpleProps */
-/** @typedef {typeof __propDef.events}  SimpleEvents */
-/** @typedef {typeof __propDef.slots}  SimpleSlots */
-export default class Simple extends SvelteComponentTyped<{
-    select?: string | undefined;
-    focus?: boolean | undefined;
-    context?: string | undefined;
-    self?: null | undefined;
-    nav?: boolean | undefined;
-    collection?: string | undefined;
-    objects?: null | undefined;
-    headers?: any[] | undefined;
-    fields?: any[] | undefined;
-    cinfo?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SimpleProps = typeof __propDef.props;
-export type SimpleEvents = typeof __propDef.events;
-export type SimpleSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        select?: string | undefined;
-        focus?: boolean | undefined;
-        context?: string | undefined;
-        self?: null | undefined;
-        nav?: boolean | undefined;
-        collection?: string | undefined;
-        objects?: null | undefined;
-        headers?: any[] | undefined;
-        fields?: any[] | undefined;
-        cinfo?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+/** @typedef {typeof __propDef.props}  SimpleProps */
+/** @typedef {typeof __propDef.events}  SimpleEvents */
+/** @typedef {typeof __propDef.slots}  SimpleSlots */
+export default class Simple extends SvelteComponentTyped<{
+    select?: string | undefined;
+    focus?: boolean | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    nav?: boolean | undefined;
+    collection?: string | undefined;
+    objects?: null | undefined;
+    headers?: any[] | undefined;
+    fields?: any[] | undefined;
+    cinfo?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SimpleProps = typeof __propDef.props;
+export type SimpleEvents = typeof __propDef.events;
+export type SimpleSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        select?: string | undefined;
+        focus?: boolean | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        nav?: boolean | undefined;
+        collection?: string | undefined;
+        objects?: null | undefined;
+        headers?: any[] | undefined;
+        fields?: any[] | undefined;
+        cinfo?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/table/_template.table.svelte.d.ts

@@ -1,57 +1,57 @@
-/** @typedef {typeof __propDef.props}  TemplateProps */
-/** @typedef {typeof __propDef.events}  TemplateEvents */
-/** @typedef {typeof __propDef.slots}  TemplateSlots */
-export default class Template extends SvelteComponentTyped<{
-    select?: string | undefined;
-    focus?: boolean | undefined;
-    context?: string | undefined;
-    self?: null | undefined;
-    nav?: boolean | undefined;
-    collection?: string | undefined;
-    objects?: null | undefined;
-    headers?: any[] | undefined;
-    fields?: any[] | undefined;
-    cinfo?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    row: {
-        item: any;
-    };
-    cell: {
-        field: any;
-        value: any;
-    };
-}> {
-}
-export type TemplateProps = typeof __propDef.props;
-export type TemplateEvents = typeof __propDef.events;
-export type TemplateSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        select?: string | undefined;
-        focus?: boolean | undefined;
-        context?: string | undefined;
-        self?: null | undefined;
-        nav?: boolean | undefined;
-        collection?: string | undefined;
-        objects?: null | undefined;
-        headers?: any[] | undefined;
-        fields?: any[] | undefined;
-        cinfo?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        row: {
-            item: any;
-        };
-        cell: {
-            field: any;
-            value: any;
-        };
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  TemplateProps */
+/** @typedef {typeof __propDef.events}  TemplateEvents */
+/** @typedef {typeof __propDef.slots}  TemplateSlots */
+export default class Template extends SvelteComponentTyped<{
+    select?: string | undefined;
+    focus?: boolean | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    nav?: boolean | undefined;
+    collection?: string | undefined;
+    objects?: null | undefined;
+    headers?: any[] | undefined;
+    fields?: any[] | undefined;
+    cinfo?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    row: {
+        item: any;
+    };
+    cell: {
+        field: any;
+        value: any;
+    };
+}> {
+}
+export type TemplateProps = typeof __propDef.props;
+export type TemplateEvents = typeof __propDef.events;
+export type TemplateSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        select?: string | undefined;
+        focus?: boolean | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        nav?: boolean | undefined;
+        collection?: string | undefined;
+        objects?: null | undefined;
+        headers?: any[] | undefined;
+        fields?: any[] | undefined;
+        cinfo?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        row: {
+            item: any;
+        };
+        cell: {
+            field: any;
+            value: any;
+        };
+    };
+};
+export {};

package/components/table/column.svelte.d.ts

@@ -1,19 +1,19 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        header?: string | undefined;
-        field?: string | undefined;
-        size?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ColumnProps = typeof __propDef.props;
-export type ColumnEvents = typeof __propDef.events;
-export type ColumnSlots = typeof __propDef.slots;
-export default class Column extends SvelteComponentTyped<ColumnProps, ColumnEvents, ColumnSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        header?: string | undefined;
+        field?: string | undefined;
+        size?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ColumnProps = typeof __propDef.props;
+export type ColumnEvents = typeof __propDef.events;
+export type ColumnSlots = typeof __propDef.slots;
+export default class Column extends SvelteComponentTyped<ColumnProps, ColumnEvents, ColumnSlots> {
+}
+export {};

package/components/table/item.svelte.d.ts

@@ -1,17 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        e: any;
-        idx: number;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ItemProps = typeof __propDef.props;
-export type ItemEvents = typeof __propDef.events;
-export type ItemSlots = typeof __propDef.slots;
-export default class Item extends SvelteComponentTyped<ItemProps, ItemEvents, ItemSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        e: any;
+        idx: number;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ItemProps = typeof __propDef.props;
+export type ItemEvents = typeof __propDef.events;
+export type ItemSlots = typeof __propDef.slots;
+export default class Item extends SvelteComponentTyped<ItemProps, ItemEvents, ItemSlots> {
+}
+export {};

package/components/table/table.d.ts

@@ -1,11 +1,11 @@
-export declare class rTable_column {
-    header: string;
-    field: string;
-    size: number;
-    cl: string;
-}
-export declare class rTable_definition {
-    columns: rTable_column[];
-    items: Array<any>;
-    items_ticket: number;
-}
+export declare class rTable_column {
+    header: string;
+    field: string;
+    size: number;
+    cl: string;
+}
+export declare class rTable_definition {
+    columns: rTable_column[];
+    items: Array<any>;
+    items_ticket: number;
+}

package/components/table/table.js

@@ -1,11 +1,11 @@
-export class rTable_column {
-    header;
-    field;
-    size = 0;
-    cl = '';
-}
-export class rTable_definition {
-    columns = [];
-    items = null;
-    items_ticket = 0;
-}
+export class rTable_column {
+    header;
+    field;
+    size = 0;
+    cl = '';
+}
+export class rTable_definition {
+    columns = [];
+    items = null;
+    items_ticket = 0;
+}