sccoreui 4.5.3 → 4.5.5

package/dist/components copy/form/form-fields/form-fields.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const inputtext_1 = require("primereact/inputtext");
+const dropdown_1 = require("primereact/dropdown");
+const multiselect_1 = require("primereact/multiselect");
+const inputtextarea_1 = require("primereact/inputtextarea");
+const max_1 = tslib_1.__importStar(require("react-phone-number-input/max"));
+const inputnumber_1 = require("primereact/inputnumber");
+const InputTextField = (props) => {
+    const { errors, touched, name, length, label, placeholder, optional, maxLength, className, validate, disabled } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, Object.assign({ maxLength: maxLength, autoComplete: "off", disabled: disabled, placeholder: placeholder }, field, { className: `${className} full_form_field ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const InputNumberField = (props) => {
+    const { errors, touched, name, length, label, placeholder, optional, setFieldValue, min, max, maxLength, className, validate, disabled } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ min: min, max: max, disabled: disabled, pt: { input: { root: { autoComplete: 'off' } } }, maxLength: maxLength, maxFractionDigits: 0, placeholder: placeholder }, field, { onChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const InputCurrencyField = (props) => {
+    const { errors, touched, name, length, label, placeholder, optional, setFieldValue, min, max, maxLength, className, validate, disabled } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-left form_field" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix text-lg text-gray-600 font-normal" }, { children: "$" })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ "aria-autocomplete": "none", minFractionDigits: 2, disabled: disabled, min: min, max: max, maxLength: maxLength }, field, { onChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), maxFractionDigits: 2, placeholder: placeholder, className: `full_form_field ${className} customNumberField ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))] }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const InputTextAreaField = (props) => {
+    const [charCount, setCharCount] = (0, react_1.useState)(0);
+    const { errors, touched, name, length, label, placeholder, optional, values, className, maxLength, validate } = props;
+    (0, react_1.useEffect)(() => {
+        setCharCount(values[name].length);
+    }, [values[name]]);
+    (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column relative" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, type: "textarea", validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, Object.assign({ autoComplete: "off", placeholder: placeholder, style: { height: '154px', resize: 'none', overflowY: 'scroll' } }, field, { maxLength: maxLength, className: `pt-2 full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "absolute text-base font-normal text-gray-600", style: { bottom: '20px', right: '12px' } }, { children: [charCount, "/", maxLength] }))] })) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const DropDownField = (props) => {
+    const { errors, touched, name, length, label, placeholder, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ panelStyle: panelStyle || '', filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const MultiSelectField = (props) => {
+    const { errors, touched, name, length, label, placeholder, options, optional, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+const PhoneNumberField = (props) => {
+    const { errors, touched, name, length, values, label, placeholder, optional, position, setFieldValue } = props;
+    const customCountry = (props) => {
+        const customCountryTemplate = (options) => {
+            let callCode = (0, max_1.getCountryCallingCode)(options.value);
+            return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex align-items-center gap-2' }, { children: [(0, jsx_runtime_1.jsx)("img", { src: `https://catamphetamine.github.io/country-flag-icons/3x2/${options.value}.svg`, alt: 'countries', className: 'border-circle', style: { width: '1.5rem', height: '1.5rem', objectFit: 'cover' } }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-lg font-medium text-gray-900 line-height-3' }, { children: options.label })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'text-lg font-normal text-gray-600 line-height-3' }, { children: ["+", callCode] }))] })));
+        };
+        const customSelectedVal = (options) => {
+            if (options) {
+                return ((0, jsx_runtime_1.jsx)("img", { src: `https://catamphetamine.github.io/country-flag-icons/3x2/${options.value}.svg`, alt: 'selected-country', className: 'border-circle ml-2', style: { width: '1.5rem', height: '1.5rem', objectFit: 'cover' } }));
+            }
+            return ((0, jsx_runtime_1.jsx)("div", { children: placeholder }));
+        };
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: 'customCountryDropDown' }, { children: (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: "countryCode" }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ filter: true, filterBy: 'label', options: props.options }, field, { panelClassName: `${position === 'left' ? '' : 'phoneNumberClass'}`, panelStyle: { maxWidth: '18rem' } }, props, { itemTemplate: customCountryTemplate, valueTemplate: customSelectedVal, optionLabel: 'value', onChange: (e) => {
+                        setFieldValue('countryCode', e.value);
+                    } }))) })) })));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(max_1.default, Object.assign({ international: true, countryCallingCodeEditable: false, withCountryCallingCode: false, countrySelectComponent: customCountry, usenationalformatfordefaultcountryvalue: "true", defaultCountry: values[name], limitMaxLength: true, className: `full_form_field flex align-items-center ${errors[name] ? 'p-invalid' : ''} ${length === 'full' ? 'form_field' : 'form_field'}` }, field, { onChange: (e) => setFieldValue(name, e) }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
+};
+// const InputGroupField = (props: any) => {
+//     const { errors, touched, name, length, label, placeholder, optional, position, setFieldValue, validate } = props;
+//     return (
+//         <div className="flex flex-column gap-1">
+//             {optional && <label className="font-medium text-base mb-1 w-full flex justify-content-between" htmlFor={name}>{label}<span className="text-base font-medium font-italic text-gray-600">Optional</span></label>}
+//             {!optional && <label className="font-medium text-base mb-1" htmlFor={name}>{label}</label>}
+//             <Field type="text" name={name}>
+//                 {
+//                     ({ field }: any) => (
+//                         <div {...field}></div>
+//                     )
+//                 }
+//             </Field>
+//             {errors[name] && touched[name] ? (
+//                 <small className='errorField'>{errors[name]}</small>
+//             ) : <small>&nbsp;</small>}
+//         </div>
+//     )
+// }
+exports.default = { InputTextField, InputNumberField, InputCurrencyField, InputTextAreaField, DropDownField, MultiSelectField, PhoneNumberField, Field: formik_1.Field };

package/dist/components copy/form/form.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const FormComponent = (props) => {
+    const { values, validations, children, validateOnChange, validateOnBlur, validateForm, className, onSubmit } = props;
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ initialValues: values, validationSchema: validations, validateOnChange: validateOnChange, validate: validateForm, validateOnBlur: validateOnBlur, onSubmit: (values) => onSubmit(values) }, { children: ({ errors, touched, isValid, values, actions, resetForm, setFieldValue, handleSubmit, setFieldTouched, dirty, validate }) => ((0, jsx_runtime_1.jsx)(formik_1.Form, Object.assign({ className: className }, { children: children({ errors, touched, isValid, values, actions, resetForm, handleSubmit, setFieldValue, setFieldTouched, dirty, validate }) }))) })));
+};
+exports.default = FormComponent;

package/dist/components copy/froala-editor/FroalaEditor.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+require("froala-editor/css/froala_editor.pkgd.min.css");
+require("froala-editor/css/froala_style.min.css");
+const react_froala_wysiwyg_1 = tslib_1.__importDefault(require("react-froala-wysiwyg"));
+require("froala-editor/js/plugins.pkgd.min.js");
+// import { SvgComponent } from 'sccoreui';
+// import SvgComponent from '../../directives/svg-component';
+// import { Bold, Italic } from '../../assets/svg/svg';
+const FroalaTextEditor = ({ onChange, value, placeholderText }) => {
+    const editorRef = (0, react_1.useRef)(null);
+    // const html = ``;
+    const [editorContent, setEditorContent] = (0, react_1.useState)(value);
+    // Callback function to handle content changes
+    const handleModelChange = (content) => {
+        setEditorContent(content);
+        onChange(content);
+    };
+    // const handleKeyUp = () => {
+    //   // Access the current content of the editor
+    //   debugger
+    //   const content = editorRef.current.editor.html.get();
+    //   // Implement logic to recognize special words or patterns in 'content'
+    //   // For example, if you want to detect the word 'special':
+    //   if (content.toLowerCase().includes('special')) {
+    //     // Do something special
+    //     console.log('Special word detected!');
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        if (editorRef.current) {
+            editorRef.current.editor.$el.on('focus', () => {
+                document.getElementById('fr-text-editor').classList.add('focus-text-editor');
+            });
+            editorRef.current.editor.$el.on('focusout', () => {
+                document.getElementById('fr-text-editor').classList.remove('focus-text-editor');
+            });
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-editor', id: "fr-text-editor" }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
+                fontFamilySelection: true,
+                fontFamily: {
+                    'Arial,Helvetica,sans-serif': 'sans-serif',
+                    'Impact,Charcoal,sans-serif': 'RobotoBold',
+                    'RobotoItalic,Charcoal,sans-serif': 'RobotoItalic',
+                    // 'Tahoma,Geneva,sans-serif': 'Font 3'
+                },
+                fontFamilyDefaultSelection: 'sans-serif',
+                placeholderText: placeholderText,
+                key: "5OA4gB3A3B3E3B5D3E3F-11SLJCKHXOSLMc1YGSGb1ZXHSe1CgB5A4D4G4E3C2A12A19A6B4==",
+                charCounterCount: false,
+                toolbarSticky: false,
+                quickInsertEnabled: false,
+                toolbarInline: false,
+                attribution: false,
+                heightMax: 160,
+                heightMin: 130,
+                toolbarButtons: {
+                    'fontFamily': {
+                        'buttons': ['fontFamily'],
+                        'class': 'customCard',
+                    },
+                    'moreText': {
+                        'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'fontSize', 'subscript', 'superscript', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle', 'clearFormatting'],
+                        'buttonsVisible': 2
+                    },
+                    'moreParagraph': {
+                        'buttons': ['formatOL', 'formatUL', 'alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote'],
+                        'buttonsVisible': 2
+                    },
+                    'moreRich': {
+                        'buttons': ['insertLink', 'insertImage', 'insertHR', 'undo', 'redo', 'html'],
+                        'buttonsVisible': 2
+                    },
+                    'fullscreen': {
+                        'button': 'fullscreen'
+                    },
+                },
+            }, model: editorContent, onModelChange: handleModelChange, ref: editorRef }) })));
+};
+exports.default = FroalaTextEditor;

package/dist/components copy/galleria/galleria.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const galleria_1 = require("primereact/galleria");
+exports.default = galleria_1.Galleria;

package/dist/components copy/image/image.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const image_1 = require("primereact/image");
+exports.default = image_1.Image;

package/dist/components copy/inplace/inplace.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = void 0;
+const inplace_1 = require("primereact/inplace");
+Object.defineProperty(exports, "Inplace", { enumerable: true, get: function () { return inplace_1.Inplace; } });
+Object.defineProperty(exports, "InplaceDisplay", { enumerable: true, get: function () { return inplace_1.InplaceDisplay; } });
+Object.defineProperty(exports, "InplaceContent", { enumerable: true, get: function () { return inplace_1.InplaceContent; } });

package/dist/components copy/input/input-mask.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const inputmask_1 = require("primereact/inputmask");
+exports.default = inputmask_1.InputMask;

package/dist/components copy/input/input-number.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const inputnumber_1 = require("primereact/inputnumber");
+exports.default = inputnumber_1.InputNumber;

package/dist/components copy/input/input-switch.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const inputswitch_1 = require("primereact/inputswitch");
+exports.default = inputswitch_1.InputSwitch;

package/dist/components copy/input/input-textarea.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const inputtextarea_1 = require("primereact/inputtextarea");
+exports.default = inputtextarea_1.InputTextarea;

package/dist/components copy/input/input.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const inputtext_1 = require("primereact/inputtext");
+exports.default = inputtext_1.InputText;

package/dist/components copy/knob/knob.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const knob_1 = require("primereact/knob");
+exports.default = knob_1.Knob;

package/dist/components copy/list-box/listbox.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const listbox_1 = require("primereact/listbox");
+exports.default = listbox_1.ListBox;

package/dist/components copy/loading-indicator/loading-indicator-custom.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokeWidth = "6", bgStrokeColor = "var(--gray-100)", bgStroke = false, animationDuration = "3500ms", }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", strokeWidth: strokeWidth, style: {
+                            strokeLinecap: "round",
+                            animationDuration: animationDuration,
+                            stroke: color,
+                        } }) })) })), bgStroke && ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokeWidth, style: { stroke: bgStrokeColor } }) })) })))] })));
+};
+exports.default = CustomLoadingIndicator;

package/dist/components copy/megamenu/mega-menu.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const megamenu_1 = require("primereact/megamenu");
+exports.default = megamenu_1.MegaMenu;

package/dist/components copy/mention/mention.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mention_1 = require("primereact/mention");
+exports.default = mention_1.Mention;

package/dist/components copy/menu/menu.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const menu_1 = require("primereact/menu");
+exports.default = menu_1.Menu;

package/dist/components copy/menubar/menubar.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const menubar_1 = require("primereact/menubar");
+exports.default = menubar_1.Menubar;

package/dist/components copy/message/Message.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const message_1 = require("primereact/message");
+exports.default = message_1.Message;

package/dist/components copy/messages/messages.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const messages_1 = require("primereact/messages");
+exports.default = messages_1.Messages;

package/dist/components copy/multi-select/multi-select.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const multiselect_1 = require("primereact/multiselect");
+exports.default = multiselect_1.MultiSelect;

package/dist/components copy/multi-select-dropdown/multi-select-dropdown.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectDropDown = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const multiselect_1 = require("primereact/multiselect");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const MultiSelectDropDown = (props) => {
+    const [items, setItems] = (0, react_1.useState)([]);
+    const [isMoreThanOne, setIsMoreThenOne] = (0, react_1.useState)(false);
+    const LeftSection = () => {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.dropdownType === "status" ?
+                (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'select_status_prv absolute left_section_item z-5' }, { children: items.length > 0 ?
+                        (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: items.map((status, i) => {
+                                return (0, jsx_runtime_1.jsx)("li", { style: { background: status.color }, className: `${status.name.replaceAll(' ', '').toLowerCase()}` }, i);
+                            }) }))
+                        :
+                            (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: (0, jsx_runtime_1.jsx)("li", { className: 'all' }) })) }))
+                :
+                    (0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "propile_icon icon_left left_section_item absolute z-5 ", icon: props.leftIcon, size: 20 }, Math.floor(Math.random() * 1000)) }));
+    };
+    const clearIcon = () => {
+        const onClear = () => {
+            setItems([]);
+            if (props.onClear)
+                props.onClear();
+        };
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClear, className: "flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "propile_icon icon_right right_section_item absolute z-5 ", icon: props.clear, size: 20 }, Math.floor(Math.random() * 1000)) })));
+    };
+    const onChange = (e) => {
+        if (props.onChange)
+            props.onChange(e);
+    };
+    (0, react_1.useEffect)(() => {
+        if (items.length > props.maxSelectedLabels)
+            setIsMoreThenOne(true);
+        else
+            setIsMoreThenOne(false);
+    }, [items]);
+    (0, react_1.useEffect)(() => {
+        if (props.value !== undefined)
+            setItems(props.value);
+    }, [props.value]);
+    const itemTemplate = (option) => {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `status_dropdown_item pl-6 ${option.name.replaceAll(' ', '').toLowerCase()}` }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'status_dot', style: { background: option.color } }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'otption_name mr-8' }, { children: option.name }))] })) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType === 'withIcon' &&
+                (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem ${props.maxWidth ? `${'optionBodyMaxWidth_' + props.maxWidth}` : ''}`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
+                            (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
+                                        clearIcon()] }))] })), props.dropdownType === 'default' &&
+                (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${props.icon !== undefined ? 'left_icon' : 'no_icon'} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [props.icon !== undefined &&
+                            (0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
+                            (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
+                                        clearIcon()] }))] })), props.dropdownType === 'status' &&
+                (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative status_dropdown ${props.className} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''} ${items.length > 3 ? 'moreThanThreeItems' : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: (option) => itemTemplate(option), filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&
+                            (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" +", items.length - props.maxSelectedLabels] })), props.clear &&
+                                        clearIcon()] }))] })), props.dropdownType === '' &&
+                (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { value: items, panelClassName: `Multi_select_dropdown_panel ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } })] }));
+};
+exports.MultiSelectDropDown = MultiSelectDropDown;
+exports.default = exports.MultiSelectDropDown;

package/dist/components copy/multi-state-checkbox/multi-state-checkbox.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const multistatecheckbox_1 = require("primereact/multistatecheckbox");
+exports.default = multistatecheckbox_1.MultiStateCheckbox;

package/dist/components copy/orderList/orderList.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const orderlist_1 = require("primereact/orderlist");
+exports.default = orderlist_1.OrderList;

package/dist/components copy/organization-chart/organizationChart.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const organizationchart_1 = require("primereact/organizationchart");
+exports.default = organizationchart_1.OrganizationChart;

package/dist/components copy/overlays/overlay-panel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const overlaypanel_1 = require("primereact/overlaypanel");
+exports.default = overlaypanel_1.OverlayPanel;

package/dist/components copy/panel/panel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const panel_1 = require("primereact/panel");
+exports.default = panel_1.Panel;

package/dist/components copy/panel-menu/panelMenu.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const panelmenu_1 = require("primereact/panelmenu");
+exports.default = panelmenu_1.PanelMenu;

package/dist/components copy/password/password.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const password_1 = require("primereact/password");
+exports.default = password_1.Password;

package/dist/components copy/pick-list/pickList.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const picklist_1 = require("primereact/picklist");
+exports.default = picklist_1.PickList;

package/dist/components copy/progress-bar/progress-bar.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const progressbar_1 = require("primereact/progressbar");
+exports.default = progressbar_1.ProgressBar;

package/dist/components copy/progress-steps/progress-steps.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("primereact/button");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const react_1 = require("react");
+const ProgressSteps = (props) => {
+    const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
+    const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex
+        ? 0
+        : activeIndex > stepsItems.length
+            ? stepsItems.length - 1
+            : activeIndex);
+    const progressRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!orientation || orientation === "horizontal") {
+            progressRef.current.style.width = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.height = "2px";
+        }
+        else {
+            progressRef.current.style.height = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.width = "2px";
+        }
+    }, [currentActive, orientation]);
+    const handleNext = () => {
+        if (currentActive > stepsItems.length) {
+            setCurrentActive(stepsItems.length);
+        }
+        else {
+            setCurrentActive(currentActive + 1);
+        }
+    };
+    const handlePrev = () => {
+        if (currentActive < 1) {
+            setCurrentActive(1);
+        }
+        else {
+            setCurrentActive(currentActive - 1);
+        }
+    };
+    const orientationClass = !orientation ? "horizontal" : orientation;
+    const userClassNames = !className ? "" : className;
+    if (!stepsItems) {
+        throw new Error("stepItems must be specified in order to generate steps");
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `progress-container flex justify-content-between relative ${orientationClass === "horizontal"
+                    ? "flex-row max-w-full"
+                    : "flex-column max-h-full"} ${orientationClass} ${userClassNames}`, style: style }, { children: [(0, jsx_runtime_1.jsx)("div", { className: `progressbar bg-primary-600 absolute ${orientationClass}`, ref: progressRef }), stepsItems.map((eachItem, index) => ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: `progress-step-item ${orientationClass === "horizontal"
+                            ? "flex flex-column align-items-center gap-5"
+                            : "flex align-items-start gap-5"}  ${orientationClass}`, onClick: () => {
+                            if (eachItem.action) {
+                                eachItem.action();
+                            }
+                        } }, { children: [!icons ? ((0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: index === currentActive
+                                    ? "step-current"
+                                    : index > currentActive
+                                        ? "step-unvisited"
+                                        : "step-checked" })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: index === currentActive
+                                    ? icons.current
+                                    : index > currentActive
+                                        ? icons.unvisited
+                                        : icons.visited })), !eachItem.template ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: eachItem.title }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex flex-column line-height-2 ${orientationClass === "horizontal"
+                                    ? "align-items-center"
+                                    : "align-items-start"} ${orientationClass}` }, { children: eachItem.template })))] }), eachItem.id)))] })), withButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex${orientationClass === "horizontal"
+                    ? ""
+                    : " flex-column align-self-center"} gap-2 mt-5` }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === 0, onClick: handlePrev }, { children: "Prev" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === stepsItems.length - 1, onClick: handleNext }, { children: "Next" }))] })))] }));
+};
+exports.default = ProgressSteps;

package/dist/components copy/progress_bar_round/circle-progress-bar.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircleProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = "var(--primary-600)", strokeBgColor = "var(--gray-300)", value = -1, textDisabled = false, textClassName = "text-lg text-gray-700 font-normal", valueTextClassName = "text-2xl, text-gray-700 font-bold", className, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `relative flex align-items-center justify-content-center${!!className ? ` ${className}` : ""}`, style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: {
+                    width: `${height}px`,
+                    height: `${height}px`,
+                    transform: "rotate(-90deg)",
+                    position: "absolute",
+                    top: "0",
+                    zIndex: "10",
+                } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", strokeWidth: strokeWidth, style: {
+                            strokeDasharray: "256.92",
+                            strokeDashoffset: `${256.92 - (256.92 / 100) * value}`,
+                            strokeLinecap: "round",
+                            stroke: `${strokeColor}`,
+                        } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: {
+                    width: `${height}px`,
+                    height: `${height}px`,
+                    position: "absolute",
+                    transform: "rotate(-90deg)",
+                } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", strokeWidth: strokeWidth, style: {
+                            strokeDasharray: "256.92",
+                            strokeDashoffset: "0",
+                            strokeLinecap: "round",
+                            stroke: `${strokeBgColor}`,
+                        } }) })) })), !textDisabled && ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: textClassName }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: valueTextClassName }, { children: [value, "%"] }))] })))] })));
+};
+exports.default = CircleProgressComponent;

package/dist/components copy/progress_bar_round/half-circle-progres-bar.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HalfProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false }) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "180.46", strokeDashoffset: `${(180.46 - ((180.46 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "128.46", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !textDisabled && (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base" }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-4xl my-2" }, { children: [value, "%"] }))] }))] })) }));
+};
+exports.default = HalfProgressComponent;

package/dist/components copy/radio-button/radio-button.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const radiobutton_1 = require("primereact/radiobutton");
+exports.default = radiobutton_1.RadioButton;

package/dist/components copy/range-slider/slider.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const custom_slider_1 = tslib_1.__importDefault(require("../custom-slider/custom-slider"));
+exports.default = custom_slider_1.default;

package/dist/components copy/rating/rating.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rating_1 = require("primereact/rating");
+exports.default = rating_1.Rating;

package/dist/components copy/scroll-panel/scrollPanel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const scrollpanel_1 = require("primereact/scrollpanel");
+exports.default = scrollpanel_1.ScrollPanel;

package/dist/components copy/scroll-top/scrollTop.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const scrolltop_1 = require("primereact/scrolltop");
+exports.default = scrolltop_1.ScrollTop;

package/dist/components copy/select-button/select-button.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const selectbutton_1 = require("primereact/selectbutton");
+exports.default = selectbutton_1.SelectButton;