mx-ui-components-pkg 0.0.717-alpha.121

package/dist/types/src/lib/ConnectionFlow/ConnectionFlow.d.ts

@@ -0,0 +1,44 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class ConnectionFlow extends BaseComponent {
+    private nodes;
+    private props;
+    noderegister: any;
+    private curvature;
+    private zoom;
+    private connection_ele;
+    private connectionStyles;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private removeAllConnections;
+    private createConnections;
+    createNode(nodeEle: any): INode;
+    addNode(nodeEle: any): void;
+    updateNodes(nodeElement: any): void;
+    drawConnection(sourceNodeEle: any, targetNodeEle: any, connectionLineStyles?: any): void;
+    updateConnection(sourceNodeEle: any, targetNodeEle: any): void;
+    createCurvature(start_pos_x: number, start_pos_y: number, end_pos_x: number, end_pos_y: number, curvature_value: number, type?: string): string;
+}
+export { ConnectionFlow };
+export interface INode {
+    id: string;
+    name?: string;
+    isPresent: boolean;
+    typenode?: boolean;
+    data?: any;
+    html?: any;
+    pos_x?: number;
+    pos_y?: number;
+    connections?: Edge[];
+    inNodes?: string[];
+    outNodes?: string[];
+    connectionLineStyles?: string[];
+}
+export type NodalInfo = {
+    nodeId: string;
+};
+export interface Edge {
+    type?: any;
+    nodeId: string;
+}

package/dist/types/src/lib/Counter/APIComponent.svelte.d.ts

@@ -0,0 +1,19 @@
+import BaseComponent from "./BaseComponent";
+declare class APIComponent extends BaseComponent {
+    private actionType;
+    private apiURL;
+    private body;
+    private token;
+    private fetchedData;
+    private data;
+    private isLoading;
+    constructor();
+    private showSpinner;
+    private hideSpinner;
+    APICall(): Promise<void>;
+    renderSlots(): void;
+    connectedCallback(): Promise<void>;
+    renderError(message: string): void;
+    disconnectedCallback(): void;
+}
+export default APIComponent;

package/dist/types/src/lib/Counter/BaseComponent.d.ts

@@ -0,0 +1,149 @@
+import { Signal } from "./store/signals.js";
+import type Store from "./store/store.js";
+import "../../app.css";
+import "./TailwindCss.js";
+import ServiceManager from "../../services/ServiceManager.js";
+import type { WebSocketManager } from "../WebsocketService/WebsocketService.js";
+import "./CustomKeyEvents.ts";
+import type { RouterService } from "./RouterInit.js";
+/**
+ *
+ * bind = {
+ *  state : {
+ *    stateName : {
+ *      path: 'path',
+ *      initialValue: {}
+ *    },
+ *    stateName2 : {
+ *      path: 'path',
+ *      initialValue: {}
+ *    }
+ *  },
+ *  events : {
+ *    click: {
+ *      stateName : {'actionName': 'path'}
+ *      stateName2 : {'actionName2': 'path'}
+ *      action: {'actionName': 'path'}
+ *    },
+ *    hover: {
+ *      stateName : {'actionName': 'path'}
+ *      stateName2 : {'actionName2': 'path'}
+ *      action: {'actionName': 'path'}
+
+ *    },
+ *    onload: {
+ *      action: {'actionName': 'path'}
+ *      stateName : {'actionName': 'path'}
+ *      stateName2 : {'actionName2': 'path'}
+ *    },
+ *    onStateChangeActions: {
+ *      stateName : {'actionName': 'path'}
+ *      action: {'actionName': 'path'}
+ *      stateName2 : {'actionName2': 'path'}
+ *    },
+ *  }
+ */
+interface ConditionalAction {
+    conditions: string[];
+    _conditions: string[];
+    logicalOperator: string;
+    trueAction: Action;
+    falseAction: Action;
+}
+interface Action {
+    [actionName: string]: string | {
+        sourcePath: string;
+        targetPath: string;
+        conditionalAction: ConditionalAction;
+        params?: Object;
+    };
+}
+interface EventBindings {
+    onload: {
+        action: Action;
+        [stateName: string]: Action;
+    };
+    onStateChangeActions: {
+        action: Action;
+        [stateName: string]: Action;
+    };
+    [eventName: string]: {
+        action: Action;
+        [stateName: string]: Action;
+    };
+}
+interface StateBindings {
+    [stateName: string]: {
+        path: string;
+        initialValue: any;
+        action?: Action;
+    };
+}
+interface Bindings {
+    state: StateBindings;
+    events: EventBindings;
+}
+export default class BaseComponent extends HTMLElement {
+    shadowRoot: ShadowRoot | null;
+    signal: Signal | undefined;
+    signals: Array<Signal>;
+    pendingBindings: {
+        bindings: any;
+        bindCb: Function;
+        initialValue?: any;
+    }[];
+    store: Store | undefined;
+    pendingNewBindings: {
+        bindings: any;
+        bindCb: Function;
+        initialValue?: any;
+    }[];
+    newSignal: {
+        [key: string]: Signal | undefined;
+    };
+    baseBindings: Bindings | undefined;
+    serviceManager: ServiceManager | undefined;
+    meta: Record<string, any>;
+    websocket: WebSocketManager | undefined;
+    private __stateListenersMap;
+    static router: RouterService;
+    constructor();
+    onLoad(): Promise<void>;
+    connectedCallback(): void;
+    /**
+     * Sets the store and processes any pending bindings.
+     */
+    setStore(store: Store | undefined): void;
+    setBindings(bindings: Bindings, bindCb: Function, initialValue?: any): void;
+    private applyNewBindings;
+    applyStateBindings(state: StateBindings, cb: Function): void;
+    private handleDomEvent;
+    applyEventBindings(evtObject: EventBindings): void;
+    executeAction(stateName: string, action: Action, e?: any): Promise<any>;
+    /**
+     * Binds a state signal to this component.
+     */
+    bindNewState(stateName: string, defaultValue: any, path: string, cb: Function, action: Action | undefined): Signal | undefined;
+    updateState(value: any): void;
+    setState(value: any): void;
+    updateStateByName(value: any, signalName: string): void;
+    getState(): any;
+    createElementFromJson(json: any, suspense?: string, element?: HTMLElement | undefined): DocumentFragment;
+    /**
+     * Applies the bindings directly.
+     */
+    private applyBindings;
+    /**
+     * Binds a state signal to this component.
+     */
+    bindState(stateName: string, defaultValue: any, callback: Function): Signal | undefined;
+    onSignalChange(value: any): void;
+    /**
+     * Binds events to the component.
+     */
+    bindEvents(actionsBindings: any): void;
+    private setupSocktIoEvents;
+    private socketEventHandler;
+    disconnectedCallback(): void;
+}
+export {};

package/dist/types/src/lib/Counter/Breadcrumb.svelte.d.ts

@@ -0,0 +1,14 @@
+declare class BreadcrumbNav extends HTMLElement {
+    private ol;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    render(): void;
+    addEllipsis(ol: HTMLOListElement, breadcrumbData: {
+        name: string;
+        url: string;
+        badgeNumber?: number;
+    }[]): void;
+}
+export default BreadcrumbNav;

package/dist/types/src/lib/Counter/Button.svelte.d.ts

@@ -0,0 +1,9 @@
+declare class MyButton extends HTMLElement {
+    private storeRef;
+    private drawerState;
+    private isOpen;
+    private name;
+    constructor();
+    connectedCallback(): void;
+}
+export default MyButton;

package/dist/types/src/lib/Counter/ChatBot.d.ts

@@ -0,0 +1,11 @@
+declare class ChatBot extends HTMLElement {
+    private endpoint;
+    private headers;
+    private chatArray;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+}
+export default ChatBot;

package/dist/types/src/lib/Counter/Child.svelte.d.ts

@@ -0,0 +1,12 @@
+declare class MyChild extends HTMLElement {
+    private _state;
+    private elementRef;
+    constructor();
+    connectedCallback(): void;
+    addEventListeners(): void;
+    disconnectedCallback(): void;
+    set state(value: any);
+    get state(): any;
+    render(): void;
+}
+export default MyChild;

package/dist/types/src/lib/Counter/Common.svelte.d.ts

@@ -0,0 +1,7 @@
+export declare class State {
+    private state;
+    private subscribers;
+    setState(newState: any): void;
+    subscribe(callback: (state: any) => void): () => void;
+    private notifySubscribers;
+}

package/dist/types/src/lib/Counter/CustomButton.d.ts

@@ -0,0 +1,13 @@
+declare class CustomButton extends HTMLElement {
+    defaultStyles: string;
+    minValues: {
+        [key: string]: number;
+    };
+    static get observedAttributes(): string[];
+    value: string;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    mergeStyles(defaultStyles: string, newStyles: string): string;
+}
+export default CustomButton;

package/dist/types/src/lib/Counter/CustomCheckbox.svelte.d.ts

@@ -0,0 +1,28 @@
+import BaseComponent from "./BaseComponent";
+interface ListItem {
+    value: string;
+    label: string;
+}
+declare class CustomCheckbox extends BaseComponent {
+    protected _list: ListItem[];
+    protected _isMultiple: boolean;
+    protected _selectedValues: Set<any>;
+    protected _prevValues: any;
+    protected props: any;
+    protected name: string;
+    protected checkBoxChecked: string;
+    protected defaultCheckboxItemStyles: string;
+    protected defaultCheckboxBoxStyles: string;
+    protected componentName: string;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
+    connectedCallback(): void;
+    PopulateFromState: (state: any) => void;
+    render(): void;
+    addClickEventListeners(): void;
+    toggleState: (state: any) => any;
+    getSelectedValues(): string[];
+    resetSelectedValues(): void;
+}
+export default CustomCheckbox;

package/dist/types/src/lib/Counter/CustomForm.svelte.d.ts

@@ -0,0 +1,8 @@
+import BaseComponent from "./BaseComponent";
+declare class CustomFormContainer extends BaseComponent {
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
+}
+export default CustomFormContainer;

package/dist/types/src/lib/Counter/CustomInput.svelte.d.ts

@@ -0,0 +1,9 @@
+import CustomBaseInput from "../InputBaseComponent/InputBaseComponent";
+declare class CustomInputField extends CustomBaseInput {
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+    isFocused(): boolean;
+    populateValueFromState(value: any): void;
+}
+export default CustomInputField;

package/dist/types/src/lib/Counter/CustomInputError.svelte.d.ts

@@ -0,0 +1,7 @@
+declare class CustomFieldError extends HTMLElement {
+    private _error;
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+}
+export default CustomFieldError;

package/dist/types/src/lib/Counter/CustomKeyEvents.d.ts

@@ -0,0 +1,19 @@
+export declare enum CustomEventsTypes {
+    EDITABLE_CONTENT_BLUR = "mobius-content-editable-blur",
+    EDITABLE_CONTENT_INPUT = "mobius-content-editable-input",
+    TABLE_CHECKBOX_SELECTION_CHANGE = "mobius-table-checkbox-selection-change",
+    TABLE_CELL_CHECKBOX_SELECTION_CHANGE = "mobius-table-cell-checkbox-selection-change",
+    TABLE_CHECKBOX_SELECTION_DATA = "mobius-table-checkbox-selection-data",
+    TABLE_COLUMN_SELECTION_DATA = "mobius-table-column-selection-data",
+    ON_FILE_UPLOAD = "mobius-on-file-upload",
+    SPEECH_PROMPT_CONTENT_INPUT = "mobius-speech-prompt-content-input",
+    SPEECH_PROMPT_CONTENT_BLUR = "mobius-speech-prompt-content-blur",
+    SPEECH_PROMPT_CONTENT_FOCUS = "mobius-speech-prompt-content-focus",
+    SPEECH_PROMPT_SELECTED_CONTENT = "mobius-speech-prompt-selected-content",
+    INFINITE_SCROLL = "mobius-infinite-scroll",
+    ON_PAGINATION_CHANGE = "mobius-pagination-change",
+    RECIEVE_DATA_FROM_CHILD = "mobius-receive-data-from-child",
+    SEARCH_INPUT_CHANGED = "mobius-search-input-change",
+    SEARCH_INPUT_SET = "mobius-search-input-set",
+    EDITOR_AUTO_SAVE = "mobius-editor-auto-save"
+}

package/dist/types/src/lib/Counter/Drawer.svelte.d.ts

@@ -0,0 +1,20 @@
+import BaseComponent from "./BaseComponent";
+declare class MyDrawer extends BaseComponent {
+    private backdrop;
+    private drawerType;
+    private size;
+    private position;
+    private isCssMounted;
+    private showbackDrop;
+    private appendDrawer;
+    constructor();
+    static get observedAttributes(): string[];
+    addBackdrop(): void;
+    removeBackdrop(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    setDrawerCSS(value: any): void;
+    getPositionCss(position: string, size: string, type: string): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}
+export default MyDrawer;

package/dist/types/src/lib/Counter/DropDown.d.ts

@@ -0,0 +1,13 @@
+declare class MyDropdown extends HTMLElement {
+    private state;
+    name: string;
+    options: Array<string>;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    constructor();
+    connectedCallback(): void;
+    handleDropdownState(): void;
+    handleOptionState(event: Event): void;
+    render(): void;
+}
+export default MyDropdown;

package/dist/types/src/lib/Counter/Dropdown.svelte.d.ts

@@ -0,0 +1,26 @@
+import BaseComponent from "./BaseComponent";
+declare class MyDropdown extends BaseComponent {
+    private storeRef;
+    dropdownFocused: boolean;
+    name: string;
+    searchedText: string | null;
+    debouncedFn: any;
+    private type;
+    multiSelect: boolean;
+    layout: "list" | "grid";
+    partitions: number;
+    color: "dark" | "light";
+    highlightStyles: string;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    private handleClick;
+    checkClickOutside: (event: Event) => void;
+    private updateChildren;
+    debouncedListFilter: () => void;
+    addListeners(): void;
+    disconnectedCallback(): void;
+    render(): void;
+}
+export default MyDropdown;

package/dist/types/src/lib/Counter/DropdownContainer.d.ts

@@ -0,0 +1,9 @@
+import BaseComponent from "./BaseComponent";
+export default class MobiusDropdownContainer extends BaseComponent {
+    props: any;
+    name: string;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+}

package/dist/types/src/lib/Counter/DropdownInput.d.ts

@@ -0,0 +1,13 @@
+import BaseComponent from "./BaseComponent";
+export default class MobiusDropdownInput extends BaseComponent {
+    name: string;
+    private value;
+    private icon;
+    private multiSelect;
+    private badgeInside;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    renderIcon: () => void;
+    connectedCallback(): void;
+}

package/dist/types/src/lib/Counter/DropdownInputContainer.d.ts

@@ -0,0 +1,12 @@
+import BaseComponent from "./BaseComponent";
+export default class MobiusDropdownInputContainer extends BaseComponent {
+    name: string;
+    private value;
+    private icon;
+    private multiSelect;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    renderIcon: () => void;
+    connectedCallback(): void;
+}

package/dist/types/src/lib/Counter/DropdownItem.svelte.d.ts

@@ -0,0 +1,22 @@
+import BaseComponent from "./BaseComponent";
+declare class MyDropdownItem extends BaseComponent {
+    elementRef: any;
+    private selectedItems;
+    private disabled;
+    value: string;
+    private input;
+    type: string;
+    private color;
+    private partitions;
+    key: string;
+    name: string;
+    private multiSelect;
+    private styles;
+    highlightStyles: any;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    addListeners(): void;
+}
+export default MyDropdownItem;

package/dist/types/src/lib/Counter/DropdownMenu.svelte.d.ts

@@ -0,0 +1,27 @@
+import BaseComponent from "./BaseComponent";
+declare class MyDropdownMenu extends BaseComponent {
+    elementRef: any;
+    private storeRef;
+    private dropdownState;
+    private dropdownFocused;
+    name: string;
+    color: "dark" | "light";
+    partitions: number;
+    private apiEndpoint;
+    multiSelect: boolean;
+    private keyName;
+    private valueName;
+    private itemStyles;
+    highlightStyles: string;
+    private itemBindings;
+    private currentItems;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    renderDropdownMenu: (entities: Array<any>) => void;
+    updateFromParent(): void;
+    connectedCallback(): void;
+    addListeners(): void;
+    disconnectedCallback(): void;
+}
+export default MyDropdownMenu;

package/dist/types/src/lib/Counter/Input.svelte.d.ts

@@ -0,0 +1,6 @@
+declare class MyInput extends HTMLInputElement {
+    private checkedList;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+}
+export default MyInput;

package/dist/types/src/lib/Counter/Label.svelte.d.ts

@@ -0,0 +1,7 @@
+import BaseComponent from "./BaseComponent";
+declare class MyLabel extends BaseComponent {
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+}
+export default MyLabel;

package/dist/types/src/lib/Counter/ListGroup.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "./BaseComponent";
+declare class MobiusListGroup extends BaseComponent {
+    darkMode: boolean;
+    icons: boolean;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    private updateChildren;
+}
+export default MobiusListGroup;

package/dist/types/src/lib/Counter/ListItem.d.ts

@@ -0,0 +1,19 @@
+import BaseComponent from "./BaseComponent";
+declare class MobiusListItem extends BaseComponent {
+    private src;
+    private value;
+    private disabled;
+    private subText;
+    icon: boolean;
+    darkMode: boolean;
+    private type;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    updateChild: () => void;
+    updateFromParent(value: any): void;
+    renderChild: () => void;
+    disconnectedCallback(): void;
+}
+export default MobiusListItem;

package/dist/types/src/lib/Counter/MobiusAppComponent.d.ts

@@ -0,0 +1,8 @@
+import Store from "./store/store";
+declare class MobiusApp extends HTMLElement {
+    static appStoreReference: Record<string, Store>;
+    constructor();
+    private createMemory;
+    getMemory(provider: string): Store;
+}
+export default MobiusApp;

package/dist/types/src/lib/Counter/MobiusBreadCrumbItem.svelte.d.ts

@@ -0,0 +1,14 @@
+import BaseElement from "./BaseComponent";
+declare global {
+    interface Window {
+        routerCallback?: (href: string) => void;
+    }
+}
+declare class MobiusBreadcrumbItem extends BaseElement {
+    props: any;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(attrName: string, oldVal: string | null, newVal: string | null): void;
+    connectedCallback(): void;
+}
+export default MobiusBreadcrumbItem;

package/dist/types/src/lib/Counter/MobiusBreadCrumbNav.svelte.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "./BaseComponent";
+declare class MobiusBreadcrumbNav extends BaseComponent {
+    [key: string]: any;
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    addEllipsis(): void;
+    toggleHiddenItems(breadcrumbItems: Element[], spanContainer: HTMLElement): void;
+}
+export default MobiusBreadcrumbNav;

package/dist/types/src/lib/Counter/MobiusContainer.d.ts

@@ -0,0 +1,27 @@
+import MobiusApp from "./MobiusAppComponent";
+import type Store from "./store/store";
+import ServiceManager from "../../services/ServiceManager";
+import type { RouterService } from "./RouterInit";
+declare class MobiusContainer extends MobiusApp {
+    store: Store | undefined;
+    provider: string | undefined;
+    container: HTMLElement | null;
+    currentPath: string | null;
+    private services;
+    serviceManager: ServiceManager;
+    static router: RouterService;
+    watchLevel: number;
+    dataSource: "API" | "Local";
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    handleRouteChange(): Promise<void>;
+    findCurrentWatchLevel(path: string): number;
+    fetchAndRenderMetadata(path: string): Promise<void>;
+    FetchMetadata(): Promise<void>;
+    private renderError;
+    mountSocketIOService(): void;
+}
+export default MobiusContainer;

package/dist/types/src/lib/Counter/MobiusHtmlBaseElement/MobiusHTMLElement.d.ts

@@ -0,0 +1,14 @@
+export declare class MobiusHTMLElement extends HTMLElement {
+    private unsubscribe;
+    constructor();
+    bindState(key: string, callback: Function): void;
+    updateState(key: string, value: any, method: 'setState' | 'set' | 'increment' | 'decrement' | 'reset' | 'toggleState' | 'logEvent'): void;
+    /*************  ✨ Codeium Command ⭐  *************/
+    /**
+     * Lifecycle method: Called when the component is removed from the DOM
+     * This is our last chance to clean up any event listeners or other resources
+     * we may have allocated.
+     */
+    /******  164c727a-a13b-4b59-8ca6-e17a5a1332db  *******/
+    disconnectedCallback(): void;
+}

package/dist/types/src/lib/Counter/MobiusHtmlBaseElement/actions.d.ts

@@ -0,0 +1,7 @@
+import Store from "./store";
+export declare function increment(store: Store, key: string): void;
+export declare function decrement(store: Store, key: string): void;
+export declare function reset(store: Store, key: string): void;
+export declare function set(store: Store, key: string, value: string | number): void;
+export declare function logEvent(store: Store, key: string, event?: Event): void;
+export declare function toggleState(store: Store, key: string): void;