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

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

@@ -0,0 +1,32 @@
+import Drawflow from "drawflow";
+import "drawflow/dist/drawflow.min.css";
+import BaseComponent from "../Counter/BaseComponent";
+declare class DynamicDrawflowEditor extends BaseComponent {
+    startX: number;
+    startY: number;
+    xSpacing: number;
+    ySpacing: number;
+    editor: Drawflow | null;
+    connectionIdProperty: string;
+    nodeIdProperty: string;
+    nodePositions: {
+        [key: string]: {
+            nodeId: number;
+            x: number;
+            y: number;
+        };
+    };
+    parentChildMap: {
+        [key: string]: number[];
+    };
+    component: any;
+    constructor();
+    connectedCallback(): void;
+    renderNodes(nodeData: any): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    getSubtreeHeight(data: any): number;
+    createNodes(data: any, connectionIds: string | number | null | undefined, depth: number | undefined, yOffsetTracker: any, currentY: number, element?: any): void;
+    centerParentNode(connectionIds: any, childXPositions: any): void;
+}
+export default DynamicDrawflowEditor;

package/dist/types/src/lib/Dropdown/MobiusDropdown.d.ts

@@ -0,0 +1,27 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusDropdown extends BaseComponent {
+    constructor();
+    private dropdownFocused;
+    private badgeProps;
+    private props;
+    private selected;
+    private data;
+    private displayData;
+    private name;
+    private dropdownWrapper;
+    private dropdownInputContainer;
+    private dropdownIcon;
+    private dropdownBadgeWrapper;
+    private dropdownBadgeBottom;
+    private dropdownInput;
+    private dropdownMenu;
+    connectedCallback(): void;
+    static get observedAttributes(): string[];
+    assignBasedOnType: (data: any) => void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    renderBadges: () => void;
+    setInput: () => void;
+    handleItemClick: (element: any) => void;
+    populateMenu: () => void;
+    render(): void;
+}

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

@@ -0,0 +1,16 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class DynamicDataElement extends BaseComponent {
+    props: any;
+    private _value;
+    private imgEle;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    getValueFromProps(): any;
+    getPipedData(value: any): any;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    get value(): any;
+    set value(value: any);
+    updateDynamicElement(): void;
+}
+export { DynamicDataElement };

package/dist/types/src/lib/DynamicForm/dynamicForm.d.ts

@@ -0,0 +1,10 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusDynamicForm extends BaseComponent {
+    constructor();
+    private props;
+    private schema;
+    connectedCallback(): void;
+    componentMap: Record<string, string>;
+    generateMeta: () => any[];
+    render(): void;
+}

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

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

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

@@ -0,0 +1,10 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class EditableDiv extends BaseComponent {
+    protected value: string;
+    constructor();
+    private _originalValue;
+    connectedCallback(): void;
+    populateValueFromState(value?: any): void;
+    updateValue(): void;
+}
+export default EditableDiv;

package/dist/types/src/lib/FetchInterceptor/MobiusFetchInterceptor.d.ts

@@ -0,0 +1,8 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusFetchInterceptor extends BaseComponent {
+    nativeFetch: typeof fetch | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldRedirect: (ignorePaths?: string[]) => boolean;
+}
+export default MobiusFetchInterceptor;

package/dist/types/src/lib/FileInput/Fileupload.svelte.d.ts

@@ -0,0 +1,26 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class CustomFileUpload extends BaseComponent {
+    private provider;
+    private files;
+    private placeholder;
+    private label;
+    private required;
+    private errorMessage;
+    private allowedTypes;
+    private maxSize;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: unknown, newValue: string): void;
+    connectedCallback(): void;
+    render(): void;
+    addListeners(): void;
+    openFileDialog(): void;
+    handleFileSelect(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    addFiles(files: File[]): void;
+    validateFile(file: File): boolean;
+    removeFile(event: Event): void;
+    validate(): void;
+}
+export default CustomFileUpload;

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

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

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

@@ -0,0 +1,58 @@
+import BaseComponent from "../Counter/BaseComponent";
+type MultipleFiles = {
+    file: File;
+    name: string;
+    [key: string]: unknown;
+};
+declare class FileUpload extends BaseComponent {
+    props: any;
+    uploadedMultipleFiles: Array<MultipleFiles>;
+    selectedFiles: Array<File>;
+    name: string;
+    label: string;
+    labelCss: string;
+    description: string;
+    descriptionCss: string;
+    descriptionHelper: string;
+    descriptionHelperCss: string;
+    browseButton: {
+        isButtonVisible: boolean;
+        buttonCss: string;
+        label: string;
+    };
+    maxFileSize: number;
+    isMultiple: boolean;
+    img: string;
+    API: {
+        apiUrl: string;
+        token: string;
+        method: string;
+        baseURL: string;
+    };
+    fileContent: string | undefined;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: unknown, newValue: string): void;
+    connectedCallback(): void;
+    render(variant: string): void;
+    private getInlineStyles;
+    private getBlockStyles;
+    getFileNameFromFiles(): Array<string>;
+    private renderInlineVariant;
+    private renderBlockVariant;
+    private generateFileItem;
+    private createImageElement;
+    private createDescriptionElement;
+    private createLabelElement;
+    private createBrowseButton;
+    openFileDialog(): void;
+    onDrop(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    handleFileSelect(event: Event): void;
+    validateFiles(files: File[]): boolean;
+    filterAllowedTypeFiles: (files: File[]) => File[];
+    addFiles(files: File[]): Promise<void>;
+    cdnFileUpload(files: File[]): Promise<void>;
+    readFileContent(file: File): Promise<string | undefined>;
+}
+export default FileUpload;

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

@@ -0,0 +1,6 @@
+declare class FirstComponent extends HTMLElement {
+    private provider;
+    constructor();
+    connectedCallback(): void;
+}
+export default FirstComponent;

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

@@ -0,0 +1,14 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class FunnelChart extends BaseComponent {
+    private chartContainer;
+    private chartInstance;
+    private chartOptions;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initChart;
+    private updateChart;
+    private getDefaultOptions;
+    private mergeDeep;
+}
+export default FunnelChart;

package/dist/types/src/lib/GoogleButton/MobiusGoogleOAuth.d.ts

@@ -0,0 +1,10 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class GoogleLogin extends BaseComponent {
+    constructor();
+    connectedCallback(): void;
+    render(): void;
+    loadGoogleScript(): Promise<void>;
+    initGoogleLogin(clientId: string, buttonCss: string | undefined, buttonConfig: any): Promise<void>;
+    handleCredentialResponse(response: any): void;
+    parseJwt(token: string): any;
+}

package/dist/types/src/lib/Group-Structure/GroupStructure.d.ts

@@ -0,0 +1,21 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class GroupStructure extends BaseComponent {
+    groupStates: any;
+    props: any;
+    bindings: any;
+    static get observedAttributes(): string[];
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    render(): void;
+    renderGroup(groupNumber: number, section1: {
+        condition: string;
+        accessLevel: string;
+    }, conditionBetweenSections: string | undefined, section2: {
+        condition: string;
+        accessLevel: string;
+    }, conditionBetweenGroups: string | undefined, icon: string): string;
+    addEventListeners(): void;
+    toggleGroup(groupNumber: string | null): void;
+}
+export default GroupStructure;

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

@@ -0,0 +1,4 @@
+declare class BaseElement extends HTMLElement {
+    constructor();
+}
+export default BaseElement;

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

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

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

@@ -0,0 +1,4 @@
+declare class BaseElement extends HTMLElement {
+    constructor();
+}
+export default BaseElement;

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

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

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

@@ -0,0 +1,4 @@
+declare class BaseElement extends HTMLElement {
+    constructor();
+}
+export default BaseElement;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class HeatmapChart extends BaseComponent {
+    private chartContainer;
+    private chartInstance;
+    private chartOptions;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initChart;
+    updateChart(chartOptions: any): void;
+    private getDefaultOptions;
+    private mergeDeep;
+}
+export default HeatmapChart;

package/dist/types/src/lib/Helpers/Util.d.ts

@@ -0,0 +1,2 @@
+declare const utils: any;
+export default utils;

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

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

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

@@ -0,0 +1,20 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class IconBubble extends BaseComponent {
+    private imgSrc;
+    private angleToRotate;
+    private animateOnWhatAction;
+    private iconStyle;
+    private defaultIconStyle;
+    private activeStateStyle;
+    private componentName;
+    private props;
+    private bindings;
+    private stateUpdateValue;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    private initializeProps;
+    private addEvent;
+    render(): void;
+}
+export default IconBubble;

package/dist/types/src/lib/Iframe/iframeNew.d.ts

@@ -0,0 +1,9 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusIframeNew extends BaseComponent {
+    private iframe;
+    private props;
+    private builderAgentId;
+    constructor();
+    connectedCallback(): void;
+}
+export default MobiusIframeNew;

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

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

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

@@ -0,0 +1,14 @@
+declare class MobiusInput extends HTMLElement {
+    [x: string]: unknown;
+    storeRef: any;
+    input: HTMLInputElement | null;
+    name: string | null;
+    private debounceFn;
+    static get observedAttributes(): string[];
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    debouncedListFilter: (e: any) => void;
+    addListener(): void;
+}
+export default MobiusInput;

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

@@ -0,0 +1,59 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class CustomBaseInput extends BaseComponent {
+    protected provider: any;
+    protected value: any;
+    protected placeholder: string;
+    protected label: string;
+    protected required: boolean;
+    protected errorMessage: string;
+    protected inputType: string;
+    protected hasInteracted: boolean;
+    protected _prevValues: any;
+    protected textLimit: number;
+    protected actualValue: string;
+    protected input: HTMLElement | null;
+    protected inputWrapper: HTMLElement | null;
+    protected props: any;
+    protected componentName: string;
+    protected readOnly: boolean;
+    protected getDetailedError: boolean;
+    protected detailedError: any;
+    private cachedSelection;
+    private debounce;
+    addListeners(): void;
+    onFocus(input: HTMLElement): void;
+    onBlur(input: HTMLElement): void;
+    MaskValue(): void;
+    UnmaskValue(): void;
+    addMaskingBtn(): void;
+    setCursorPosition(input: HTMLElement, pos: number): void;
+    getCaretPosition(input: HTMLElement): number;
+    getSelectionOffsets(input: HTMLElement): {
+        start: number;
+        end: number;
+    };
+    onInput(input: HTMLElement, e: any): void;
+    UpdateValue(): void;
+    validate(): void;
+    addErrorMessage(): void;
+    removeErrorMessage(): void;
+    onStateChange(event: CustomEvent): void;
+    validateJSON(jsonString: string): boolean;
+    confirmThisPassword(value: string): boolean;
+    validateEmail(value: string): boolean;
+    validateNumber(value: string): boolean;
+    validateURL(value: string): boolean;
+    validatePasswordInput(value: string): boolean;
+    validateDetailedPasswordInput(value: string): {
+        isEmpty: boolean;
+        isValid: boolean;
+        isMinLength: boolean;
+        hasUppercase: boolean;
+        hasLowercase: boolean;
+        hasSpecialChar: boolean;
+        hasNumber: boolean;
+    };
+    validatePhone(value: string): boolean;
+    validateAlphabets(value: string): boolean;
+}
+export default CustomBaseInput;

package/dist/types/src/lib/JSONInputField/jsonInput.d.ts

@@ -0,0 +1,12 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusJSONInputField extends BaseComponent {
+    private textarea;
+    private errorMessage;
+    private props;
+    private name;
+    constructor();
+    connectedCallback(): void;
+    handleInput(): void;
+    updateStateIfNeeded(data: any): void;
+    highlightJSON(jsonString: string): void;
+}

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

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

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

@@ -0,0 +1,6 @@
+import BaseElement from "../Counter/BaseComponent";
+declare class LayoutCards extends BaseElement {
+    constructor();
+    connectedCallback(): void;
+}
+export default LayoutCards;

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

@@ -0,0 +1,18 @@
+import BaseComponent from "../Counter/BaseComponent";
+import "leaflet/dist/leaflet.css";
+export default class MobiusLeafletMap extends BaseComponent {
+    props: {};
+    private _marker;
+    private _map;
+    private _highlightLayer;
+    constructor();
+    connectedCallback(): void;
+    geocodePincodeNominatim(pincode: string, zoom: any, label: string): Promise<void>;
+    highlightArea(boundingbox: string[]): void;
+    updateGPSData: () => Promise<void>;
+    GetGPSData: () => Promise<unknown>;
+    ApplyStyling: () => void;
+    addMap(latitude: number, longitude: number, zoom: number, label: string): void;
+    changeLocation(latitude: number, longitude: number, label?: string): void;
+    render(height: string): void;
+}

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

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

package/dist/types/src/lib/LineChart/lineChart.d.ts

@@ -0,0 +1,26 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class LineChart extends BaseComponent {
+    private chartContainer;
+    private chartInstance;
+    private chartOptions;
+    private sizeCheckInterval;
+    private lastWidth;
+    private lastHeight;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initChart;
+    private updateChart;
+    /**
+     * Continuously checks container's width and height.
+     * If changed, call chart.resize().
+     */
+    private checkContainerSize;
+    private getDefaultOptions;
+    /**
+     * Deep merge utility.
+     * Tailored to your usage of merging ECharts config objects.
+     */
+    private mergeDeep;
+}
+export default LineChart;

package/dist/types/src/lib/Link/MobiusLink.d.ts

@@ -0,0 +1,12 @@
+declare class MobiusLink extends HTMLElement {
+    private href;
+    private replace;
+    private state;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private updateLink;
+    private handleClick;
+}
+export default MobiusLink;

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

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

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

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

package/dist/types/src/lib/MobiusAccordion/CustomMobiusAccordianItem.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class CustomMobiusAccordionItem extends BaseComponent {
+    private props;
+    private defaultStyle;
+    constructor();
+    InitaliseGlobalVars(): void;
+    SetupBindings(): void;
+    connectedCallback(): void;
+    render(): void;
+}
+export default CustomMobiusAccordionItem;

package/dist/types/src/lib/MobiusAccordion/CustomMobiusAccordionContent.d.ts

@@ -0,0 +1,13 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class CustomMobiusAccordionContent extends BaseComponent {
+    private props;
+    private contentElement;
+    private defaultStyle;
+    constructor();
+    InitaliseGlobalVars(): void;
+    connectedCallback(): void;
+    observeStateChanges(): void;
+    toggleContent(isOpen: boolean): void;
+    render(): void;
+}
+export default CustomMobiusAccordionContent;

package/dist/types/src/lib/MobiusAccordion/CustomMobiusAccordionHeader.d.ts

@@ -0,0 +1,11 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class CustomMobiusAccordionHeader extends BaseComponent {
+    private props;
+    private defaultStyle;
+    constructor();
+    InitaliseGlobalVars(): void;
+    connectedCallback(): void;
+    toggleAccordionContent(): void;
+    render(): void;
+}
+export default CustomMobiusAccordionHeader;

package/dist/types/src/lib/MobiusAccordion/CustomMobiusAccordionWrapper.d.ts

@@ -0,0 +1,9 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusAccordionWrapper extends BaseComponent {
+    private props;
+    constructor();
+    InitializeGlobalVars(): void;
+    SetupBindings(): void;
+    connectedCallback(): void;
+}
+export default MobiusAccordionWrapper;

package/dist/types/src/lib/MobiusButton/Button.d.ts

@@ -0,0 +1,16 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusButton extends BaseComponent {
+    props: any;
+    services: any;
+    static get observedAttributes(): string[];
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    connectedCallback(): void;
+    addIcon(icon: {
+        left: string;
+        right: string;
+    } | undefined, size: string, imageStyle: string | undefined): void;
+    addStyle(variant: string): void;
+    addSize(size: string): void;
+}
+export default MobiusButton;

package/dist/types/src/lib/MobiusButtonGroup/ButtonGroup.d.ts

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

package/dist/types/src/lib/MobiusButtonGroup/ButtonGroupButton.d.ts

@@ -0,0 +1,10 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class ButtonGroupButton extends BaseComponent {
+    buttonValue: any;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
+    setSelectedButtonCss(state: any): void;
+    addIcon(icon: string, size?: string): void;
+}
+export default ButtonGroupButton;