@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/core/common/SolidLayoutViews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLayoutViews.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACX,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,gBAAgB,6DAA8D,KAAK,4CAyE/F,CAAA"}
+{"version":3,"file":"SolidLayoutViews.d.ts","sourceRoot":"./","sources":["components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACX,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,gBAAgB,6DAA8D,KAAK,4CAyE/F,CAAA"}

package/dist/components/core/common/SolidLayoutViews.js

@@ -4,11 +4,10 @@ import { Button } from 'primereact/button';
 import { OverlayPanel } from 'primereact/overlaypanel';
 import { RadioButton } from 'primereact/radiobutton';
 import { useRef } from 'react';
-export var SolidLayoutViews = function (_a) {
-    var sizeOptions = _a.sizeOptions, setSize = _a.setSize, size = _a.size, viewModes = _a.viewModes, setView = _a.setView, view = _a.view;
-    var op = useRef(null);
+export const SolidLayoutViews = ({ sizeOptions, setSize, size, viewModes, setView, view }) => {
+    const op = useRef(null);
     return (_jsxs("div", { className: "position-relative", children: [_jsx(Button, { type: "button", size: 'small', severity: 'secondary', icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M14.9016 13.1969L10.8031 9.09845L14.9016 5L19 9.09845L14.9016 13.1969ZM5 11.7461V5.94301H10.8031V11.7461H5ZM12.2539 19V13.1969H18.057V19H12.2539ZM5 19V13.1969H10.8031V19H5ZM6.45078 10.2953H9.35233V7.39378H6.45078V10.2953ZM14.9197 11.1658L16.9689 9.11658L14.9197 7.06736L12.8705 9.11658L14.9197 11.1658ZM13.7047 17.5492H16.6062V14.6477H13.7047V17.5492ZM6.45078 17.5492H9.35233V14.6477H6.45078V17.5492Z", fill: "#4B4D52" }) }), className: 'custom-icon-button', outlined: true, 
                 // @ts-ignore
-                onClick: function (e) { return op.current.toggle(e); } }), _jsxs(OverlayPanel, { ref: op, className: 'solid-header-dropdown-panel', children: [_jsxs("div", { className: 'secondary-border-bottom p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "Density" }), _jsx("div", { className: "flex flex-column gap-1", children: sizeOptions.map(function (option) { return (_jsxs("div", { className: "flex align-items-center ".concat(option.value === size ? 'solid-active-view' : 'solid-view'), children: [_jsx(RadioButton, { inputId: option.value, name: "sizes", value: option.value, onChange: function (e) { return setSize(e.value); }, checked: option.value === size }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value)); }) })] }), _jsxs("div", { className: 'p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "View Mode" }), _jsx("div", { className: "flex flex-column gap-1", children: viewModes.map(function (option) { return (_jsxs("div", { className: "flex align-items-center ".concat(option.value === view ? 'solid-active-view' : 'solid-view'), children: [_jsx(RadioButton, { inputId: option.value, name: "views", value: option.value, onChange: function (e) { return setView(e.value); }, checked: option.value === view }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value)); }) })] })] })] }));
+                onClick: (e) => op.current.toggle(e) }), _jsxs(OverlayPanel, { ref: op, className: 'solid-header-dropdown-panel', children: [_jsxs("div", { className: 'secondary-border-bottom p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "Density" }), _jsx("div", { className: "flex flex-column gap-1", children: sizeOptions.map((option) => (_jsxs("div", { className: `flex align-items-center ${option.value === size ? 'solid-active-view' : 'solid-view'}`, children: [_jsx(RadioButton, { inputId: option.value, name: "sizes", value: option.value, onChange: (e) => setSize(e.value), checked: option.value === size }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value))) })] }), _jsxs("div", { className: 'p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "View Mode" }), _jsx("div", { className: "flex flex-column gap-1", children: viewModes.map((option) => (_jsxs("div", { className: `flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`, children: [_jsx(RadioButton, { inputId: option.value, name: "views", value: option.value, onChange: (e) => setView(e.value), checked: option.value === view }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value))) })] })] })] }));
 };
 //# sourceMappingURL=SolidLayoutViews.js.map

package/dist/components/core/common/SolidLayoutViews.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLayoutViews.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAA+D;QAA7D,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA;IACnF,IAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAExB,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,IAAI,EACA,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC1F,eAAM,CAAC,EAAC,kZAAkZ,EAAC,IAAI,EAAC,SAAS,GAAG,GAC1a,EAEV,SAAS,EAAC,oBAAoB,EAC9B,QAAQ;gBACR,aAAa;gBACb,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAApB,CAAoB,GACtC,EACF,MAAC,YAAY,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,6BAA6B,aAC1D,eAAK,SAAS,EAAC,6BAA6B,aACxC,YAAG,SAAS,EAAC,WAAW,wBAAY,EACpC,cAAK,SAAS,EAAC,wBAAwB,YAClC,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACzB,eAAwB,SAAS,EAAE,kCAA2B,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,YAAY,CAAE,aACtH,KAAC,WAAW,IACR,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAhB,CAAgB,EACjC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,GAChC,EACF,iBAAO,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAC,6DAA6D,aAChG,MAAM,CAAC,KAAK,EACb,cACI,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAC7B,IACE,KAhBF,MAAM,CAAC,KAAK,CAiBhB,CACT,EAnB4B,CAmB5B,CAAC,GACA,IACJ,EACN,eAAK,SAAS,EAAC,KAAK,aAChB,YAAG,SAAS,EAAC,WAAW,0BAAc,EACtC,cAAK,SAAS,EAAC,wBAAwB,YAClC,SAAS,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,eAAwB,SAAS,EAAE,kCAA2B,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,YAAY,CAAE,aACtH,KAAC,WAAW,IACR,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAhB,CAAgB,EACjC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,GAChC,EACF,iBAAO,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAC,6DAA6D,aAChG,MAAM,CAAC,KAAK,EACb,cACI,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAC7B,IACE,KAhBF,MAAM,CAAC,KAAK,CAiBhB,CACT,EAnB0B,CAmB1B,CAAC,GACA,IACJ,IACK,IACb,CACT,CAAC;AACN,CAAC,CAAA"}
+{"version":3,"file":"SolidLayoutViews.js","sourceRoot":"./","sources":["components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport { Button } from 'primereact/button';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { useRef } from 'react';\ninterface Props {\n    sizeOptions: { label: string; value: string, image: string }[];\n    setSize: (value: string) => void;\n    size: string;\n    viewModes: { label: string; value: string, image: string }[];\n    setView: (value: string) => void;\n    view: string;\n}\nexport const SolidLayoutViews = ({ sizeOptions, setSize, size, viewModes, setView, view }: Props) => {\n    const op = useRef(null);\n\n    return (\n        <div className=\"position-relative\">\n            <Button\n                type=\"button\"\n                size='small'\n                severity='secondary'\n                icon={\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path d=\"M14.9016 13.1969L10.8031 9.09845L14.9016 5L19 9.09845L14.9016 13.1969ZM5 11.7461V5.94301H10.8031V11.7461H5ZM12.2539 19V13.1969H18.057V19H12.2539ZM5 19V13.1969H10.8031V19H5ZM6.45078 10.2953H9.35233V7.39378H6.45078V10.2953ZM14.9197 11.1658L16.9689 9.11658L14.9197 7.06736L12.8705 9.11658L14.9197 11.1658ZM13.7047 17.5492H16.6062V14.6477H13.7047V17.5492ZM6.45078 17.5492H9.35233V14.6477H6.45078V17.5492Z\" fill=\"#4B4D52\" />\n                    </svg>\n                }\n                className='custom-icon-button'\n                outlined\n                // @ts-ignore\n                onClick={(e) => op.current.toggle(e)}\n            />\n            <OverlayPanel ref={op} className='solid-header-dropdown-panel'>\n                <div className='secondary-border-bottom p-1'>\n                    <p className='px-3 pt-2'>Density</p>\n                    <div className=\"flex flex-column gap-1\">\n                        {sizeOptions.map((option) => (\n                            <div key={option.value} className={`flex align-items-center ${option.value === size ? 'solid-active-view' : 'solid-view'}`}>\n                                <RadioButton\n                                    inputId={option.value}\n                                    name=\"sizes\"\n                                    value={option.value}\n                                    onChange={(e) => setSize(e.value)}\n                                    checked={option.value === size}\n                                />\n                                <label htmlFor={option.value} className=\"ml-2 flex align-items-center justify-content-between w-full\">\n                                    {option.label}\n                                    <img\n                                        src={option.image}\n                                        alt={option.value}\n                                        className='img-fluid position-relative'\n                                        style={{ width: '2.75rem' }}\n                                    />\n                                </label>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n                <div className='p-1'>\n                    <p className='px-3 pt-2'>View Mode</p>\n                    <div className=\"flex flex-column gap-1\">\n                        {viewModes.map((option) => (\n                            <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>\n                                <RadioButton\n                                    inputId={option.value}\n                                    name=\"views\"\n                                    value={option.value}\n                                    onChange={(e) => setView(e.value)}\n                                    checked={option.value === view}\n                                />\n                                <label htmlFor={option.value} className=\"ml-2 flex align-items-center justify-content-between w-full\">\n                                    {option.label}\n                                    <img\n                                        src={option.image}\n                                        alt={option.value}\n                                        className='img-fluid position-relative'\n                                        style={{ width: '2.75rem' }}\n                                    />\n                                </label>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </OverlayPanel>\n        </div>\n    );\n}\n"]}

package/dist/components/core/common/SolidLayoutViews.tsx

@@ -0,0 +1,87 @@
+'use client';
+import { Button } from 'primereact/button';
+import { OverlayPanel } from 'primereact/overlaypanel';
+import { RadioButton } from 'primereact/radiobutton';
+import { useRef } from 'react';
+interface Props {
+    sizeOptions: { label: string; value: string, image: string }[];
+    setSize: (value: string) => void;
+    size: string;
+    viewModes: { label: string; value: string, image: string }[];
+    setView: (value: string) => void;
+    view: string;
+}
+export const SolidLayoutViews = ({ sizeOptions, setSize, size, viewModes, setView, view }: Props) => {
+    const op = useRef(null);
+
+    return (
+        <div className="position-relative">
+            <Button
+                type="button"
+                size='small'
+                severity='secondary'
+                icon={
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none">
+                        <path d="M14.9016 13.1969L10.8031 9.09845L14.9016 5L19 9.09845L14.9016 13.1969ZM5 11.7461V5.94301H10.8031V11.7461H5ZM12.2539 19V13.1969H18.057V19H12.2539ZM5 19V13.1969H10.8031V19H5ZM6.45078 10.2953H9.35233V7.39378H6.45078V10.2953ZM14.9197 11.1658L16.9689 9.11658L14.9197 7.06736L12.8705 9.11658L14.9197 11.1658ZM13.7047 17.5492H16.6062V14.6477H13.7047V17.5492ZM6.45078 17.5492H9.35233V14.6477H6.45078V17.5492Z" fill="#4B4D52" />
+                    </svg>
+                }
+                className='custom-icon-button'
+                outlined
+                // @ts-ignore
+                onClick={(e) => op.current.toggle(e)}
+            />
+            <OverlayPanel ref={op} className='solid-header-dropdown-panel'>
+                <div className='secondary-border-bottom p-1'>
+                    <p className='px-3 pt-2'>Density</p>
+                    <div className="flex flex-column gap-1">
+                        {sizeOptions.map((option) => (
+                            <div key={option.value} className={`flex align-items-center ${option.value === size ? 'solid-active-view' : 'solid-view'}`}>
+                                <RadioButton
+                                    inputId={option.value}
+                                    name="sizes"
+                                    value={option.value}
+                                    onChange={(e) => setSize(e.value)}
+                                    checked={option.value === size}
+                                />
+                                <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
+                                    {option.label}
+                                    <img
+                                        src={option.image}
+                                        alt={option.value}
+                                        className='img-fluid position-relative'
+                                        style={{ width: '2.75rem' }}
+                                    />
+                                </label>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+                <div className='p-1'>
+                    <p className='px-3 pt-2'>View Mode</p>
+                    <div className="flex flex-column gap-1">
+                        {viewModes.map((option) => (
+                            <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>
+                                <RadioButton
+                                    inputId={option.value}
+                                    name="views"
+                                    value={option.value}
+                                    onChange={(e) => setView(e.value)}
+                                    checked={option.value === view}
+                                />
+                                <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
+                                    {option.label}
+                                    <img
+                                        src={option.image}
+                                        alt={option.value}
+                                        className='img-fluid position-relative'
+                                        style={{ width: '2.75rem' }}
+                                    />
+                                </label>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            </OverlayPanel>
+        </div>
+    );
+}

package/dist/components/core/common/SolidListViewOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,OAAS,GAAG,4CAyB5C,CAAA"}
+{"version":3,"file":"SolidListViewOptions.d.ts","sourceRoot":"./","sources":["components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,OAAS,GAAG,4CAyB5C,CAAA"}

package/dist/components/core/common/SolidListViewOptions.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from "primereact/dialog";
 import { useState } from "react";
-export var SolidListViewOptions = function (_a) {
-    var _b = useState(false), visible = _b[0], setVisible = _b[1];
-    var _c = useState(["Header", "NonExistentComponent"]), componentsToRender = _c[0], setComponentsToRender = _c[1];
-    return (_jsxs("div", { className: "card flex justify-content-center", children: [_jsx("i", { className: "pi pi-cog", onClick: function () { return setVisible(true); } }), _jsxs(Dialog, { header: "Header", visible: visible, style: { width: '50vw' }, onHide: function () { if (!visible)
+export const SolidListViewOptions = ({}) => {
+    const [visible, setVisible] = useState(false);
+    const [componentsToRender, setComponentsToRender] = useState(["Header", "NonExistentComponent"]);
+    return (_jsxs("div", { className: "card flex justify-content-center", children: [_jsx("i", { className: "pi pi-cog", onClick: () => setVisible(true) }), _jsxs(Dialog, { header: "Header", visible: visible, style: { width: '50vw' }, onHide: () => { if (!visible)
                     return; setVisible(false); }, children: [_jsx("p", { className: "m-0", children: "ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx("div", {})] })] }));
 };
 //# sourceMappingURL=SolidListViewOptions.js.map

package/dist/components/core/common/SolidListViewOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewOptions.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAAQ;IAEnC,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAC;IAEjD,IAAA,KAA8C,QAAQ,CAAC,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC,EAAzF,kBAAkB,QAAA,EAAE,qBAAqB,QAAgD,CAAC;IAEjG,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC7C,YAAG,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAAM,EAE9D,MAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAQ,IAAI,CAAC,OAAO;oBAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAC1H,YAAG,SAAS,EAAC,KAAK,wcAKd,EACJ,eAEM,IAED,IACP,CACT,CAAA;AAEL,CAAC,CAAA"}
+{"version":3,"file":"SolidListViewOptions.js","sourceRoot":"./","sources":["components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAQ,EAAE,EAAE;IAE7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEjG,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC7C,YAAG,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAAM,EAE9D,MAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO;oBAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAC1H,YAAG,SAAS,EAAC,KAAK,wcAKd,EACJ,eAEM,IAED,IACP,CACT,CAAA;AAEL,CAAC,CAAA","sourcesContent":["'use client';\nimport { Dialog } from \"primereact/dialog\";\nimport { useState } from \"react\";\n\n\nexport const SolidListViewOptions = ({ }: any) => {\n\n    const [visible, setVisible] = useState<boolean>(false);\n\n    const [componentsToRender, setComponentsToRender] = useState([\"Header\", \"NonExistentComponent\"]);\n\n    return (\n        <div className=\"card flex justify-content-center\">\n            <i className=\"pi pi-cog\" onClick={() => setVisible(true)}></i>\n\n            <Dialog header=\"Header\" visible={visible} style={{ width: '50vw' }} onHide={() => { if (!visible) return; setVisible(false); }}>\n                <p className=\"m-0\">\n                    ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n                </p>\n                <div>\n                   \n                </div>\n\n            </Dialog>\n        </div>\n    )\n\n}"]}

package/dist/components/core/common/SolidListViewOptions.tsx

@@ -0,0 +1,31 @@
+'use client';
+import { Dialog } from "primereact/dialog";
+import { useState } from "react";
+
+
+export const SolidListViewOptions = ({ }: any) => {
+
+    const [visible, setVisible] = useState<boolean>(false);
+
+    const [componentsToRender, setComponentsToRender] = useState(["Header", "NonExistentComponent"]);
+
+    return (
+        <div className="card flex justify-content-center">
+            <i className="pi pi-cog" onClick={() => setVisible(true)}></i>
+
+            <Dialog header="Header" visible={visible} style={{ width: '50vw' }} onHide={() => { if (!visible) return; setVisible(false); }}>
+                <p className="m-0">
+                    ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+                <div>
+                   
+                </div>
+
+            </Dialog>
+        </div>
+    )
+
+}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCircularLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,+CAI/B,CAAA"}
+{"version":3,"file":"SolidCircularLoader.d.ts","sourceRoot":"./","sources":["components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,+CAI/B,CAAA"}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './SolidLoaders.module.css';
-export var SolidCircularLoader = function () {
+export const SolidCircularLoader = () => {
     return (_jsx("div", { className: styles.SolidCircularLoader }));
 };
 //# sourceMappingURL=SolidCircularLoader.js.map

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCircularLoader.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAQ,CACrD,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SolidCircularLoader.js","sourceRoot":"./","sources":["components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAQ,CACrD,CAAA;AACL,CAAC,CAAA","sourcesContent":["import styles from './SolidLoaders.module.css'\n\nexport const SolidCircularLoader = () => {\n    return (\n        <div className={styles.SolidCircularLoader}></div>\n    )\n}"]}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.tsx

@@ -0,0 +1,7 @@
+import styles from './SolidLoaders.module.css'
+
+export const SolidCircularLoader = () => {
+    return (
+        <div className={styles.SolidCircularLoader}></div>
+    )
+}

package/dist/components/core/common/SolidPasswordHelperText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPasswordHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBrE,CAAC"}
+{"version":3,"file":"SolidPasswordHelperText.d.ts","sourceRoot":"./","sources":["components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBrE,CAAC"}

package/dist/components/core/common/SolidPasswordHelperText.js

@@ -1,14 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var SolidPasswordHelperText = function (_a) {
-    var _b;
-    var text = _a.text;
-    var envPasswordHelperText = (_b = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC) !== null && _b !== void 0 ? _b : "";
+export const SolidPasswordHelperText = ({ text }) => {
+    const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC ?? "";
     if (!text && !envPasswordHelperText)
         return null;
     return (_jsx("div", { className: "mt-4 text-sm grid", children: text ?
             _jsx("div", { dangerouslySetInnerHTML: { __html: text } })
             :
-                _jsx("div", { className: "col-12", children: _jsx("div", { className: "grid", children: envPasswordHelperText.split("\\n").map(function (line, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: line })] }) }, idx)); }) }) }) }));
+                _jsx("div", { className: "col-12", children: _jsx("div", { className: "grid", children: envPasswordHelperText.split("\\n").map((line, idx) => (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: line })] }) }, idx))) }) }) }));
 };
 //# sourceMappingURL=SolidPasswordHelperText.js.map

package/dist/components/core/common/SolidPasswordHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPasswordHelperText.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAQb,MAAM,CAAC,IAAM,uBAAuB,GAAsC,UAAC,EAAQ;;QAAN,IAAI,UAAA;IAC/E,IAAM,qBAAqB,GAAG,MAAA,OAAO,CAAC,GAAG,CAAC,oCAAoC,mCAAI,EAAE,CAAC;IAErF,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAC/B,IAAI,CAAC,CAAC;YACL,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAQ;YACtD,CAAC;gBACD,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,MAAM,YAClB,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACrD,cAAe,SAAS,EAAC,YAAY,YACnC,eAAK,SAAS,EAAC,YAAY,aACzB,oCAAc,EACd,yBAAO,IAAI,GAAQ,IACf,IAJE,GAAG,CAKP,CACP,EAPsD,CAOtD,CAAC,GACE,GACF,GAEJ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SolidPasswordHelperText.js","sourceRoot":"./","sources":["components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAQb,MAAM,CAAC,MAAM,uBAAuB,GAAsC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACrF,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,CAAC,oCAAoC,IAAI,EAAE,CAAC;IAErF,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAC/B,IAAI,CAAC,CAAC;YACL,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAQ;YACtD,CAAC;gBACD,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,MAAM,YAClB,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,cAAe,SAAS,EAAC,YAAY,YACnC,eAAK,SAAS,EAAC,YAAY,aACzB,oCAAc,EACd,yBAAO,IAAI,GAAQ,IACf,IAJE,GAAG,CAKP,CACP,CAAC,GACE,GACF,GAEJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\ninterface PasswordHelperTextProps {\n  text?: any;\n}\n\nexport const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ text }) => {\n  const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC ?? \"\";\n\n  if (!text && !envPasswordHelperText) return null;\n\n  return (\n    <div className=\"mt-4 text-sm grid\">\n      {text ?\n        <div dangerouslySetInnerHTML={{ __html: text }}></div>\n        :\n        <div className=\"col-12\">\n          <div className=\"grid\">\n            {envPasswordHelperText.split(\"\\\\n\").map((line, idx) => (\n              <div key={idx} className=\"col-6 pt-0\">\n                <div className=\"flex gap-2\">\n                  <span>•</span>\n                  <span>{line}</span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      }\n    </div>\n  );\n};\n"]}

package/dist/components/core/common/SolidPasswordHelperText.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import React from "react";
+
+interface PasswordHelperTextProps {
+  text?: any;
+}
+
+export const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ text }) => {
+  const envPasswordHelperText = process.env.NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC ?? "";
+
+  if (!text && !envPasswordHelperText) return null;
+
+  return (
+    <div className="mt-4 text-sm grid">
+      {text ?
+        <div dangerouslySetInnerHTML={{ __html: text }}></div>
+        :
+        <div className="col-12">
+          <div className="grid">
+            {envPasswordHelperText.split("\\n").map((line, idx) => (
+              <div key={idx} className="col-6 pt-0">
+                <div className="flex gap-2">
+                  <span>•</span>
+                  <span>{line}</span>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      }
+    </div>
+  );
+};

package/dist/components/core/common/SolidSaveCustomFilterForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAKA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA8D9E,CAAC"}
+{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"./","sources":["components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAKA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA8D9E,CAAC"}

package/dist/components/core/common/SolidSaveCustomFilterForm.js

@@ -1,38 +1,26 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "primereact/button";
 import { Checkbox } from "primereact/checkbox";
 import { useState } from "react";
-export var SolidSaveCustomFilterForm = function (_a) {
-    var currentSavedFilterData = _a.currentSavedFilterData, handleSaveFilter = _a.handleSaveFilter, closeDialog = _a.closeDialog;
-    var _b = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : "", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false }), formValues = _b[0], setFormValues = _b[1];
-    var handleChange = function (e) {
-        var _a = e.target, name = _a.name, value = _a.value, type = _a.type, checked = _a.checked;
-        setFormValues(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[name] = type === "checkbox" ? checked : value, _a)));
-        });
+export const SolidSaveCustomFilterForm = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {
+    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : "", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });
+    const handleChange = (e) => {
+        const { name, value, type, checked } = e.target;
+        setFormValues((prev) => ({
+            ...prev,
+            [name]: type === "checkbox" ? checked : value,
+        }));
     };
-    var handleSubmit = function (e) {
+    const handleSubmit = (e) => {
         e.preventDefault();
-        var formData = {
+        const formData = {
             id: currentSavedFilterData ? currentSavedFilterData.id : null,
             name: formValues.name,
             isPrivate: formValues.isPrivate === true ? true : "",
         };
         handleSaveFilter(formData);
     };
-    return (_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx("input", { type: "text", id: "name", name: "name", placeholder: "Filter Title", className: "p-inputtext p-inputtext-sm p-component", value: formValues.name, onChange: handleChange, readOnly: currentSavedFilterData })] }), _jsxs("div", { className: "mt-3 flex align-items-center ", children: [_jsx(Checkbox, { inputId: "isPrivate", name: "isPrivate", checked: formValues.isPrivate, onChange: function (e) { return handleChange(e); } }), _jsx("label", { htmlFor: "isPrivate", className: "ml-2", children: "Is Private" })] }), _jsxs("div", { className: "mt-3 flex align-items-center gap-2", children: [_jsx(Button, { type: "submit", label: currentSavedFilterData ? "Update" : "Save", size: "small" }), _jsx(Button, { type: "button", label: "Cancel", size: "small", outlined: true, onClick: function () { return closeDialog(); } })] })] }));
+    return (_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx("input", { type: "text", id: "name", name: "name", placeholder: "Filter Title", className: "p-inputtext p-inputtext-sm p-component", value: formValues.name, onChange: handleChange, readOnly: currentSavedFilterData })] }), _jsxs("div", { className: "mt-3 flex align-items-center ", children: [_jsx(Checkbox, { inputId: "isPrivate", name: "isPrivate", checked: formValues.isPrivate, onChange: (e) => handleChange(e) }), _jsx("label", { htmlFor: "isPrivate", className: "ml-2", children: "Is Private" })] }), _jsxs("div", { className: "mt-3 flex align-items-center gap-2", children: [_jsx(Button, { type: "submit", label: currentSavedFilterData ? "Update" : "Save", size: "small" }), _jsx(Button, { type: "button", label: "Cancel", size: "small", outlined: true, onClick: () => closeDialog() })] })] }));
 };
 //# sourceMappingURL=SolidSaveCustomFilterForm.js.map

package/dist/components/core/common/SolidSaveCustomFilterForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAyD;QAAvD,sBAAsB,4BAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAAA;IACjI,IAAA,KAA8B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAxL,UAAU,QAAA,EAAE,aAAa,QAA+J,CAAC;IAEhM,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAiC,CAAC,CAAC,MAAM,EAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAa,CAAC;QAChD,aAAa,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACjB,IAAI,gBACN,IAAI,IAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAC/C;QAHsB,CAGtB,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,aACxB,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,MAAM,sBAAc,EACnC,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,sBAAsB,GAClC,IACA,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,QAAQ,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,EAAf,CAAe,GAE9B,EACX,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,2BAAmB,IAC5D,EACN,eAAK,SAAS,EAAC,oCAAoC,aAC/C,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjD,IAAI,EAAC,OAAO,GACd,EACF,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,GAC9B,IACA,IACH,CACV,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"./","sources":["components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,CAAC,MAAM,yBAAyB,GAA6C,CAAC,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAAE,EAAE;IAC7I,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAEhM,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAChD,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrB,GAAG,IAAI;YACP,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;SAChD,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,aACxB,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,MAAM,sBAAc,EACnC,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,sBAAsB,GAClC,IACA,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,QAAQ,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,GAE9B,EACX,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,2BAAmB,IAC5D,EACN,eAAK,SAAS,EAAC,oCAAoC,aAC/C,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjD,IAAI,EAAC,OAAO,GACd,EACF,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,GAC9B,IACA,IACH,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["\"use client\"\nimport { Button } from \"primereact/button\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { useState } from \"react\";\n\ninterface SolidSaveCustomFilterFormProps {\n    currentSavedFilterData: any,\n    handleSaveFilter: ({ }) => void;\n    closeDialog: any\n}\n\nexport const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {\n    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : \"\", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const { name, value, type, checked } = e.target;\n        setFormValues((prev) => ({\n            ...prev,\n            [name]: type === \"checkbox\" ? checked : value,\n        }));\n    };\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const formData = {\n            id: currentSavedFilterData ? currentSavedFilterData.id : null,\n            name: formValues.name,\n            isPrivate: formValues.isPrivate === true ? true : \"\",\n        }\n        handleSaveFilter(formData);\n    };\n\n    return (\n        <form onSubmit={handleSubmit}>\n            <div className=\"flex flex-column gap-2\">\n                <label htmlFor=\"name\">Name:</label>\n                <input\n                    type=\"text\"\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder=\"Filter Title\"\n                    className=\"p-inputtext p-inputtext-sm p-component\"\n                    value={formValues.name}\n                    onChange={handleChange}\n                    readOnly={currentSavedFilterData}\n                />\n            </div>\n            <div className=\"mt-3 flex align-items-center \">\n                <Checkbox\n                    inputId=\"isPrivate\"\n                    name=\"isPrivate\"\n                    checked={formValues.isPrivate}\n                    onChange={(e: any) => handleChange(e)}\n                >\n                </Checkbox>\n                <label htmlFor=\"isPrivate\" className=\"ml-2\">Is Private</label>\n            </div>\n            <div className=\"mt-3 flex align-items-center gap-2\">\n                <Button\n                    type=\"submit\"\n                    label={currentSavedFilterData ? \"Update\" : \"Save\"}\n                    size=\"small\"\n                />\n                <Button\n                    type=\"button\"\n                    label=\"Cancel\"\n                    size=\"small\"\n                    outlined\n                    onClick={() => closeDialog()}\n                />\n            </div>\n        </form>\n    );\n};\n\n"]}

package/dist/components/core/common/SolidSaveCustomFilterForm.tsx

@@ -0,0 +1,75 @@
+"use client"
+import { Button } from "primereact/button";
+import { Checkbox } from "primereact/checkbox";
+import { useState } from "react";
+
+interface SolidSaveCustomFilterFormProps {
+    currentSavedFilterData: any,
+    handleSaveFilter: ({ }) => void;
+    closeDialog: any
+}
+
+export const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {
+    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : "", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const { name, value, type, checked } = e.target;
+        setFormValues((prev) => ({
+            ...prev,
+            [name]: type === "checkbox" ? checked : value,
+        }));
+    };
+
+    const handleSubmit = (e: React.FormEvent) => {
+        e.preventDefault();
+        const formData = {
+            id: currentSavedFilterData ? currentSavedFilterData.id : null,
+            name: formValues.name,
+            isPrivate: formValues.isPrivate === true ? true : "",
+        }
+        handleSaveFilter(formData);
+    };
+
+    return (
+        <form onSubmit={handleSubmit}>
+            <div className="flex flex-column gap-2">
+                <label htmlFor="name">Name:</label>
+                <input
+                    type="text"
+                    id="name"
+                    name="name"
+                    placeholder="Filter Title"
+                    className="p-inputtext p-inputtext-sm p-component"
+                    value={formValues.name}
+                    onChange={handleChange}
+                    readOnly={currentSavedFilterData}
+                />
+            </div>
+            <div className="mt-3 flex align-items-center ">
+                <Checkbox
+                    inputId="isPrivate"
+                    name="isPrivate"
+                    checked={formValues.isPrivate}
+                    onChange={(e: any) => handleChange(e)}
+                >
+                </Checkbox>
+                <label htmlFor="isPrivate" className="ml-2">Is Private</label>
+            </div>
+            <div className="mt-3 flex align-items-center gap-2">
+                <Button
+                    type="submit"
+                    label={currentSavedFilterData ? "Update" : "Save"}
+                    size="small"
+                />
+                <Button
+                    type="button"
+                    label="Cancel"
+                    size="small"
+                    outlined
+                    onClick={() => closeDialog()}
+                />
+            </div>
+        </form>
+    );
+};
+

package/dist/components/core/common/SolidSearchBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSearchBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,iBAAkB,GAAG,4CAW/C,CAAA"}
+{"version":3,"file":"SolidSearchBox.d.ts","sourceRoot":"./","sources":["components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,iBAAkB,GAAG,4CAW/C,CAAA"}

package/dist/components/core/common/SolidSearchBox.js

@@ -2,13 +2,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
-export var SolidSearchBox = function (_a) {
-    var viewData = _a.viewData;
-    var _b = useState(''), value = _b[0], setValue = _b[1];
-    var _c = useState([]), items = _c[0], setItems = _c[1];
-    var search = function (event) {
+export const SolidSearchBox = ({ viewData }) => {
+    const [value, setValue] = useState('');
+    const [items, setItems] = useState([]);
+    const search = (event) => {
         // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
     };
-    return (_jsx("div", { className: "card flex justify-content-center", children: _jsx(AutoComplete, { value: value, suggestions: items, completeMethod: search, onChange: function (e) { return setValue(e.value); } }) }));
+    return (_jsx("div", { className: "card flex justify-content-center", children: _jsx(AutoComplete, { value: value, suggestions: items, completeMethod: search, onChange: (e) => setValue(e.value) }) }));
 };
 //# sourceMappingURL=SolidSearchBox.js.map

package/dist/components/core/common/SolidSearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSearchBox.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC/B,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAoB,QAAQ,CAAW,EAAE,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IACjD,IAAM,MAAM,GAAG,UAAC,KAAU;QACtB,yEAAyE;IAC7E,CAAC,CAAA;IACD,OAAO,CACH,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjB,CAAiB,GAAI,GAC5G,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SolidSearchBox.js","sourceRoot":"./","sources":["components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE;QAC1B,yEAAyE;IAC7E,CAAC,CAAA;IACD,OAAO,CACH,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAI,GAC5G,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["'use client';\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\n\n\nexport const SolidSearchBox = ({ viewData }: any) => {\n    const [value, setValue] = useState<string>('');\n    const [items, setItems] = useState<string[]>([]);\n    const search = (event: any) => {\n        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));\n    }\n    return (\n        <div className=\"card flex justify-content-center\">\n            <AutoComplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />\n        </div>\n    )\n}"]}

package/dist/components/core/common/SolidSearchBox.tsx

@@ -0,0 +1,17 @@
+'use client';
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+
+
+export const SolidSearchBox = ({ viewData }: any) => {
+    const [value, setValue] = useState<string>('');
+    const [items, setItems] = useState<string[]>([]);
+    const search = (event: any) => {
+        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
+    }
+    return (
+        <div className="card flex justify-content-center">
+            <AutoComplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />
+        </div>
+    )
+}

package/dist/components/core/common/SolidViewLayoutManager.d.ts

@@ -25,6 +25,7 @@ export declare class SolidViewLayoutManager {
      * @returns The matching LayoutNode or null
      */
     private findNode;
+    private findNodes;
     /**
      * Recursively removes a node from the layout tree.
      *
@@ -53,9 +54,10 @@ export declare class SolidViewLayoutManager {
      *
      * @param parentName - Name of the parent node
      * @param newNode - Child layout node to add
+     * @param addChildrenToAll - If true, adds the child node to all nodes with the given parent name
      * @returns true if parent exists and child was added
      */
-    addChildNode(parentName: string, newNode: LayoutNode): boolean;
+    addChildNode(parentName: string, newNode: LayoutNode, addChildrenToAll?: boolean): boolean;
     /**
      * Removes a node and its subtree.
      * Root node removal is prevented.

package/dist/components/core/common/SolidViewLayoutManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidViewLayoutManager.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidViewLayoutManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEjE;;;;;;GAMG;AACH,qBAAa,sBAAsB;IAC/B,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAa;IAE3B;;;;;OAKG;gBACS,MAAM,EAAE,UAAU;IAK9B;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ;IAuBhB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAa3B;;;;QAII;IACJ,SAAS,IAAI,UAAU;IAKvB;;;;;;;OAOG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IASpF;;;;;;OAMG;IACH,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,GAAG,OAAO;IAa9D;;;;;;OAMG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IASjC;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,IAAI,GAAE,UAAwB;IAS7E;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAoB3D;;;;;OAKG;IACH,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAiB3D;;;;;;OAMG;IACH,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAkB9D;;;;;OAKG;IACH,oBAAoB,CAAC,IAAI,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,GAAG,OAAO;IAiB9D;;;;OAIG;IACH,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAKvC;;;;;;OAMG;IACH,wBAAwB,CACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAChC,OAAO;IAWV;;;;;OAKG;IACH,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAYjD;;;;;OAKG;IACH,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAK1C;;;;;OAKG;IACH,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAKvC;;;;;;OAMG;IACH,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO;IASnE;;;;;;;OAOG;IACH,uBAAuB,CACnB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAChC,OAAO;IAeV;;;;;;OAMG;IACH,uBAAuB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO;CActE"}
+{"version":3,"file":"SolidViewLayoutManager.d.ts","sourceRoot":"./","sources":["components/core/common/SolidViewLayoutManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAExE;;;;;;GAMG;AACH,qBAAa,sBAAsB;IAC/B,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAa;IAE3B;;;;;OAKG;gBACS,MAAM,EAAE,UAAU;IAK9B;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,SAAS;IAkBjB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAa3B;;;;QAII;IACJ,SAAS,IAAI,UAAU;IAKvB;;;;;;;OAOG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IASpF;;;;;;;OAOG;IACH,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,GAAE,OAAe,GAAG,OAAO;IA2BjG;;;;;;OAMG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IASjC;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,IAAI,GAAE,UAAwB;IAS7E;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAoB3D;;;;;OAKG;IACH,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAiB3D;;;;;;OAMG;IACH,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO;IAkB9D;;;;;OAKG;IACH,oBAAoB,CAAC,IAAI,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,GAAG,OAAO;IAiB9D;;;;OAIG;IACH,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAKvC;;;;;;OAMG;IACH,wBAAwB,CACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAChC,OAAO;IAWV;;;;;OAKG;IACH,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAYjD;;;;;OAKG;IACH,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAK1C;;;;;OAKG;IACH,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAKvC;;;;;;OAMG;IACH,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO;IASnE;;;;;;;OAOG;IACH,uBAAuB,CACnB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAChC,OAAO;IAeV;;;;;;OAMG;IACH,uBAAuB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO;CActE"}