@humandialog/forms.svelte 1.8.9 → 1.8.10

package/components/kanban/kanban.svelte

@@ -1,5 +1,5 @@
 <script>import { setContext, getContext, afterUpdate, tick } from "svelte";
-import { KanbanColumnBottom, KanbanColumnTop, rKanban_definition } from "./Kanban";
+import { KanbanColumnBottom, KanbanColumnTop, rKanban_definition, rKanban_column } from "./Kanban";
 import { parseWidthDirective, clearActiveItem, getPrev, getNext, remove, insertAt, insertAfter, swapElements, getActive } from "../../utils";
 import { contextItemsStore, contextTypesStore, data_tick_store } from "../../stores";
 import KanbanColumn from "./internal/kanban.column.svelte";
@@ -102,7 +102,7 @@ export async function reload(data, selectElement = KEEP_SELECTION) {
   else
     definition.self = data;
   definition.items = null;
-  columns.forEach((c2) => c2.reload());
+  columns?.forEach((c2) => c2?.reload());
   await tick();
   allItems = definition.getItems();
   if (selectElementId > 0) {
@@ -192,6 +192,74 @@ export function moveDown(item) {
   pushChanges();
   column.reload();
 }
+export function moveTop(item) {
+  let allItems = definition.getItems();
+  const oa = definition.orderAttrib;
+  const sa = definition.stateAttrib;
+  const columnIdx = getColumnIdx(item);
+  const columnState = definition.columns[columnIdx].state;
+  const toListTop = allItems.find((e) => e[sa] == columnState);
+  const toListBottom = allItems.findLast((e) => e[sa] == columnState);
+  if (item == toListTop)
+    return;
+  const columnElement = columns[columnIdx];
+  const prevItem = getPrev(allItems, toListTop);
+  if (!prevItem) {
+    item[oa] = toListTop[oa] - ORDER_STEP;
+    informModification(item, oa);
+    remove(allItems, item);
+    insertAt(allItems, 0, item);
+  } else {
+    let prevOrder = prevItem[oa];
+    let nextOrder = toListTop[oa];
+    let orderSpace = nextOrder - prevOrder;
+    if (orderSpace < 2) {
+      reorderElements(allItems, prevItem, false);
+      prevOrder = prevItem[oa];
+      nextOrder = toListTop[oa];
+      orderSpace = nextOrder - prevOrder;
+    }
+    item[oa] = prevOrder + Math.floor(orderSpace / 2);
+    informModification(item, oa);
+    remove(allItems, item);
+    insertAfter(allItems, prevItem, item);
+  }
+  columnElement.reload();
+}
+export function moveBottom(item) {
+  let allItems = definition.getItems();
+  const oa = definition.orderAttrib;
+  const sa = definition.stateAttrib;
+  const columnIdx = getColumnIdx(item);
+  const columnState = definition.columns[columnIdx].state;
+  const toListTop = allItems.find((e) => e[sa] == columnState);
+  const toListBottom = allItems.findLast((e) => e[sa] == columnState);
+  if (item == toListBottom)
+    return;
+  const columnElement = columns[columnIdx];
+  const nextItem = getNext(allItems, toListBottom);
+  if (!nextItem) {
+    item[oa] = toListBottom[oa] + ORDER_STEP;
+    informModification(item, oa);
+    remove(allItems, item);
+    insertAfter(allItems, toListBottom, item);
+  } else {
+    let nextOrder = nextItem[oa];
+    let prevOrder = toListBottom[oa];
+    let orderSpace = nextOrder - prevOrder;
+    if (orderSpace < 2) {
+      reorderElements(allItems, toListBottom, false);
+      prevOrder = toListBottom[oa];
+      nextOrder = nextItem[oa];
+      orderSpace = nextOrder - prevOrder;
+    }
+    item[oa] = prevOrder + Math.floor(orderSpace / 2);
+    informModification(item, oa);
+    remove(allItems, item);
+    insertAfter(allItems, toListBottom, item);
+  }
+  columnElement.reload();
+}
 const ORDER_STEP = 64;
 const MIN_ORDER = 0;
 function reorderElements(items, from = null, pushImediatelly = true) {
@@ -426,13 +494,26 @@ export function setCardsState(items, state) {
     item[sa] = state;
     informModification(item, sa);
   });
-  pushChanges();
 }
 export function add(item, columnIdx = -1) {
   if (columnIdx < 0)
     columnIdx = getColumnIdx(item);
   columns[columnIdx].add(item);
 }
+export function setColumns(columnsDefinition) {
+  definition.columns = [];
+  columnsDefinition.forEach((c2) => {
+    let column = new rKanban_column();
+    column.id = definition.columns.length + 1;
+    column.title = c2.title;
+    column.width = c2.width ?? "";
+    column.state = c2.state;
+    column.finishing = c2.finishing ?? false;
+    column.operations = c2.operations ?? void 0;
+    column.onTitleChanged = c2.onTitleChanged ?? void 0;
+    definition.columns.push(column);
+  });
+}
 </script>
 
 {#key renderToken}
@@ -455,7 +536,7 @@ export function add(item, columnIdx = -1) {
                 divide-stone-500 dark:divide-stone-700
                 pb-20
                 "> <!--sm:justify-center -->
-    {#each definition.columns as column, idx (column.id)}
+    {#each definition.columns as column, idx (column.title + column.state)}
         <KanbanColumn currentColumnIdx={idx}
                 {onInsert}
                 bind:this={columns[idx]}>

package/components/kanban/kanban.svelte.d.ts

@@ -20,12 +20,15 @@ declare const __propDef: {
         scrollViewToCard?: ((item: any) => void) | undefined;
         moveUp?: ((item: object) => void) | undefined;
         moveDown?: ((item: object) => void) | undefined;
+        moveTop?: ((item: object) => void) | undefined;
+        moveBottom?: ((item: object) => void) | undefined;
         replace?: ((item: any, toColumnIdx: any, afterElement: any) => Promise<void>) | undefined;
         activateColumn?: ((columnIdx: number) => void) | undefined;
         editColumnName?: ((columnIdx: number, onFinish?: Function | undefined) => void) | undefined;
         moveCardsTo?: ((items: object[], toColumnIdx: number) => void) | undefined;
         setCardsState?: ((items: object[], state: number) => void) | undefined;
         add?: ((item: object | number, columnIdx?: number) => void) | undefined;
+        setColumns?: ((columnsDefinition: any) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -61,11 +64,14 @@ export default class Kanban extends SvelteComponentTyped<KanbanProps, KanbanEven
     get scrollViewToCard(): (item: any) => void;
     get moveUp(): (item: object) => void;
     get moveDown(): (item: object) => void;
+    get moveTop(): (item: object) => void;
+    get moveBottom(): (item: object) => void;
     get replace(): (item: any, toColumnIdx: any, afterElement: any) => Promise<void>;
     get activateColumn(): (columnIdx: number) => void;
     get editColumnName(): (columnIdx: number, onFinish?: Function | undefined) => void;
     get moveCardsTo(): (items: object[], toColumnIdx: number) => void;
     get setCardsState(): (items: object[], state: number) => void;
     get add(): (item: number | object, columnIdx?: number) => void;
+    get setColumns(): (columnsDefinition: any) => void;
 }
 export {};

package/modal.svelte

@@ -37,6 +37,15 @@ export function hide() {
     preventScrollRestorer = null;
   }
 }
+export function setTitle(t) {
+  title = t;
+}
+export function setOkCaption(cap) {
+  okCaption = cap;
+}
+export function setCancelCaption(cap) {
+  cancelCaption = cap;
+}
 let root;
 afterUpdate(
   async () => {

package/modal.svelte.d.ts

@@ -16,6 +16,9 @@ declare const __propDef: {
         onCancelCallback?: Function | undefined;
         show?: ((on_close_callback?: Function | undefined) => void) | undefined;
         hide?: (() => void) | undefined;
+        setTitle?: ((t: string) => void) | undefined;
+        setOkCaption?: ((cap: string) => void) | undefined;
+        setCancelCaption?: ((cap: string) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -35,5 +38,8 @@ export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents,
     get Custom(): 3;
     get show(): (on_close_callback?: Function | undefined) => void;
     get hide(): () => void;
+    get setTitle(): (t: string) => void;
+    get setOkCaption(): (cap: string) => void;
+    get setCancelCaption(): (cap: string) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.8.9",
+  "version": "1.8.10",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",