@humandialog/forms.svelte 1.3.11 → 1.3.13

package/index.d.ts

@@ -1,63 +1,63 @@
-export { default as Page } from "./page.svelte";
-export { default as Tile } from "./tile.svelte";
-export { default as Row } from "./tiles.row.svelte";
-export { default as Box } from "./form.box.svelte";
-export { default as Operations } from './operations.svelte';
-export { default as Layout } from './desk.svelte';
-export { default as VerticalToolbar } from './vertical.toolbar.svelte';
-export { default as Icon } from "./components/icon.svelte";
-export { default as IconT } from "./components/icon.ex.svelte";
-export { default as Button } from './components/button.svelte';
-export { default as Checkbox } from './components/checkbox.svelte';
-export { default as DatePicker } from './components/date.svelte';
-export { default as Edit } from './components/edit.field.svelte';
-export { default as FileLoader } from './components/file.loader.svelte';
-export { default as Input } from './components/inputbox.ltop.svelte';
-export { default as Radio } from './components/radio.svelte';
-export { default as SimpleTable } from './components/simple.table.svelte';
-export { default as Title } from './components/tile.title.svelte';
-export { default as Table } from './components/table/table.svelte';
-export { default as TableColumn } from './components/table/column.svelte';
-export { default as TableItem } from './components/table/item.svelte';
-export { default as Combo } from './components/combo/combo.svelte';
-export { default as ComboSource } from './components/combo/combo.source.svelte';
-export { default as ComboItem } from './components/combo/combo.item.svelte';
-export { default as RichEdit } from './components/document/rich.edit.svelte';
-export { default as Editor } from './components/document/editor.svelte';
-export { default as Spinner } from './components/delayed.spinner.svelte';
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
-export { default as Fab } from './components/Fab.svelte';
-export { default as Sidebar } from './components/sidebar/sidebar.svelte';
-export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
-export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
-export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
-export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
-export { default as List } from './components/list/list.svelte';
-export { default as ListTitle } from './components/list/list.title.svelte';
-export { default as ListSummary } from './components/list/list.summary.svelte';
-export { default as ListInserter } from './components/list/list.inserter.svelte';
-export { default as ListDateProperty } from './components/list/list.date.svelte';
-export { default as ListComboProperty } from './components/list/list.combo.svelte';
-export { default as ListStaticProperty } from './components/list/list.static.svelte';
-export { default as Modal } from './modal.svelte';
-export { default as MembersPage } from './tenant.members.svelte';
-export { default as Console } from './console.svelte';
-export { default as Tag } from './components/tag.svelte';
-export { default as Tags } from './components/tags.svelte';
-export { default as Kanban } from './components/kanban/kanban.svelte';
-export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
-export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
-export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
-export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
-export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
-export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
-export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
-export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
-export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
-export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, } from './utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store } from './stores.js';
-export { data_tick_store, // tmp
-hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
-export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores';
-export { informModification, informModificationEx, informItem, pushChanges } from './updates';
+export { default as Page } from "./page.svelte";
+export { default as Tile } from "./tile.svelte";
+export { default as Row } from "./tiles.row.svelte";
+export { default as Box } from "./form.box.svelte";
+export { default as Operations } from './operations.svelte';
+export { default as Layout } from './desk.svelte';
+export { default as VerticalToolbar } from './vertical.toolbar.svelte';
+export { default as Icon } from "./components/icon.svelte";
+export { default as IconT } from "./components/icon.ex.svelte";
+export { default as Button } from './components/button.svelte';
+export { default as Checkbox } from './components/checkbox.svelte';
+export { default as DatePicker } from './components/date.svelte';
+export { default as Edit } from './components/edit.field.svelte';
+export { default as FileLoader } from './components/file.loader.svelte';
+export { default as Input } from './components/inputbox.ltop.svelte';
+export { default as Radio } from './components/radio.svelte';
+export { default as SimpleTable } from './components/simple.table.svelte';
+export { default as Title } from './components/tile.title.svelte';
+export { default as Table } from './components/table/table.svelte';
+export { default as TableColumn } from './components/table/column.svelte';
+export { default as TableItem } from './components/table/item.svelte';
+export { default as Combo } from './components/combo/combo.svelte';
+export { default as ComboSource } from './components/combo/combo.source.svelte';
+export { default as ComboItem } from './components/combo/combo.item.svelte';
+export { default as RichEdit } from './components/document/rich.edit.svelte';
+export { default as Editor } from './components/document/editor.svelte';
+export { default as Spinner } from './components/delayed.spinner.svelte';
+export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { default as Fab } from './components/Fab.svelte';
+export { default as Sidebar } from './components/sidebar/sidebar.svelte';
+export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
+export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
+export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
+export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
+export { default as List } from './components/list/list.svelte';
+export { default as ListTitle } from './components/list/list.title.svelte';
+export { default as ListSummary } from './components/list/list.summary.svelte';
+export { default as ListInserter } from './components/list/list.inserter.svelte';
+export { default as ListDateProperty } from './components/list/list.date.svelte';
+export { default as ListComboProperty } from './components/list/list.combo.svelte';
+export { default as ListStaticProperty } from './components/list/list.static.svelte';
+export { default as Modal } from './modal.svelte';
+export { default as MembersPage } from './tenant.members.svelte';
+export { default as Console } from './console.svelte';
+export { default as Tag } from './components/tag.svelte';
+export { default as Tags } from './components/tags.svelte';
+export { default as Kanban } from './components/kanban/kanban.svelte';
+export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
+export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
+export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
+export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
+export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
+export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
+export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
+export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
+export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
+export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, } from './utils';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store } from './stores.js';
+export { data_tick_store, // tmp
+hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
+export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores';
+export { informModification, informModificationEx, informItem, pushChanges } from './updates';

package/index.js

@@ -1,69 +1,69 @@
-// @ts-ignore
-import { List } from "flowbite-svelte";
-//export { default as Row } from "./page.row.svelte";
-export { default as Page } from "./page.svelte";
-export { default as Tile } from "./tile.svelte";
-export { default as Row } from "./tiles.row.svelte";
-export { default as Box } from "./form.box.svelte";
-//export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
-export { default as Operations } from './operations.svelte';
-export { default as Layout } from './desk.svelte';
-export { default as VerticalToolbar } from './vertical.toolbar.svelte';
-// @ts-ignore
-export { default as Icon } from "./components/icon.svelte";
-export { default as IconT } from "./components/icon.ex.svelte";
-export { default as Button } from './components/button.svelte';
-export { default as Checkbox } from './components/checkbox.svelte';
-export { default as DatePicker } from './components/date.svelte';
-export { default as Edit } from './components/edit.field.svelte';
-export { default as FileLoader } from './components/file.loader.svelte';
-export { default as Input } from './components/inputbox.ltop.svelte';
-export { default as Radio } from './components/radio.svelte';
-export { default as SimpleTable } from './components/simple.table.svelte';
-export { default as Title } from './components/tile.title.svelte';
-export { default as Table } from './components/table/table.svelte';
-export { default as TableColumn } from './components/table/column.svelte';
-export { default as TableItem } from './components/table/item.svelte';
-export { default as Combo } from './components/combo/combo.svelte';
-export { default as ComboSource } from './components/combo/combo.source.svelte';
-export { default as ComboItem } from './components/combo/combo.item.svelte';
-export { default as RichEdit } from './components/document/rich.edit.svelte';
-export { default as Editor } from './components/document/editor.svelte';
-export { default as Spinner } from './components/delayed.spinner.svelte';
-//export { default as Menu } from './components/contextmenu.svelte'
-export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
-export { default as Fab } from './components/Fab.svelte';
-export { default as Sidebar } from './components/sidebar/sidebar.svelte';
-export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
-export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
-export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
-export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
-export { default as List } from './components/list/list.svelte';
-export { default as ListTitle } from './components/list/list.title.svelte';
-export { default as ListSummary } from './components/list/list.summary.svelte';
-export { default as ListInserter } from './components/list/list.inserter.svelte';
-export { default as ListDateProperty } from './components/list/list.date.svelte';
-export { default as ListComboProperty } from './components/list/list.combo.svelte';
-export { default as ListStaticProperty } from './components/list/list.static.svelte';
-export { default as Modal } from './modal.svelte';
-export { default as MembersPage } from './tenant.members.svelte';
-export { default as Console } from './console.svelte';
-export { default as Tag } from './components/tag.svelte';
-export { default as Tags } from './components/tags.svelte';
-export { default as Kanban } from './components/kanban/kanban.svelte';
-export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
-export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
-export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
-export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
-export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
-export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
-export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
-export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
-export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
-export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
-export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, } from './utils';
-export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store } from './stores.js';
-export { data_tick_store, // tmp
-hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
-export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores'; // tmp
-export { informModification, informModificationEx, informItem, pushChanges } from './updates'; // tmp
+// @ts-ignore
+import { List } from "flowbite-svelte";
+//export { default as Row } from "./page.row.svelte";
+export { default as Page } from "./page.svelte";
+export { default as Tile } from "./tile.svelte";
+export { default as Row } from "./tiles.row.svelte";
+export { default as Box } from "./form.box.svelte";
+//export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
+export { default as Operations } from './operations.svelte';
+export { default as Layout } from './desk.svelte';
+export { default as VerticalToolbar } from './vertical.toolbar.svelte';
+// @ts-ignore
+export { default as Icon } from "./components/icon.svelte";
+export { default as IconT } from "./components/icon.ex.svelte";
+export { default as Button } from './components/button.svelte';
+export { default as Checkbox } from './components/checkbox.svelte';
+export { default as DatePicker } from './components/date.svelte';
+export { default as Edit } from './components/edit.field.svelte';
+export { default as FileLoader } from './components/file.loader.svelte';
+export { default as Input } from './components/inputbox.ltop.svelte';
+export { default as Radio } from './components/radio.svelte';
+export { default as SimpleTable } from './components/simple.table.svelte';
+export { default as Title } from './components/tile.title.svelte';
+export { default as Table } from './components/table/table.svelte';
+export { default as TableColumn } from './components/table/column.svelte';
+export { default as TableItem } from './components/table/item.svelte';
+export { default as Combo } from './components/combo/combo.svelte';
+export { default as ComboSource } from './components/combo/combo.source.svelte';
+export { default as ComboItem } from './components/combo/combo.item.svelte';
+export { default as RichEdit } from './components/document/rich.edit.svelte';
+export { default as Editor } from './components/document/editor.svelte';
+export { default as Spinner } from './components/delayed.spinner.svelte';
+//export { default as Menu } from './components/contextmenu.svelte'
+export { showMenu, showGridMenu, showFloatingToolbar } from './components/menu';
+export { default as Fab } from './components/Fab.svelte';
+export { default as Sidebar } from './components/sidebar/sidebar.svelte';
+export { default as SidebarBrand } from './components/sidebar/sidebar.brand.svelte';
+export { default as SidebarGroup } from './components/sidebar/sidebar.group.svelte';
+export { default as SidebarItem } from './components/sidebar/sidebar.item.svelte';
+export { default as SidebarList } from './components/sidebar/sidebar.list.svelte';
+export { default as List } from './components/list/list.svelte';
+export { default as ListTitle } from './components/list/list.title.svelte';
+export { default as ListSummary } from './components/list/list.summary.svelte';
+export { default as ListInserter } from './components/list/list.inserter.svelte';
+export { default as ListDateProperty } from './components/list/list.date.svelte';
+export { default as ListComboProperty } from './components/list/list.combo.svelte';
+export { default as ListStaticProperty } from './components/list/list.static.svelte';
+export { default as Modal } from './modal.svelte';
+export { default as MembersPage } from './tenant.members.svelte';
+export { default as Console } from './console.svelte';
+export { default as Tag } from './components/tag.svelte';
+export { default as Tags } from './components/tags.svelte';
+export { default as Kanban } from './components/kanban/kanban.svelte';
+export { default as KanbanSource } from './components/kanban/kanban.source.svelte';
+export { default as KanbanColumn } from './components/kanban/kanban.column.svelte';
+export { default as KanbanTitle } from './components/kanban/kanban.title.svelte';
+export { default as KanbanSummary } from './components/kanban/kanban.summary.svelte';
+export { default as KanbanStaticProperty } from './components/kanban/kanban.static.svelte';
+export { default as KanbanDateProperty } from './components/kanban/kanban.date.svelte';
+export { default as KanbanComboProperty } from './components/kanban/kanban.combo.svelte';
+export { default as KanbanTagsProperty } from './components/kanban/kanban.tags.svelte';
+export { default as KanbanCallbacks } from './components/kanban/kanban.callbacks.svelte';
+export { KanbanColumnTop, KanbanColumnBottom } from './components/kanban/Kanban';
+export { selectItem, activateItem, clearActiveItem, isActive, isSelected, getActive, editable, startEditing, saveCurrentEditable, selectable, handleSelect, isDeviceSmallerThan, resizeImage, refreshToolbarOperations, isOnScreenKeyboardVisible, randomString, } from './utils';
+export { mainContentPageReloader, reloadMainContentPage, reloadWholeApp, alerts, addAlert, onErrorShowAlert, main_sidebar_visible_store } from './stores.js';
+export { data_tick_store, // tmp
+hasSelectedItem, hasDataItem, setNavigatorTitle } from "./stores";
+export { contextToolbarOperations, pageToolbarOperations, contextItemsStore, contextTypesStore } from './stores'; // tmp
+export { informModification, informModificationEx, informItem, pushChanges } from './updates'; // tmp

package/internal/configurable.content.svelte.d.ts

@@ -1,29 +1,29 @@
-/** @typedef {typeof __propDef.props}  ConfigurableProps */
-/** @typedef {typeof __propDef.events}  ConfigurableEvents */
-/** @typedef {typeof __propDef.slots}  ConfigurableSlots */
-export default class Configurable extends SvelteComponentTyped<{
-    config: any;
-    min_h_class?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    alt: {};
-}> {
-}
-export type ConfigurableProps = typeof __propDef.props;
-export type ConfigurableEvents = typeof __propDef.events;
-export type ConfigurableSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        config: any;
-        min_h_class?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        alt: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  ConfigurableProps */
+/** @typedef {typeof __propDef.events}  ConfigurableEvents */
+/** @typedef {typeof __propDef.slots}  ConfigurableSlots */
+export default class Configurable extends SvelteComponentTyped<{
+    config: any;
+    min_h_class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    alt: {};
+}> {
+}
+export type ConfigurableProps = typeof __propDef.props;
+export type ConfigurableEvents = typeof __propDef.events;
+export type ConfigurableSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        config: any;
+        min_h_class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        alt: {};
+    };
+};
+export {};

package/internal/loading.svelte.d.ts

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

package/modal.svelte.d.ts

@@ -1,39 +1,39 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        open?: boolean | undefined;
-        content?: string | undefined;
-        icon?: undefined;
-        OK?: 0 | undefined;
-        OKCancel?: 1 | undefined;
-        Cancel?: 2 | undefined;
-        Custom?: 3 | undefined;
-        mode?: number | undefined;
-        okCaption?: string | undefined;
-        cancelCaption?: string | undefined;
-        onOkCallback?: Function | undefined;
-        onCancelCallback?: Function | undefined;
-        show?: ((on_close_callback?: Function | undefined) => void) | undefined;
-        hide?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        footer: {};
-    };
-};
-export type ModalProps = typeof __propDef.props;
-export type ModalEvents = typeof __propDef.events;
-export type ModalSlots = typeof __propDef.slots;
-export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
-    get OK(): 0;
-    get OKCancel(): 1;
-    get Cancel(): 2;
-    get Custom(): 3;
-    get show(): (on_close_callback?: Function | undefined) => void;
-    get hide(): () => void;
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+        open?: boolean | undefined;
+        content?: string | undefined;
+        icon?: undefined;
+        OK?: 0 | undefined;
+        OKCancel?: 1 | undefined;
+        Cancel?: 2 | undefined;
+        Custom?: 3 | undefined;
+        mode?: number | undefined;
+        okCaption?: string | undefined;
+        cancelCaption?: string | undefined;
+        onOkCallback?: Function | undefined;
+        onCancelCallback?: Function | undefined;
+        show?: ((on_close_callback?: Function | undefined) => void) | undefined;
+        hide?: (() => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        footer: {};
+    };
+};
+export type ModalProps = typeof __propDef.props;
+export type ModalEvents = typeof __propDef.events;
+export type ModalSlots = typeof __propDef.slots;
+export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
+    get OK(): 0;
+    get OKCancel(): 1;
+    get Cancel(): 2;
+    get Custom(): 3;
+    get show(): (on_close_callback?: Function | undefined) => void;
+    get hide(): () => void;
+}
+export {};

package/operations.svelte

@@ -7,12 +7,41 @@ let operations = [];
 let leftOperations = [];
 let rightOperations = [];
 function update(...args) {
-  if ($contextToolbarOperations && $contextToolbarOperations.length > 0)
+  let isOpVer1 = false;
+  if ($contextToolbarOperations && Array.isArray($contextToolbarOperations) && $contextToolbarOperations.length > 0) {
     operations = $contextToolbarOperations;
-  else
-    operations = $pageToolbarOperations;
-  leftOperations = operations.filter((o) => !o.right);
-  rightOperations = operations.filter((o) => o.right == true);
+  } else if ($contextToolbarOperations && $contextToolbarOperations.operations && $contextToolbarOperations.operations.length > 0) {
+    operations = $contextToolbarOperations.operations;
+    if ($contextToolbarOperations.opver && $contextToolbarOperations.opver == 1)
+      isOpVer1 = true;
+  } else {
+    if (Array.isArray($pageToolbarOperations))
+      operations = $pageToolbarOperations;
+    else {
+      operations = $pageToolbarOperations.operations;
+      if ($pageToolbarOperations.opver && $pageToolbarOperations.opver == 1)
+        isOpVer1 = true;
+    }
+  }
+  leftOperations = [];
+  rightOperations = [];
+  let AOperations = [];
+  let BOperations = [];
+  let COperations = [];
+  if (isOpVer1) {
+    operations.forEach((group) => {
+      if (group.operations && group.operations.length > 0) {
+        AOperations = [...AOperations, ...group.operations.filter((o) => o.tbr == "A")];
+        BOperations = [...BOperations, ...group.operations.filter((o) => o.tbr == "B")];
+        COperations = [...COperations, ...group.operations.filter((o) => o.tbr == "C")];
+      }
+    });
+    leftOperations = [...AOperations, ...BOperations];
+    rightOperations = [...COperations];
+  } else {
+    leftOperations = operations.filter((o) => !o.right);
+    rightOperations = operations.filter((o) => o.right == true);
+  }
 }
 function on_click(e, operation) {
   if (!operation)
@@ -71,7 +100,7 @@ function isOperationActivated(operation) {
                                 <div class="w-3.5 h-3.5 mr-1"><svelte:component this={operation.icon}/></div>
                             {/if}
                             {#if operation.caption}
-                                <span>{operation.caption}</span>
+                                <span class="ml-1">{operation.caption}</span>
                             {/if}
                         </button>
                     {/each}
@@ -91,7 +120,7 @@ function isOperationActivated(operation) {
                             <div class="w-3.5 h-3.5 mr-1"><svelte:component this={operation.icon}/></div>
                         {/if}
                         {#if operation.caption}
-                            <span>{operation.caption}</span>
+                            <span class="ml-1">{operation.caption}</span>
                         {/if}
                     </button>
                 {/if} 
@@ -119,7 +148,7 @@ function isOperationActivated(operation) {
                         <div class="w-3.5 h-3.5 mr-1"><svelte:component this={operation.icon}/></div>
                     {/if}
                     {#if operation.caption}
-                        <span>{operation.caption}</span>
+                        <span class="ml-1">{operation.caption}</span>
                     {/if}
                 </button>    
             {/if}

package/operations.svelte.d.ts

@@ -1,16 +1,16 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        mobile?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type OperationsProps = typeof __propDef.props;
-export type OperationsEvents = typeof __propDef.events;
-export type OperationsSlots = typeof __propDef.slots;
-export default class Operations extends SvelteComponentTyped<OperationsProps, OperationsEvents, OperationsSlots> {
-}
-export {};
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        mobile?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type OperationsProps = typeof __propDef.props;
+export type OperationsEvents = typeof __propDef.events;
+export type OperationsSlots = typeof __propDef.slots;
+export default class Operations extends SvelteComponentTyped<OperationsProps, OperationsEvents, OperationsSlots> {
+}
+export {};