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

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

@@ -0,0 +1,37 @@
+import BaseComponent from "../Counter/BaseComponent";
+/**
+ * props {
+ *  API : {
+ *    apiUrl : "" // Endpoint,
+ *    dynamicStorageSource : "",
+ *    method : "GET" | "POST" ...,
+ *    bearerToken : "" // token,
+ *    body : {}, // payload
+ *    dynamicBody : {} // payload
+ *  },
+ *  Data : [{}, {}, ...]
+ *  search: {
+ *    searchOver: "" path to key on which we have to filter,
+ *    searchBoxName: "name of component"
+ *  },
+ *  loopOver: '' // path to array from API
+ *  component: {} // ComponentMetadata
+ * }
+ */
+declare class MobiusLoop extends BaseComponent {
+    private props;
+    private dataFromParent;
+    private data;
+    private dataCopy;
+    constructor();
+    connectedCallback(): void;
+    initializeProps(): void;
+    loadData(): Promise<void>;
+    extractLoopData(response: any): any;
+    setupBindings(): void;
+    handleSearch(state: any): void;
+    setDataFromParent(value: any): void;
+    fetchAPI(): Promise<any>;
+    render(): void;
+}
+export default MobiusLoop;

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

@@ -0,0 +1,26 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class PopupModal extends BaseComponent {
+    private isOpen;
+    private name;
+    private modalType;
+    private position;
+    private size;
+    private isCssMounted;
+    private backdrop;
+    private timeoutId;
+    private closeImage;
+    private toastDuration;
+    private backDropClose;
+    private animationType;
+    constructor();
+    static get observedAttributes(): string[];
+    addBackdrop(): void;
+    removeBackdrop(): void;
+    createCloseButton(): HTMLButtonElement;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    setModalCSS(value: any): void;
+    getModalCss(type: string, position: string, size: string): void;
+    autoDismiss(): void;
+    disconnectedCallback(): void;
+}
+export default PopupModal;

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { type ComponentMetadata } from "../utils/loader";
+import BaseComponent from "../Counter/BaseComponent";
+interface OrgNodeData {
+    node: DocumentFragment;
+    userData: any;
+    children: OrgNodeData[];
+    level: number;
+    parent?: OrgNodeData;
+    width?: number;
+    x?: number;
+}
+export default class OrgChart extends BaseComponent {
+    props: Record<string, any>;
+    data: any[];
+    chartContainer: HTMLDivElement | null;
+    nodesMap: Map<string, OrgNodeData>;
+    rootNodes: OrgNodeData[];
+    levels: OrgNodeData[][];
+    nodeWidth: number;
+    nodeHeight: number;
+    horizontalSpacing: number;
+    verticalSpacing: number;
+    component: ComponentMetadata | null;
+    chartArea: HTMLDivElement | null;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    zoomStep: number;
+    isDragging: boolean;
+    lastMouseX: number;
+    lastMouseY: number;
+    translateX: number;
+    translateY: number;
+    connectedCallback(): Promise<void>;
+    initializeChart(): void;
+    buildHierarchy(data: any[]): void;
+    calculateLevels(nodes: OrgNodeData[], level: number): void;
+    organizeLevels(): void;
+    calculateNodePositions(): void;
+    calculateSubtreeWidths(nodes: OrgNodeData[]): number;
+    assignNodePositions(node: OrgNodeData, startX: number): void;
+    renderChart(): void;
+    drawConnectorLines(container: HTMLElement): void;
+    createConnector(container: HTMLElement, startX: number, startY: number, endX: number, endY: number): void;
+    setupZoomAndDrag(): void;
+    handleZoom(e: WheelEvent): void;
+    handleDragStart(e: MouseEvent): void;
+    handleDragMove(e: MouseEvent): void;
+    handleDragEnd(): void;
+    updateTransform(): void;
+    disconnectedCallback(): void;
+}
+export {};

package/dist/types/src/lib/P/MobiusP.d.ts

@@ -0,0 +1,8 @@
+import BaseComponent from '../Counter/BaseComponent';
+declare class MobiusP extends BaseComponent {
+    innerText: string;
+    constructor();
+    connectedCallback(): void;
+    toggleLineClamp(isLineClamp: boolean | undefined, lineClamp: number): void;
+}
+export default MobiusP;

package/dist/types/src/lib/Pagination/MobiusPagination.d.ts

@@ -0,0 +1,29 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusPagination extends BaseComponent {
+    currentPage: number;
+    rowsPerPage: number;
+    totalRows: number;
+    totalPages: number;
+    api: string;
+    perPageOptions: never[];
+    API: {};
+    params: {};
+    totalPagesPath: string;
+    totalInstancesPath: string;
+    props: any;
+    paginateState: string;
+    enablePaginationEvents: boolean;
+    throttledHandleNext: (variation: string) => void;
+    throttledHandlePrevious: (variation: string) => void;
+    constructor();
+    connectedCallback(): Promise<void>;
+    callAPI(API: any, APIData: any): Promise<void>;
+    render(): void;
+    handleNext(variation: string): Promise<void>;
+    handlePrevious(variation: string): Promise<void>;
+    getStylesAccordingToVariation(variation: string): {
+        paginationLable: string;
+        paginationInfo: string;
+    };
+    renderPageButtons(totalPages: number, currentPage: number): string;
+}

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

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

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

@@ -0,0 +1,75 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class ProgressBar extends BaseComponent {
+    private _progress;
+    private progressElement;
+    private progressBarElement;
+    private progressLabelElement;
+    private pollingInterval;
+    private _progressObj;
+    private props;
+    private _progressStyles;
+    private _progressBarStyles;
+    private defInsideLabelStyle;
+    private defColorStyle;
+    private defOutsideLabelStyle;
+    private defOutsideLeftLabelStyle;
+    private defOutsideRightLabelStyle;
+    constructor();
+    set progress(value: any);
+    get progress(): any;
+    static get observedAttributes(): string[];
+    initObj(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string): void;
+    createProgressElement(): void;
+    createProgressBarElement(): void;
+    createLabels(): void;
+    getSize(size: Size): "h-1.5 test-[35%]" | "h-2.5 test-[60%]" | "h-4 test-[70%]" | "h-6 test-[85%]";
+    handleProgress(): void;
+    fetchProgressData(): Promise<number>;
+    updateProgressStyles(): void;
+    disconnectedCallback(): void;
+}
+export { ProgressBar };
+export declare enum Direction {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare enum Size {
+    SMALL = "small",
+    DEFAULT = "default",
+    LARGE = "large",
+    EXTRAlARGE = "extraLarge"
+}
+export declare enum LabelAlignment {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare enum EVariant {
+    LINEAR = "linear",
+    CIRCULAR = "circular"
+}
+export declare enum LabelPositions {
+    INSIDE = "inside",
+    OUTSIDE = "outside"
+}
+export interface Variant {
+    type: EVariant;
+    direction?: Direction;
+}
+export interface IProgressBar {
+    variant: Variant;
+    size: Size;
+    color: string;
+    labels?: ILabel[];
+    progressStyles?: string;
+    defaultPoll?: boolean;
+}
+export interface ILabel {
+    type: LabelPositions;
+    isProgress?: boolean;
+    value?: string;
+    alignment: LabelAlignment;
+    styles?: string;
+}

package/dist/types/src/lib/Radial/RadialChart.d.ts

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

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

@@ -0,0 +1,11 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class MobiusRelationship extends BaseComponent {
+    private props;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    private fetchApiData;
+    private convertApiResponseToTreeData;
+    render(): Promise<void>;
+}
+export default MobiusRelationship;

package/dist/types/src/lib/RadialRelationship/utils.d.ts

@@ -0,0 +1,23 @@
+export declare const graphsJSON: (props: any, treeData: any) => {
+    type: string;
+    styles: string;
+    version: string;
+    props: {
+        chartOptions: {
+            tooltipType: string;
+            series: {
+                type: string;
+                data: any[];
+                top: string;
+                bottom: string;
+                layout: string;
+                symbol: string;
+                symbolSize: number;
+                animationDurationUpdate: number;
+                emphasis: {
+                    focus: string;
+                };
+            }[];
+        };
+    };
+};

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

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

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

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

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

@@ -0,0 +1,15 @@
+import BaseElement from "./../Counter/BaseComponent";
+declare class RatingElement extends BaseElement {
+    private _rating;
+    private count;
+    private props;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    get rating(): number;
+    set rating(value: number);
+    getFillPercentage(starIdx: number): number;
+    generateStarRatingSVG(starIdx: number, fillColor: string, strokeColor: string, size: number, starsDistance: number): SVGSVGElement;
+    render(): void;
+}
+export default RatingElement;

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

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

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

@@ -0,0 +1,14 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class RingGaugeChart 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 RingGaugeChart;

package/dist/types/src/lib/SVG/svg.d.ts

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

package/dist/types/src/lib/ScatterChart/Scatter.d.ts

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

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

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

package/dist/types/src/lib/SocketIoSubscriber/MobiusSocketIoSubscriber.d.ts

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

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

@@ -0,0 +1,12 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusSpan extends BaseComponent {
+    private _value;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get value(): string | null;
+    set value(newVal: string | null);
+    private render;
+}
+export { MobiusSpan };

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

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

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

@@ -0,0 +1,19 @@
+import MobiusAudioToText from "../AudioRecorder/AudioRecord.svelte";
+import CustomSearchBox from "../CustomSearchBox/CustomSearchBox";
+declare class SpeechPrompt extends CustomSearchBox {
+    private intervalId;
+    private actions;
+    private interacted;
+    private searchBtn;
+    audioRecorder: MobiusAudioToText;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
+    onInput(input: HTMLInputElement, event?: Event): void;
+    onFocus(input: Element): void;
+    onBlur(input: HTMLInputElement): void;
+    startRecording(): void;
+    callAPI(scope?: HTMLElement): void;
+    render(): void;
+}
+export default SpeechPrompt;

package/dist/types/src/lib/SpeechPrompt/SpeechPromptDynamic.d.ts

@@ -0,0 +1,66 @@
+import CustomSearchBox from "../CustomSearchBox/CustomSearchBox";
+declare class DynamicSpeechPrompt extends CustomSearchBox {
+    private intervalId;
+    private actions;
+    private audioRecorder;
+    private interacted;
+    protected input: HTMLElement | null;
+    private static sessionId;
+    private keyMapOptions;
+    private badgeContainerStyles;
+    private badgeStyles;
+    private closeIconSrc;
+    private closeIconStyles;
+    private popupDetails;
+    private agentId;
+    private commandsId;
+    private playbooksId;
+    private closeIconProps;
+    private chatDialogId;
+    static floatingPrompt: boolean;
+    private skipUserDispatch;
+    private openListener;
+    private loopOver;
+    private userId;
+    private _contextHandler?;
+    private promptReferenceId;
+    private promptRegenerate;
+    private updatedReferenceId;
+    private editSessionId;
+    private editedChildren;
+    private branchId;
+    private promptEdited;
+    private referOldSession;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setupBindings(): void;
+    private initializeInput;
+    private handleMicButton;
+    private startListening;
+    private stopListening;
+    private updateInputFromAudio;
+    private handleSearchButton;
+    onInput(input: HTMLElement, event?: Event): void;
+    onFocus(input: HTMLElement): void;
+    onBlur(input: HTMLElement): void;
+    private startRecording;
+    updateValue(): void;
+    callAPI(): Promise<void>;
+    private dispatchChatMessage;
+    setDynamicPrompt(value: string): void;
+    createBadge(eventKey: any): void;
+    appendToInputInnerHTML(eventKey: any): void;
+    attachEventListenerOnPopupChildren(eventKey: any): void;
+    updatePopupContent(response: any, popupChildrenStructure: any, loopOver: string, eventKey: any, popupName: any, fallbackMessage?: any): void;
+    fetchPopupData: (popupChildrenStructure: any, apiDetails: any, eventKey: any, popupName: any, popupContainer: any, fallbackMessage: any) => void;
+    generatePopupChildren: (popupDetails: any, eventKey: any, popupName: any) => void;
+    checkAgentPresent(): boolean;
+    checkPopupActions: (eventKey: string) => void;
+    removePopup(key: any): void;
+    EnterFunction: () => void;
+    bindKeyEvent(element: HTMLElement): void;
+    render(): void;
+}
+export default DynamicSpeechPrompt;

package/dist/types/src/lib/Split/MobiusSplit.d.ts

@@ -0,0 +1,8 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class MobiusSplit extends BaseComponent {
+    private dataArray;
+    constructor();
+    connectedCallback(): void;
+    render(component: any): void;
+    addPane(component: any | undefined, index: number): void;
+}

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

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

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

@@ -0,0 +1,14 @@
+import BaseComponent from "../Counter/BaseComponent";
+declare class StackedBarChart 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 StackedBarChart;

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

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

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

@@ -0,0 +1,91 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class Stepper extends BaseComponent {
+    stepsElement: stepStateT[];
+    prevStep: number;
+    curStep: number;
+    curAction: string;
+    currentStepId: string | undefined;
+    defaultStepsStyles: stepStylesT;
+    private stepperContainerStyles;
+    private stepperContainerElement;
+    private stepsDefaultStyles;
+    private _props;
+    private stepperObj;
+    private curStepData;
+    private prevStepData;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string): void;
+    connectedCallback(): void;
+    initStepperObj(): void;
+    handleStepper(curState: any): void;
+    getCurStateStyles(stepData: stepStateT): {
+        startStyle: string | undefined;
+        progressStyle: string | undefined;
+        doneStyle: string | undefined;
+    };
+    filterStyles(filterFrom: string, styles2filter?: string): string;
+    handleNextStep(curAppliedStyles: string, stepStyles: any): string;
+    handlePrevStep(curAppliedStyles: string, stepStyles: any): string;
+    updateStepsElement(): void;
+    createStepper(): void;
+    createTimeline(): void;
+    updateTimeline(): void;
+    updateConnectedComp(): void;
+}
+export { Stepper };
+export declare enum stepState {
+    "START" = "start",
+    "PROGRESS" = "progress",
+    "DONE" = "done"
+}
+export type stepStateT = {
+    id: string;
+    state: stepState;
+    stepStyles: stepStylesT;
+    connectedComponentIds?: string | string[];
+};
+export type iconT = {
+    src: string;
+    alt?: string;
+    styles?: string;
+};
+export type stepStateStyles = {
+    styles?: string;
+    icons?: iconT;
+};
+export type stepStylesT = {
+    start?: stepStateStyles;
+    progress?: stepStateStyles;
+    done?: stepStateStyles;
+};
+export type stepsDataT = {
+    id?: string;
+    title?: string;
+    description?: string;
+    connectedComponentIds?: string | string[];
+    stepStyles?: stepStylesT;
+    hide?: boolean;
+};
+export declare enum Direction {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare enum EVariant {
+    DEFAULT = "default",
+    PROGRESS = "progress",
+    DETAILED = "detailed",
+    VERTICAL = "vertical",
+    BREADCRUMB = "breadcrumb",
+    TIMELINE = "timeline"
+}
+export interface StepperVariant {
+    type: EVariant;
+    direction?: Direction;
+}
+export interface IStepper {
+    variant: StepperVariant;
+    stepsData?: stepsDataT[];
+    stepsCount?: number;
+    stepperContainerStyles?: string;
+}

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

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

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

@@ -0,0 +1,9 @@
+import BaseComponent from "../Counter/BaseComponent";
+export default class StringManipulation extends BaseComponent {
+    private regex;
+    private inputString;
+    constructor();
+    connectedCallback(): void;
+    setValue(string: string): void;
+    private render;
+}