@breadstone/mosaik-elements-vue 0.1.7 → 0.1.8

package/Controls/Components/Selectors/Segment/SegmentItemComponent.d.ts

@@ -5,42 +5,42 @@
  */
 export declare const SegmentItemComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    size?: any;
     orientation?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    size?: any;
-    isChecked?: any;
+    appearance?: any;
+    value?: any;
     isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
+    isChecked?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "toggled")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "toggled", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    size?: any;
     orientation?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    size?: any;
-    isChecked?: any;
+    appearance?: any;
+    value?: any;
     isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
+    isChecked?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Stepper/StepperComponent.d.ts

@@ -7,28 +7,28 @@ export declare const StepperComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    orientation?: any;
     fit?: any;
     items?: any;
+    orientation?: any;
+    disabled?: any;
+    selectedItem?: any;
     activeIndex?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    disabled?: any;
-    selectedItem?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "activeStepChanged")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "activeStepChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    orientation?: any;
     fit?: any;
     items?: any;
+    orientation?: any;
+    disabled?: any;
+    selectedItem?: any;
     activeIndex?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    disabled?: any;
-    selectedItem?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Stepper/StepperItemComponent.d.ts

@@ -9,18 +9,18 @@ export declare const StepperItemComponent: import("vue").DefineComponent<{
     lang?: any;
     header?: any;
     disabled?: any;
-    isActive?: any;
+    value?: any;
+    state?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    isSelected?: any;
     index?: any;
+    isActive?: any;
+    isSelected?: any;
     displayText?: any;
-    value?: any;
-    state?: any;
-    icon?: any;
-    description?: any;
     hint?: any;
+    description?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -29,18 +29,18 @@ export declare const StepperItemComponent: import("vue").DefineComponent<{
     lang?: any;
     header?: any;
     disabled?: any;
-    isActive?: any;
+    value?: any;
+    state?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    isSelected?: any;
     index?: any;
+    isActive?: any;
+    isSelected?: any;
     displayText?: any;
-    value?: any;
-    state?: any;
-    icon?: any;
-    description?: any;
     hint?: any;
+    description?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Tab/TabComponent.d.ts

@@ -5,34 +5,34 @@
  */
 export declare const TabComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     items?: any;
     disabled?: any;
-    selectedItem?: any;
     variant?: any;
+    appearance?: any;
+    selectedItem?: any;
     placement?: any;
     alignment?: any;
-    selectedIndex?: any;
     hasIndicator?: any;
     enableGestures?: any;
+    selectedIndex?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     items?: any;
     disabled?: any;
-    selectedItem?: any;
     variant?: any;
+    appearance?: any;
+    selectedItem?: any;
     placement?: any;
     alignment?: any;
-    selectedIndex?: any;
     hasIndicator?: any;
     enableGestures?: any;
+    selectedIndex?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Tab/TabItemComponent.d.ts

@@ -10,15 +10,15 @@ export declare const TabItemComponent: import("vue").DefineComponent<{
     label?: any;
     orientation?: any;
     disabled?: any;
+    value?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    isSelected?: any;
-    value?: any;
+    iconSize?: any;
     closeable?: any;
-    icon?: any;
     iconPosition?: any;
-    iconSize?: any;
+    isSelected?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "closed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "closed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -28,15 +28,15 @@ export declare const TabItemComponent: import("vue").DefineComponent<{
     label?: any;
     orientation?: any;
     disabled?: any;
+    value?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    isSelected?: any;
-    value?: any;
+    iconSize?: any;
     closeable?: any;
-    icon?: any;
     iconPosition?: any;
-    iconSize?: any;
+    isSelected?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Tab/TabPanelComponent.d.ts

@@ -5,30 +5,30 @@
  */
 export declare const TabPanelComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
+    appearance?: any;
     placement?: any;
     alignment?: any;
-    hasIndicator?: any;
-    enableGestures?: any;
     hasScrollableContent?: any;
     canScrollToStart?: any;
     canScrollToEnd?: any;
+    hasIndicator?: any;
+    enableGestures?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
+    appearance?: any;
     placement?: any;
     alignment?: any;
-    hasIndicator?: any;
-    enableGestures?: any;
     hasScrollableContent?: any;
     canScrollToStart?: any;
     canScrollToEnd?: any;
+    hasIndicator?: any;
+    enableGestures?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/TabStrip/TabStripComponent.d.ts

@@ -5,30 +5,30 @@
  */
 export declare const TabStripComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     items?: any;
     disabled?: any;
-    selectedItem?: any;
     variant?: any;
+    appearance?: any;
+    selectedItem?: any;
     placement?: any;
-    selectedIndex?: any;
     hasIndicator?: any;
+    selectedIndex?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     items?: any;
     disabled?: any;
-    selectedItem?: any;
     variant?: any;
+    appearance?: any;
+    selectedItem?: any;
     placement?: any;
-    selectedIndex?: any;
     hasIndicator?: any;
+    selectedIndex?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/TabStrip/TabStripItemComponent.d.ts

@@ -10,15 +10,15 @@ export declare const TabStripItemComponent: import("vue").DefineComponent<{
     label?: any;
     orientation?: any;
     disabled?: any;
-    isSelected?: any;
-    value?: any;
     variant?: any;
+    value?: any;
     isFocused?: any;
-    placement?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    iconPosition?: any;
     ripple?: any;
+    isSelected?: any;
+    placement?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -28,15 +28,15 @@ export declare const TabStripItemComponent: import("vue").DefineComponent<{
     label?: any;
     orientation?: any;
     disabled?: any;
-    isSelected?: any;
-    value?: any;
     variant?: any;
+    value?: any;
     isFocused?: any;
-    placement?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    iconPosition?: any;
     ripple?: any;
+    isSelected?: any;
+    placement?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/TableBodyCellComponent.d.ts

@@ -8,12 +8,12 @@ export declare const TableBodyCellComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    isSelected?: any;
-    value?: any;
     text?: any;
+    value?: any;
     formatter?: any;
-    columnHidden?: any;
+    isSelected?: any;
     textOverflow?: any;
+    columnHidden?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -21,12 +21,12 @@ export declare const TableBodyCellComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    isSelected?: any;
-    value?: any;
     text?: any;
+    value?: any;
     formatter?: any;
-    columnHidden?: any;
+    isSelected?: any;
     textOverflow?: any;
+    columnHidden?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/TableBodyRowComponent.d.ts

@@ -8,8 +8,8 @@ export declare const TableBodyRowComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    isSelected?: any;
     value?: any;
+    isSelected?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -17,8 +17,8 @@ export declare const TableBodyRowComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    isSelected?: any;
     value?: any;
+    isSelected?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/TableComponent.d.ts

@@ -5,36 +5,36 @@
  */
 export declare const TableComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     caption?: any;
-    columns?: any;
-    selectionMode?: any;
-    resizable?: any;
     intl?: any;
-    selectedRows?: any;
-    selectedCells?: any;
+    appearance?: any;
+    selectionMode?: any;
     alternating?: any;
     selectionType?: any;
+    resizable?: any;
     sortMode?: any;
+    columns?: any;
+    selectedRows?: any;
+    selectedCells?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "columnsChanged" | "tableChooseColumns" | "tableSelectionChanged")[], "connected" | "disconnected" | "changed" | "columnsChanged" | "tableChooseColumns" | "tableSelectionChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     caption?: any;
-    columns?: any;
-    selectionMode?: any;
-    resizable?: any;
     intl?: any;
-    selectedRows?: any;
-    selectedCells?: any;
+    appearance?: any;
+    selectionMode?: any;
     alternating?: any;
     selectionType?: any;
+    resizable?: any;
     sortMode?: any;
+    columns?: any;
+    selectedRows?: any;
+    selectedCells?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/TableFooterCellComponent.d.ts

@@ -10,8 +10,8 @@ export declare const TableFooterCellComponent: import("vue").DefineComponent<{
     disabled?: any;
     text?: any;
     formatter?: any;
-    columnHidden?: any;
     textOverflow?: any;
+    columnHidden?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -21,8 +21,8 @@ export declare const TableFooterCellComponent: import("vue").DefineComponent<{
     disabled?: any;
     text?: any;
     formatter?: any;
-    columnHidden?: any;
     textOverflow?: any;
+    columnHidden?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/TableHeaderCellComponent.d.ts

@@ -4,55 +4,55 @@
  * @public
  */
 export declare const TableHeaderCellComponent: import("vue").DefineComponent<{
-    pinned?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     text?: any;
-    formatter?: any;
-    resizable?: any;
     intl?: any;
-    sortMode?: any;
+    formatter?: any;
     sorted?: any;
-    key?: any;
+    resizable?: any;
     sortable?: any;
     pinable?: any;
-    sortDirection?: any;
-    minWidth?: any;
-    maxWidth?: any;
     hideable?: any;
     autoSizeable?: any;
     columnChoosable?: any;
-    sortIndex?: any;
-    columnHidden?: any;
+    sortMode?: any;
     textOverflow?: any;
+    maxWidth?: any;
+    pinned?: any;
+    minWidth?: any;
+    columnHidden?: any;
+    key?: any;
+    sortDirection?: any;
+    sortIndex?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "tableSortChanged" | "tableColumnResized" | "tableRequestChooseColumns")[], "connected" | "disconnected" | "changed" | "tableSortChanged" | "tableColumnResized" | "tableRequestChooseColumns", import("vue").PublicProps, Readonly<{
-    pinned?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     text?: any;
-    formatter?: any;
-    resizable?: any;
     intl?: any;
-    sortMode?: any;
+    formatter?: any;
     sorted?: any;
-    key?: any;
+    resizable?: any;
     sortable?: any;
     pinable?: any;
-    sortDirection?: any;
-    minWidth?: any;
-    maxWidth?: any;
     hideable?: any;
     autoSizeable?: any;
     columnChoosable?: any;
-    sortIndex?: any;
-    columnHidden?: any;
+    sortMode?: any;
     textOverflow?: any;
+    maxWidth?: any;
+    pinned?: any;
+    minWidth?: any;
+    columnHidden?: any;
+    key?: any;
+    sortDirection?: any;
+    sortIndex?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Table/editor/TableColumnEditorComponent.d.ts

@@ -8,8 +8,8 @@ export declare const TableColumnEditorComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     tableColumnEditorDismissed?: any;
-    columns?: any;
     intl?: any;
+    columns?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "tableColumnEditorChanged")[], "connected" | "disconnected" | "changed" | "tableColumnEditorChanged", import("vue").PublicProps, Readonly<{
@@ -17,8 +17,8 @@ export declare const TableColumnEditorComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     tableColumnEditorDismissed?: any;
-    columns?: any;
     intl?: any;
+    columns?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Tree/TreeItemComponent.d.ts

@@ -9,17 +9,17 @@ export declare const TreeItemComponent: import("vue").DefineComponent<{
     lang?: any;
     items?: any;
     disabled?: any;
-    isSelected?: any;
-    index?: any;
-    displayText?: any;
-    value?: any;
     variant?: any;
-    hasChildren?: any;
+    isBusy?: any;
     text?: any;
-    isExpanded?: any;
-    isChecked?: any;
+    value?: any;
     isFocused?: any;
-    isBusy?: any;
+    index?: any;
+    isSelected?: any;
+    displayText?: any;
+    isChecked?: any;
+    isExpanded?: any;
+    hasChildren?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
@@ -28,17 +28,17 @@ export declare const TreeItemComponent: import("vue").DefineComponent<{
     lang?: any;
     items?: any;
     disabled?: any;
-    isSelected?: any;
-    index?: any;
-    displayText?: any;
-    value?: any;
     variant?: any;
-    hasChildren?: any;
+    isBusy?: any;
     text?: any;
-    isExpanded?: any;
-    isChecked?: any;
+    value?: any;
     isFocused?: any;
-    isBusy?: any;
+    index?: any;
+    isSelected?: any;
+    displayText?: any;
+    isChecked?: any;
+    isExpanded?: any;
+    hasChildren?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Wizard/WizardComponent.d.ts

@@ -10,11 +10,11 @@ export declare const WizardComponent: import("vue").DefineComponent<{
     name?: any;
     fit?: any;
     items?: any;
+    disabled?: any;
+    selectedItem?: any;
     activeIndex?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    disabled?: any;
-    selectedItem?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "activeStepChanged")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "activeStepChanged", import("vue").PublicProps, Readonly<{
@@ -24,11 +24,11 @@ export declare const WizardComponent: import("vue").DefineComponent<{
     name?: any;
     fit?: any;
     items?: any;
+    disabled?: any;
+    selectedItem?: any;
     activeIndex?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    disabled?: any;
-    selectedItem?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;