@humandialog/forms.svelte 0.5.4 → 0.5.6

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

@@ -1,27 +1,27 @@
-/** @typedef {typeof __propDef.props}  ConfigurableProps */
-/** @typedef {typeof __propDef.events}  ConfigurableEvents */
-/** @typedef {typeof __propDef.slots}  ConfigurableSlots */
-export default class Configurable extends SvelteComponentTyped<{
-    config: any;
-}, {
-    [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;
-    };
-    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;
+}, {
+    [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;
+    };
+    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

@@ -70,9 +70,9 @@ function on_cancel(event) {
             From: "opacity-100 translate-y-0 sm:scale-100"
             To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         -->
-        <div class=" transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all 
+        <div class=" transform overflow-hidden rounded-lg bg-white dark:bg-stone-700 text-left shadow-xl transition-all 
                     sm:my-8 w-full sm:max-w-lg">
-          <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
+          <div class="bg-white dark:bg-stone-700 px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
             <div class="sm:flex sm:items-start">
               <div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
                 {#if icon}
@@ -80,7 +80,7 @@ function on_cancel(event) {
                 {/if}
               </div>
               <div class="grow mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
-                <h3 class="text-base font-semibold leading-6 text-stone-900" id="modal-title">{title}</h3>
+                <h3 class="text-base font-semibold leading-6 text-stone-900 dark:text-stone-100" id="modal-title">{title}</h3>
                 <div class="mt-2">
                     {#if content}
                         <p class="text-sm text-stone-500">{content}</p>
@@ -91,16 +91,16 @@ function on_cancel(event) {
               </div>
             </div>
           </div>
-          <div class="bg-stone-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
+          <div class="bg-stone-50 dark:bg-stone-700 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
             {#if mode == OK}
-                <button type="button" class="inline-flex w-full justify-center rounded-md bg-blue-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-800 sm:ml-3 sm:w-auto"
+                <button type="button" class="inline-flex w-full justify-center rounded-md bg-blue-700 dark:bg-blue-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-800 sm:ml-3 sm:w-auto"
                         on:click={on_ok}>
                         {okCaption}</button>
             {:else if mode == OKCancel}
-                <button type="button" class="inline-flex w-full justify-center rounded-md bg-blue-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-800 sm:ml-3 sm:w-auto"
+                <button type="button" class="inline-flex w-full justify-center rounded-md bg-blue-700 dark:bg-blue-700 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-800 sm:ml-3 sm:w-auto"
                         on:click={on_ok}>
                         {okCaption}</button>
-                <button type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-stone-900 shadow-sm ring-1 ring-inset ring-stone-300 hover:bg-stone-50 sm:mt-0 sm:w-auto"
+                <button type="button" class="mt-3 inline-flex w-full justify-center rounded-md bg-white dark:bg-stone-400 px-3 py-2 text-sm font-semibold text-stone-900 shadow-sm  hover:bg-stone-50 sm:mt-0 sm:w-auto"
                         on:click={on_cancel}>
                         {cancelCaption}</button>
             {:else if mode == Custom}

package/modal.svelte.d.ts

@@ -1,35 +1,35 @@
-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;
-        Custom?: 2 | undefined;
-        mode?: number | undefined;
-        okCaption?: string | undefined;
-        cancelCaption?: string | undefined;
-        onOkCallback?: Function | undefined;
-        onCancelCallback?: Function | undefined;
-        show?: ((on_close_callback?: Function | undefined) => 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 Custom(): 2;
-    get show(): (on_close_callback?: Function | undefined) => 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;
+        Custom?: 2 | undefined;
+        mode?: number | undefined;
+        okCaption?: string | undefined;
+        cancelCaption?: string | undefined;
+        onOkCallback?: Function | undefined;
+        onCancelCallback?: Function | undefined;
+        show?: ((on_close_callback?: Function | undefined) => 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 Custom(): 2;
+    get show(): (on_close_callback?: Function | undefined) => void;
+}
+export {};

package/operations.svelte

@@ -4,11 +4,15 @@ export let mobile = false;
 $:
   update($pageToolbarOperations, $contextToolbarOperations);
 let operations = [];
+let leftOperations = [];
+let rightOperations = [];
 function update(...args) {
   if ($contextToolbarOperations && $contextToolbarOperations.length > 0)
     operations = $contextToolbarOperations;
   else
     operations = $pageToolbarOperations;
+  leftOperations = operations.filter((o) => !o.right);
+  rightOperations = operations.filter((o) => o.right == true);
 }
 function on_click(e, operation) {
   if (!operation)
@@ -38,30 +42,55 @@ function mousedown(e) {
 }
 </script>
 
-<div    class="no-print w-full h-10 bg-stone-600 dark:bg-stone-950 overflow-x-clip overflow-y-hidden py-0 text-xs flex flex-row"
-        class:flex-row-reverse={mobile}>
-    
-    {#each operations as operation}
-        {#if !operation.separator}
+<section class="flex flex-row no-print h-10 bg-stone-600 dark:bg-stone-950 overflow-x-clip overflow-y-hidden py-0 text-xs ">
+    <div    class="flex flex-row"
+            class:flex-row-reverse={mobile}>
+        
+        {#each leftOperations as operation}
+            {#if !operation.separator}
 
-            <button type="button" 
-                    class="py-2.5 px-5 
-                    text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
-                    hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
-                    border-stone-200 focus:outline-none dark:border-stone-600
-                    inline-flex items-center"
-                    on:click={(e) => {on_click(e, operation)}}
-                    on:mousedown={mousedown}>
-                {#if operation.icon}
-                    <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
-                {/if}
-                {#if operation.caption}
-                    <span>{operation.caption}</span>
-                {/if}
-            </button>    
-        {/if}
-    {/each}
-</div>
+                <button type="button" 
+                        class="py-2.5 px-5 
+                        text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
+                        hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
+                        border-stone-200 focus:outline-none dark:border-stone-600
+                        inline-flex items-center"
+                        on:click={(e) => {on_click(e, operation)}}
+                        on:mousedown={mousedown}>
+                    {#if operation.icon}
+                        <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
+                    {/if}
+                    {#if operation.caption}
+                        <span>{operation.caption}</span>
+                    {/if}
+                </button>    
+            {/if}
+        {/each}
+    </div>
+
+    <div class="ml-auto flex flex-row">
+        {#each rightOperations as operation}
+            {#if !operation.separator}
+
+                <button type="button" 
+                        class="py-2.5 px-5 
+                        text-xs font-medium text-stone-100 dark:text-stone-300 dark:hover:text-white 
+                        hover:bg-stone-700 dark:hover:bg-stone-800 active:bg-stone-300 dark:active:bg-stone-600
+                        border-stone-200 focus:outline-none dark:border-stone-600
+                        inline-flex items-center"
+                        on:click={(e) => {on_click(e, operation)}}
+                        on:mousedown={mousedown}>
+                    {#if operation.icon}
+                        <div class="w-3 h-3 mr-1"><svelte:component this={operation.icon}/></div>
+                    {/if}
+                    {#if operation.caption}
+                        <span>{operation.caption}</span>
+                    {/if}
+                </button>    
+            {/if}
+        {/each}
+    </div>
+</section>
 
 <style>
     @media print

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 {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -51,9 +51,6 @@
   "homepage": "https://github.com/HumanDialog/forms.svelte#readme",
   "exports": {
     "./package.json": "./package.json",
-    "./components/Fab.svelte": "./components/Fab.svelte",
-    "./components/Floating_container.svelte": "./components/Floating_container.svelte",
-    "./components/Grid.menu.svelte": "./components/Grid.menu.svelte",
     "./components/button.svelte": "./components/button.svelte",
     "./components/checkbox.svelte": "./components/checkbox.svelte",
     "./components/combo/combo.item.svelte": "./components/combo/combo.item.svelte",
@@ -64,27 +61,35 @@
     "./components/date.svelte": "./components/date.svelte",
     "./components/delayed.spinner.svelte": "./components/delayed.spinner.svelte",
     "./components/document/internal/Document_command": "./components/document/internal/Document_command.js",
-    "./components/document/internal/Selection_helper": "./components/document/internal/Selection_helper.js",
-    "./components/document/internal/Selection_range": "./components/document/internal/Selection_range.js",
     "./components/document/internal/palette.row.svelte": "./components/document/internal/palette.row.svelte",
     "./components/document/internal/palette.svelte": "./components/document/internal/palette.svelte",
+    "./components/document/internal/Selection_helper": "./components/document/internal/Selection_helper.js",
+    "./components/document/internal/Selection_range": "./components/document/internal/Selection_range.js",
     "./components/document/rich.edit.svelte": "./components/document/rich.edit.svelte",
     "./components/edit.field.svelte": "./components/edit.field.svelte",
+    "./components/Fab.svelte": "./components/Fab.svelte",
     "./components/file.loader.svelte": "./components/file.loader.svelte",
+    "./components/Floating_container.svelte": "./components/Floating_container.svelte",
+    "./components/Grid.menu.svelte": "./components/Grid.menu.svelte",
     "./components/icon.svelte": "./components/icon.svelte",
     "./components/input.text.svelte": "./components/input.text.svelte",
     "./components/inputbox.ltop.svelte": "./components/inputbox.ltop.svelte",
-    "./components/kanban/Kanban": "./components/kanban/Kanban.js",
     "./components/kanban/internal/kanban.card.svelte": "./components/kanban/internal/kanban.card.svelte",
     "./components/kanban/internal/kanban.column.svelte": "./components/kanban/internal/kanban.column.svelte",
     "./components/kanban/internal/kanban.inserter.svelte": "./components/kanban/internal/kanban.inserter.svelte",
     "./components/kanban/internal/kanban.move.menu.svelte": "./components/kanban/internal/kanban.move.menu.svelte",
+    "./components/kanban/internal/kanban.props.svelte": "./components/kanban/internal/kanban.props.svelte",
     "./components/kanban/kanban.callbacks.svelte": "./components/kanban/kanban.callbacks.svelte",
     "./components/kanban/kanban.column.svelte": "./components/kanban/kanban.column.svelte",
+    "./components/kanban/kanban.combo.svelte": "./components/kanban/kanban.combo.svelte",
+    "./components/kanban/kanban.date.svelte": "./components/kanban/kanban.date.svelte",
+    "./components/kanban/kanban.source.svelte": "./components/kanban/kanban.source.svelte",
+    "./components/kanban/kanban.static.svelte": "./components/kanban/kanban.static.svelte",
     "./components/kanban/kanban.summary.svelte": "./components/kanban/kanban.summary.svelte",
     "./components/kanban/kanban.svelte": "./components/kanban/kanban.svelte",
+    "./components/kanban/kanban.tags.svelte": "./components/kanban/kanban.tags.svelte",
     "./components/kanban/kanban.title.svelte": "./components/kanban/kanban.title.svelte",
-    "./components/list/List": "./components/list/List.js",
+    "./components/kanban/Kanban": "./components/kanban/Kanban.js",
     "./components/list/internal/list.element.props.svelte": "./components/list/internal/list.element.props.svelte",
     "./components/list/internal/list.element.summary.svelte": "./components/list/internal/list.element.summary.svelte",
     "./components/list/internal/list.element.svelte": "./components/list/internal/list.element.svelte",
@@ -96,6 +101,7 @@
     "./components/list/list.summary.svelte": "./components/list/list.summary.svelte",
     "./components/list/list.svelte": "./components/list/list.svelte",
     "./components/list/list.title.svelte": "./components/list/list.title.svelte",
+    "./components/list/List": "./components/list/List.js",
     "./components/menu": "./components/menu.js",
     "./components/radio.svelte": "./components/radio.svelte",
     "./components/sidebar/sidebar.brand.svelte": "./components/sidebar/sidebar.brand.svelte",
@@ -108,6 +114,8 @@
     "./components/table/item.svelte": "./components/table/item.svelte",
     "./components/table/table.svelte": "./components/table/table.svelte",
     "./components/table/table": "./components/table/table.js",
+    "./components/tag.svelte": "./components/tag.svelte",
+    "./components/tags.svelte": "./components/tags.svelte",
     "./components/textarea.ltop.svelte": "./components/textarea.ltop.svelte",
     "./components/tile.title.svelte": "./components/tile.title.svelte",
     "./desk.svelte": "./desk.svelte",

package/page.row.svelte.d.ts

@@ -1,31 +1,31 @@
-/** @typedef {typeof __propDef.props}  PageProps */
-/** @typedef {typeof __propDef.events}  PageEvents */
-/** @typedef {typeof __propDef.slots}  PageSlots */
-export default class Page extends SvelteComponentTyped<{
-    c?: string | undefined;
-    cl?: string | undefined;
-    w?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type PageProps = typeof __propDef.props;
-export type PageEvents = typeof __propDef.events;
-export type PageSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        c?: string | undefined;
-        cl?: string | undefined;
-        w?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  PageProps */
+/** @typedef {typeof __propDef.events}  PageEvents */
+/** @typedef {typeof __propDef.slots}  PageSlots */
+export default class Page extends SvelteComponentTyped<{
+    c?: string | undefined;
+    cl?: string | undefined;
+    w?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PageProps = typeof __propDef.props;
+export type PageEvents = typeof __propDef.events;
+export type PageSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        c?: string | undefined;
+        cl?: string | undefined;
+        w?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/page.svelte

@@ -22,7 +22,7 @@
 	export let c = '';
 
 	export let toolbarOperations = undefined;
-	export let clears_context = '';
+	export let clearsContext = '';
 	export let title = '';
 
 	switch (c) {
@@ -96,9 +96,9 @@
 
 	function clear_selection(e) {
 		//console.log('page click', chnages.just_changed_context)
-		if (!clears_context) return;
+		if (!clearsContext) return;
 
-		let contexts = clears_context.split(' ');
+		let contexts = clearsContext.split(' ');
 		contexts.forEach((c) => {
 			$contextItemsStore[c] = null;
 			$context_info_store[c] = '';

package/page.svelte.d.ts

@@ -1,45 +1,45 @@
-/** @typedef {typeof __propDef.props}  PageProps */
-/** @typedef {typeof __propDef.events}  PageEvents */
-/** @typedef {typeof __propDef.slots}  PageSlots */
-export default class Page extends SvelteComponentTyped<{
-    context?: string | undefined;
-    self?: null | undefined;
-    c?: string | undefined;
-    cl?: string | undefined;
-    typename?: string | undefined;
-    focused_only?: boolean | undefined;
-    inContext?: string | undefined;
-    toolbarOperations?: any;
-    clears_context?: string | undefined;
-    title?: string | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type PageProps = typeof __propDef.props;
-export type PageEvents = typeof __propDef.events;
-export type PageSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        context?: string | undefined;
-        self?: null | undefined;
-        c?: string | undefined;
-        cl?: string | undefined;
-        typename?: string | undefined;
-        focused_only?: boolean | undefined;
-        inContext?: string | undefined;
-        toolbarOperations?: any;
-        clears_context?: string | undefined;
-        title?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
+/** @typedef {typeof __propDef.props}  PageProps */
+/** @typedef {typeof __propDef.events}  PageEvents */
+/** @typedef {typeof __propDef.slots}  PageSlots */
+export default class Page extends SvelteComponentTyped<{
+    clearsContext?: string | undefined;
+    context?: string | undefined;
+    self?: null | undefined;
+    c?: string | undefined;
+    cl?: string | undefined;
+    typename?: string | undefined;
+    focused_only?: boolean | undefined;
+    inContext?: string | undefined;
+    toolbarOperations?: any;
+    title?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PageProps = typeof __propDef.props;
+export type PageEvents = typeof __propDef.events;
+export type PageSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        clearsContext?: string | undefined;
+        context?: string | undefined;
+        self?: null | undefined;
+        c?: string | undefined;
+        cl?: string | undefined;
+        typename?: string | undefined;
+        focused_only?: boolean | undefined;
+        inContext?: string | undefined;
+        toolbarOperations?: any;
+        title?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};