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

package/dist/types/src/lib/Tab/MobiusTab.d.ts

@@ -0,0 +1,18 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusTab extends BaseComponent {
+    props: any;
+    constructor();
+    connectedCallback(): void;
+    getTabData(): {
+        header: any;
+        icon: {
+            left: any;
+            right: any;
+            size: any;
+        };
+        stateHeader: any;
+        iconCss: any;
+        bindings: any;
+        props: any;
+    };
+}

package/dist/types/src/lib/Tab/MobiusTabs.d.ts

@@ -0,0 +1,27 @@
+import BaseComponent from "../Counter/BaseComponent";
+interface Tab {
+    tabChild: HTMLElement;
+    tabElement: HTMLElement;
+    isActive: boolean;
+    header: string;
+}
+export default class MobiusTabs extends BaseComponent {
+    Tabs: Array<Tab>;
+    props: any;
+    selectedTab: number;
+    tabContainer: HTMLDivElement | null;
+    constructor();
+    findByHeaderOrIndex: (value: number | string) => {
+        index: number;
+        tab: Tab | undefined;
+    };
+    connectedCallback(): void;
+    initializeTabs(): void;
+    addIcon(icon: {
+        left: string;
+        right: string;
+    } | undefined, size: string, imageStyle: string | undefined, element: DocumentFragment): void;
+    getStyles(isActive: boolean, index?: number): string;
+    updateActiveTab(newActiveTab: Tab, index: any): void;
+}
+export {};

package/dist/types/src/lib/Table/MobiusTable.d.ts

@@ -0,0 +1,67 @@
+import type { ComponentMetadata } from "../utils/loader";
+import BaseComponent from "../Counter/BaseComponent";
+interface Columns {
+    label: string;
+    sort?: string;
+    sortOn?: string;
+    css?: string;
+    cellCss?: string;
+}
+interface Rows {
+    component?: ComponentMetadata;
+    config?: {
+        editableConfig: {
+            editForm: ComponentMetadata;
+        };
+        editType: string;
+        actions: Array<string>;
+        rowCss: string;
+        cellCss: string;
+    };
+    rowData: any;
+}
+interface DataModel {
+    columns: Array<Columns>;
+    rows: Array<Array<Rows>>;
+}
+export default class MobiusTable extends BaseComponent {
+    data: DataModel | null;
+    private accordionComponent;
+    private rowsOptionActionMap;
+    private rowOptionJson;
+    private rowsOptionActionMapStyles;
+    private rowsConfig;
+    private isStatic;
+    private checkbox;
+    private TableData;
+    private headerConfig;
+    private cellLevelCheckbox;
+    private cellLevelCheckboxRef;
+    initialCheckboxValue: {
+        [key: string]: any;
+    };
+    checkboxArray: any;
+    selectedColums: {
+        [key: string]: String[];
+    };
+    private focusedColumn;
+    constructor();
+    connectedCallback(): void;
+    transformStaticDataToTable(Data: any, cellComponent?: ComponentMetadata | any, headerComponentCss?: string, sortOn?: string, hideColumns?: Array<string>, columns?: Record<string, any>, columnToShow?: Array<string>): {
+        columns: Columns[];
+        rows: Rows[][];
+    };
+    transformAPIToTable(value: any, HeaderComponentMap: any): DataModel;
+    render(): void;
+    renderTable(): void;
+    setCheckBoxesData(value: Array<any>): void;
+    setColumnData(value: {
+        [key: string]: String[];
+    }): void;
+    setCheckBoxesDataFromState(value: Array<any>): void;
+    updateDataset(newData: DataModel): void;
+    setCellLevelCheckBoxData(args: any): void;
+    highlightColumn(columnName: string): void;
+    emptyCheckboxArray(varNameArr: Array<string>): void;
+}
+export {};

package/dist/types/src/lib/Table/Td/MobiusTd.d.ts

@@ -0,0 +1,17 @@
+import BaseComponent from "../../Counter/BaseComponent";
+import MobiusTable from "../MobiusTable";
+export default class MobiusTd extends BaseComponent {
+    private isEditOpen;
+    private rowData;
+    private rowUuid;
+    table: MobiusTable | null;
+    constructor();
+    connectedCallback(): void;
+    addStyles(variant?: string): void;
+    addHeading(heading: string | undefined, textDiv: HTMLDivElement): void;
+    addLabel(label: string | undefined, textDiv: HTMLDivElement): void;
+    addEditable(editableConfig: any): void;
+    handleBlur(pop: HTMLDivElement, icon: HTMLImageElement): void;
+    handleHover(icon: HTMLImageElement, isHover: boolean): void;
+    sendIsEditableToRow(): void;
+}

package/dist/types/src/lib/Table/Th/MobiusTh.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "../../Counter/BaseComponent";
+export default class MobiusTh extends BaseComponent {
+    private table;
+    constructor();
+    connectedCallback(): void;
+    render(label: string, sort: string, sortOn: string, isFilterTrue: boolean, index: string): void;
+    handleDragStart(event: DragEvent, index: string): void;
+    handleDragOver(event: DragEvent): void;
+    handleDrop(event: DragEvent, index: string): void;
+    handleSort(e: MouseEvent, index: string, sort: string, sortOn: string): void;
+}

package/dist/types/src/lib/Table/Tr/MobiusTr.d.ts

@@ -0,0 +1,21 @@
+import BaseComponent from "../../Counter/BaseComponent";
+import type MobiusTable from "../MobiusTable";
+export default class MobiusTr extends BaseComponent {
+    private isAccordionOpen;
+    table: MobiusTable | null;
+    private rowData;
+    constructor();
+    connectedCallback(): void;
+    private updateHeaderCheckboxState;
+    handleDragStart(event: DragEvent, index: string): void;
+    resolveRowData(rowData: Array<any>, valueStructure: {}): any[];
+    handleDragOver(event: DragEvent): void;
+    handleDrop(event: DragEvent, index: string): void;
+    addAccordion(accordionComponent?: any): void;
+    toggleAccordion(icon: HTMLImageElement, accordionRow: HTMLDivElement): void;
+    addMenu(options: any, index: string, styles: any, isComponentMenu?: boolean): void;
+    togglePop(pop: HTMLDivElement, menuIcon: HTMLImageElement): void;
+    handleMenuClick(event: Event, pop: HTMLDivElement, index: string, options: any): Promise<void>;
+    addEmptySpacesToShowTableAligned(): void;
+    updateIsEditable(isEditable: boolean): void;
+}

package/dist/types/src/lib/Table/index.d.ts

@@ -0,0 +1,5 @@
+import MobiusTable from './MobiusTable';
+import MobiusTr from './Tr/MobiusTr';
+import MobiusTh from './Th/MobiusTh';
+import MobiusTd from './Td/MobiusTd';
+export { MobiusTable, MobiusTr, MobiusTh, MobiusTd };

package/dist/types/src/lib/TimeNode/index.d.ts

@@ -0,0 +1,2 @@
+import { TimeNode } from '../TimeNode/TimeNode.svelte';
+export { TimeNode };

package/dist/types/src/lib/Timeline/index.d.ts

@@ -0,0 +1,2 @@
+import { Timeline } from "./Timeline.svelte";
+export { Timeline };

package/dist/types/src/lib/TimelineDial/index.d.ts

@@ -0,0 +1,2 @@
+import TimelineDial from './TimelineDial.svelte';
+export { TimelineDial };

package/dist/types/src/lib/TimerComponent/TimerComponent.svelte.d.ts

@@ -0,0 +1,13 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class TimerComponent extends BaseComponent {
+    props: any;
+    value: any;
+    timer: number;
+    defaultStyles: string;
+    defaultText: string;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    updateDynamicElement(): void;
+}
+export { TimerComponent };

package/dist/types/src/lib/Toast/Toast.svelte.d.ts

@@ -0,0 +1,18 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class ToastElement extends BaseComponent {
+    private props;
+    private timerId;
+    private progressIntervalId;
+    private positions;
+    constructor();
+    static get observedAttributes(): string[];
+    applyPositionStyles(): void;
+    addCloseIconToToast(): void;
+    addProgressBar(duration: number): void;
+    addAutoCloseEvent(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    private dismissToast;
+    private toggleView;
+}
+export default ToastElement;

package/dist/types/src/lib/Toast/Toaster.d.ts

@@ -0,0 +1,24 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class Toaster extends BaseComponent {
+    private props;
+    private closeIcon;
+    private progressBar;
+    private timerId;
+    private progressIntervalId;
+    private positions;
+    private currentVariant;
+    private variantStyles;
+    constructor();
+    connectedCallback(): void;
+    applyPositionStyles(data: typeof this.props): void;
+    addCloseIconToToast(data: typeof this.props, variant: string): void;
+    private addProgressBar;
+    addAutoCloseEvent(): void;
+    private startAutoClose;
+    disconnectedCallback(): void;
+    private renderToast;
+    private dismissToast;
+    private toggleView;
+    showToast(data: Partial<typeof this.props>, variant?: string): void;
+}
+export default Toaster;

package/dist/types/src/lib/Toast/index.d.ts

@@ -0,0 +1,2 @@
+import Toast from "./Toast.svelte";
+export { Toast };

package/dist/types/src/lib/ToggleSwitch/MobiusBaseToggle.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusBaseToggle extends BaseComponent {
+    checked: boolean;
+    props: any;
+    togglevalueMap: any;
+    constructor();
+    connectedCallback(): void;
+    toggleState(): void;
+    addStyle(variant: string): string;
+    render(): void;
+}

package/dist/types/src/lib/ToggleSwitch/Toggle.d.ts

@@ -0,0 +1,6 @@
+import MobiusBaseToggle from "./MobiusBaseToggle";
+declare class MobiusSliderToggle extends MobiusBaseToggle {
+    slider: any;
+    render(): void;
+}
+export default MobiusSliderToggle;

package/dist/types/src/lib/ToggleSwitch/ToggleCheckBox.d.ts

@@ -0,0 +1,7 @@
+import MobiusBaseToggle from "./MobiusBaseToggle";
+declare class MobiusCheckboxToggle extends MobiusBaseToggle {
+    image: any;
+    sqaure: any;
+    render(): void;
+}
+export default MobiusCheckboxToggle;

package/dist/types/src/lib/ToggleSwitch/index.d.ts

@@ -0,0 +1,4 @@
+import MobiusBaseToggle from './MobiusBaseToggle';
+import MobiusCheckboxToggle from './ToggleCheckBox';
+import MobiusSliderToggle from './Toggle';
+export { MobiusBaseToggle, MobiusCheckboxToggle, MobiusSliderToggle };

package/dist/types/src/lib/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import Tooltip from "./Tooltip.svelte";
+export { Tooltip };

package/dist/types/src/lib/Ul/index.d.ts

@@ -0,0 +1,2 @@
+import Ul from "./Ul.svelte";
+export { Ul };

package/dist/types/src/lib/UsabilityIntelligence/UsabilityIntelligence.svelte.d.ts

@@ -0,0 +1,32 @@
+import BaseComponent from "../Counter/BaseComponent";
+export declare enum CardCategory {
+    atom = 0,
+    molecule = 1,
+    compound = 2,
+    organicCompound = 3,
+    subAgent = 4,
+    agent = 5
+}
+export declare enum UsabilityCategory {
+    cold = 0,
+    warm = 1,
+    warmer = 2,
+    warmest = 3,
+    hot = 4
+}
+declare class IntelligenceUsability extends BaseComponent {
+    static get observedAttributes(): string[];
+    private intelligence;
+    private usability;
+    private dotStyles;
+    private gridSizeX;
+    private gridSizeY;
+    private styles;
+    private viewX;
+    private viewY;
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    private render;
+}
+export default IntelligenceUsability;

package/dist/types/src/lib/UsabilityIntelligence/index.d.ts

@@ -0,0 +1,2 @@
+import UsabilityIntelligence from "./UsabilityIntelligence.svelte";
+export { UsabilityIntelligence };

package/dist/types/src/lib/Video/MobiusVideo.d.ts

@@ -0,0 +1,17 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusCustomVideo extends BaseComponent {
+    private video;
+    private container;
+    private feedback;
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+    setupClickPlayPause(): void;
+    setupKeyboardControls(): void;
+    showIcon(svg: string): void;
+    getPlayIcon(): string;
+    getPauseIcon(): string;
+    getForwardIcon(): string;
+    getBackwardIcon(): string;
+}
+export default MobiusCustomVideo;

package/dist/types/src/lib/Video/Video.svelte.d.ts

@@ -0,0 +1,22 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusVideo extends BaseComponent {
+    private _src;
+    private _controls;
+    private _autoplay;
+    private _loop;
+    private _muted;
+    private _type;
+    private props;
+    private events;
+    private propertyUpdaters;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private setProperty;
+    private updateProps;
+    private updateBindings;
+    private updateEvents;
+    connectedCallback(): void;
+    private render;
+}
+export default MobiusVideo;

package/dist/types/src/lib/Video/index.d.ts

@@ -0,0 +1,2 @@
+import Video from "./Video.svelte";
+export { Video };

package/dist/types/src/lib/WebsocketService/Notification.d.ts

@@ -0,0 +1,36 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class Notification extends BaseComponent {
+    private readonly notificationsCallback?;
+    private notificationComponentJSON;
+    private currentTimeframe;
+    private todaysTimeframeDivReference;
+    private parsedProps;
+    private templates;
+    private subscribeTo;
+    private listener;
+    private defaultMessageContainer;
+    private defaultMessage;
+    constructor(notificationsCallback?: ((notification: any) => void) | undefined);
+    connectedCallback(): Promise<void>;
+    createTimelineNotificationContainer(): void;
+    createNewSubscription(subscription: SubscriptionT): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private getNotificationElement;
+    private handleNotification;
+    disconnectedCallback(): void;
+    /**
+      @description Creates new timeframe header, attach it to DOM and return the header
+    */
+    private switchToNewTimeframe;
+}
+export type SubscriptionT = {
+    filters?: {
+        product: string;
+    };
+    id?: string;
+    module: string;
+    nodeId: string;
+    nodeType: string;
+    userId?: string;
+    [key: string]: unknown;
+};

package/dist/types/src/lib/WebsocketService/NotificationComponent.d.ts

@@ -0,0 +1,9 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class NotificationComponent extends BaseComponent {
+    template: {};
+    constructor();
+    connectedCallback(): void;
+    private render;
+    private getUserColor;
+    private getHtmlForDifferentTopic;
+}

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

@@ -0,0 +1,25 @@
+import type BaseComponent from "../Counter/BaseComponent";
+type ConnectionStr = {
+    serverUrl: string;
+    namespace?: string;
+};
+type Subscribe = {
+    event: string;
+    callback: Function;
+    component: HTMLElement | BaseComponent;
+};
+export declare class WebSocketManager {
+    private static instances;
+    private socket;
+    private subscribers;
+    private url;
+    constructor(connectionStr: ConnectionStr);
+    subscribe(subcriptionDetails: Subscribe): void;
+    unsubscribe({ event, component }: {
+        event: string;
+        component: HTMLElement | BaseComponent;
+    }): void;
+    emit(event: any, ...data: any): void;
+    disconnect(): void;
+}
+export {};

package/dist/types/src/lib/WrapperComponent/WrapperComponent.svelte.d.ts

@@ -0,0 +1,9 @@
+declare class WrapperComponent extends HTMLElement {
+    private state;
+    constructor();
+    connectedCallback(): void;
+    setState(key: string, value: any): void;
+    getState(key: string): any;
+    private notifyStateChange;
+}
+export default WrapperComponent;

package/dist/types/src/lib/WysiwygEditor/ConvertJsonToDita.d.ts

@@ -0,0 +1,14 @@
+export type JSONNode = {
+    type: string;
+    content?: JSONNode[];
+    attrs?: Record<string, any>;
+    text?: string;
+    id?: string;
+};
+export type InputJSON = {
+    type: string;
+    content: JSONNode[];
+};
+export declare const generateRandomId: (type: any) => string;
+export declare function jsonToDita(json: any, projectId: string): string;
+export declare function ditaToJson(xml: string): InputJSON;

package/dist/types/src/lib/WysiwygEditor/Nodes/CustomLink.d.ts

@@ -0,0 +1 @@
+export declare const CustomLink: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;

package/dist/types/src/lib/WysiwygEditor/Nodes/FocusIcons.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/core';
+export declare const FocusIcons: Extension<any, any>;

package/dist/types/src/lib/WysiwygEditor/Nodes/ImageNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+export declare const ImagePlaceholderNode: Node<any, any>;
+export default ImagePlaceholderNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/SectionNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+export declare const SectionNode: Node<any, any>;
+export default SectionNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/SectionTitleNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+declare const SectionTitleNode: Node<any, any>;
+export default SectionTitleNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/TitleNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+declare const TitleNode: Node<any, any>;
+export default TitleNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/TopicNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+declare const TopicNode: Node<any, any>;
+export default TopicNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/VideoNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+export declare const VideoNode: Node<any, any>;
+export default VideoNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/VideoPlaceholderNode.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+export declare const VideoPlaceholderNode: Node<any, any>;
+export default VideoPlaceholderNode;

package/dist/types/src/lib/WysiwygEditor/Nodes/dropdown.d.ts

@@ -0,0 +1,91 @@
+export default function dropdownJSON(value: string): {
+    id: string;
+    type: string;
+    name: string;
+    styles: string;
+    props: {
+        name: string;
+        show: boolean;
+        multiSelect: boolean;
+        layout: string;
+        partitions: number;
+        type: string;
+        rounded: boolean;
+    };
+    bindings: {
+        state: string;
+    };
+    children: ({
+        id: string;
+        type: string;
+        name: string;
+        styles: string;
+        props: {
+            value: string;
+            icon: string;
+            multiSelect: boolean;
+            selectType: boolean;
+        };
+        bindings: {
+            state: string;
+            actions: {
+                click: string[];
+                loadDropdownData?: undefined;
+            };
+        };
+        children: never[];
+    } | {
+        id: string;
+        type: string;
+        name: string;
+        styles: string;
+        props: {
+            multiSelect: boolean;
+            value?: undefined;
+            icon?: undefined;
+            selectType?: undefined;
+        };
+        bindings: {
+            state: string;
+            actions: {
+                loadDropdownData: string[];
+                click?: undefined;
+            };
+        };
+        children: {
+            id: string;
+            type: string;
+            styles: string;
+            props: {
+                value: string;
+                disabled: boolean;
+                type: string;
+                key: string;
+            };
+            bindings: {
+                state: string;
+                actions: {
+                    click: string[];
+                };
+            };
+            children: {
+                id: string;
+                type: string;
+                name: string;
+                styles: string;
+                props: {
+                    value: string;
+                    disabled: boolean;
+                    type: string;
+                    checked: boolean;
+                };
+                bindings: {
+                    state: string;
+                };
+                children: never[];
+                value: string;
+            }[];
+            value: string;
+        }[];
+    })[];
+};