fui-material 0.2.59 → 0.2.61

package/dist/bundle.js

@@ -0,0 +1,1398 @@
+'use strict';
+
+var React = require('react');
+
+const FButton = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, onClick, st, className, fullWidth, id, type = 'button' }) => {
+    if (fullWidth) {
+        if (st === undefined) {
+            st = {
+                width: '100%'
+            };
+        }
+        else {
+            st.width = '100%';
+        }
+    }
+    else {
+        if (st === undefined) {
+            st = {
+                width: "fit-content"
+            };
+        }
+        else {
+            st.width = "fit-content";
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { disabled: disabled, type: type, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, onClick: onClick, style: st, id: id }, children)));
+};
+
+const FButtonFile = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, fullWidth, id, onChange, multiple = false, maxCount, accept, spacing, direction }) => {
+    const fileRef = React.useRef();
+    const [files, setFiles] = React.useState([]);
+    if (fullWidth) {
+        if (st === undefined) {
+            st = {
+                width: '100%'
+            };
+        }
+        else {
+            st.width = '100%';
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { disabled: disabled, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, style: st, id: id, 
+            //@ts-ignore
+            onClick: () => fileRef.current.click() }, children),
+        React.createElement("input", { style: { display: 'none' }, 
+            //@ts-ignore
+            ref: fileRef, onChange: (e) => {
+                const newFiles = [...files];
+                //@ts-ignore
+                Object.values(e.target.files).map((opt) => {
+                    //@ts-ignore
+                    newFiles.push(opt);
+                });
+                // @ts-ignore
+                setFiles(newFiles);
+                // @ts-ignore
+                onChange(newFiles);
+            }, multiple: multiple, type: "file", hidden: true, maxCount: maxCount, accept: accept }),
+        React.createElement("div", { className: "custom-files-preview", id: "files", style: { marginTop: '16px' } },
+            React.createElement(FStack, { direction: direction, spacing: spacing }, files !== undefined &&
+                files.map((opt, index) => {
+                    return (React.createElement("span", { 
+                        // @ts-ignore
+                        key: `file-${opt.name}-${Math.round(+opt.size / 1024)}}`, className: "tag tag-default tag-file tag-block", style: {
+                            width: 'fit-content',
+                            display: 'flex',
+                            justifyContent: 'flex-end',
+                        } },
+                        React.createElement("span", { className: "tag-file-name" }, opt.name),
+                        React.createElement("span", { className: "tag-file-size" },
+                            "(",
+                            Math.round(+opt.size / 1024),
+                            " \u041A\u0411)"),
+                        React.createElement("div", { className: "cl-btn-3", style: {
+                                marginLeft: '16px',
+                                marginTop: '2px',
+                                width: '10px',
+                                height: '10px',
+                            }, onClick: () => {
+                                let arFiles = [...files];
+                                arFiles.splice(index, 1);
+                                //@ts-ignore
+                                setFiles(arFiles);
+                                if (arFiles.length === 0) {
+                                    // @ts-ignore
+                                    fileRef.current.value = null;
+                                    // @ts-ignore
+                                    onChange(null);
+                                }
+                                else {
+                                    // @ts-ignore
+                                    onChange(arFiles);
+                                }
+                            } },
+                            React.createElement("span", { className: "top" }),
+                            React.createElement("span", { className: "bot" }))));
+                })))));
+};
+
+const FLoadIcon = ({ size = 35, st, id, className, color = 'primary' }) => {
+    const randomId = React.useRef((Math.random() + 1).toString(36).substring(2));
+    return (React.createElement("div", { style: { margin: 0, padding: 0 } },
+        React.createElement("style", null,
+            `
+                    .f-load-icon-${randomId.current} {
+                        width: ${size}px;
+                        height: ${size * 2.25}px;
+                        -webkit-animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
+                        animation: anim-f-load-icon-${randomId.current} 2s linear infinite alternate;
+                        transform: perspective(${size * 2.5}px) rotateX(-45deg);
+                        border-width: ${size / 10}px !important;
+                    }
+                    `,
+            `@-webkit-keyframes anim-f-load-icon-${randomId.current} {
+                        0% {
+                            box-shadow: 0 0 inset;
+                        }
+                        100% {
+                            box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
+                        }
+                    }`,
+            `@keyframes anim-f-load-icon-${randomId.current} {
+                        0% {
+                            box-shadow: 0 0 inset;
+                        }
+                        100% {
+                            box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
+                        }
+                    }`),
+        React.createElement("span", { className: `f-load-icon f-load-icon-${randomId.current} ${color} ${className !== undefined ? className : ''}`, style: st, id: id })));
+};
+
+const FTextField = ({ label, value, onChange, type = 'text', onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, }) => {
+    if (fullWidth) {
+        if (st === undefined) {
+            st = {
+                width: '100%'
+            };
+        }
+        else {
+            st.width = '100%';
+        }
+    }
+    else {
+        if (st === undefined) {
+            st = {
+                width: 'fit-content'
+            };
+        }
+        else {
+            st.width = 'fit-content';
+        }
+    }
+    let style = {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    };
+    st = Object.assign({}, st, style);
+    if (value === null) {
+        value = '';
+    }
+    if (type === 'number' && (value === undefined)) {
+        value = '';
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `
+                form-group ${className !== undefined ? className : ''}`, style: st, id: id },
+            label &&
+                React.createElement("label", { className: "control-label with-offset", style: {
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis'
+                    } }, label),
+            React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
+                React.createElement("input", { placeholder: placeholder, style: {
+                        borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
+                    }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value, 
+                    //@ts-ignore
+                    onChange: onChange, type: type, className: "form-control", onBlur: onBlur, onFocus: onFocus }),
+                helpText !== undefined &&
+                    React.createElement("span", { style: {
+                            whiteSpace: 'initial',
+                            color: '#a6a3a3',
+                            fontSize: '12px'
+                        } }, helpText),
+                errText !== undefined && errText.length > 0 &&
+                    React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                        return (React.createElement("span", { key: index, style: {
+                                whiteSpace: 'initial',
+                                color: 'red'
+                            } }, opt));
+                    })),
+                load &&
+                    React.createElement("div", { className: 'input-load' },
+                        React.createElement(FLoadIcon, { size: 10 }))))));
+};
+
+const FStack = ({ children, alignItems, justifyContent, direction = 'column', spacing = 0, className, st, id }) => {
+    let style = {
+        gap: `${+spacing * 8}px`,
+        display: 'flex',
+        flexDirection: direction,
+        // @ts-ignore
+        WebkitBoxPack: justifyContent,
+        justifyContent: justifyContent,
+        // @ts-ignore
+        WebkitBoxAlign: alignItems,
+        alignItems: alignItems,
+    };
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className, style: style, id: id }, children)));
+};
+
+const FGrid = ({ children, className, st, id, obj, xs, sm, md, lg, xl, xxl, colAuto }) => {
+    let style = {
+        paddingBottom: '16px'
+    };
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null,
+        obj === 'container' &&
+            React.createElement("div", { className: `container` },
+                React.createElement("div", { className: `row ${className !== undefined ? className : ''}`, style: st, id: id }, children)),
+        obj === 'item' &&
+            React.createElement("div", { className: `${className !== undefined ? className : ''} ${xs !== undefined ? `col-${xs}` : ''} ${sm !== undefined ? `col-sm-${sm}` : ''} ${md !== undefined ? `col-md-${md}` : ''} ${lg !== undefined ? `col-lg-${lg}` : ''} ${xl !== undefined ? `col-lg-${lg}` : ''} ${xxl !== undefined ? `col-xxl-${xxl}` : ''} ${colAuto !== undefined ? colAuto : ''}`, style: style, id: id }, children),
+        obj === undefined &&
+            React.createElement("div", null, children)));
+};
+
+const FContainer = ({ children, className, st, id, maxWidth = 'container-xs' }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `${className !== undefined ? className : ''} ${maxWidth} f-container`, style: st, id: id }, children)));
+};
+
+const FPaper = ({ label, children, st, fontSizeLabel, id, className, fontSizeBody, onAnimationEnd, animated }) => {
+    React.useEffect(() => {
+        if (animated !== undefined) {
+            const element = document.getElementsByClassName(`animated-${animated.name}`)[0];
+            element === null || element === void 0 ? void 0 : element.setAttribute(animated.name, animated.value);
+        }
+    }, [animated === null || animated === void 0 ? void 0 : animated.value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `panel panel-default ${className} ${animated !== undefined ? `animated-${animated.name}` : ''}`, style: st, id: id, onAnimationEnd: onAnimationEnd },
+            label &&
+                React.createElement("div", { className: "panel-heading" },
+                    React.createElement("h3", { style: { fontSize: fontSizeLabel }, className: "panel-title" }, label)),
+            React.createElement("div", { className: "panel-body", style: { fontSize: fontSizeBody } }, children))));
+};
+
+const FTable = ({ st, children, id, className, onClick, overflowX = "auto" }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FStack, { direction: 'row', spacing: 2, st: { overflowX: overflowX } },
+            React.createElement("table", { className: `table table-bordered table-bordered-half ${className}`, style: st, id: id, onClick: onClick }, children))));
+};
+
+const FTableHead = ({ st, children, id, className, onClick }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("thead", { style: st, id: id, className: className, onClick: onClick }, children)));
+};
+
+const FTableBody = ({ st, children, id, className, onClick }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("tbody", { style: st, className: className, id: id, onClick: onClick }, children)));
+};
+
+const FTableRow = ({ st, children, onClick, id, className }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("tr", { style: st, onClick: onClick, id: id, className: className }, children)));
+};
+
+const FTableHeaderCell = ({ st, row, col, children, onClick, id, className }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("th", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, className: className }, children)));
+};
+
+const FTableDataCell = ({ st, row, col, children, onClick, id, onBlur, onFocus, className }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("td", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, onBlur: onBlur, onFocus: onFocus, className: className }, children)));
+};
+
+const FTableFooter = ({ st, children, id, className, onClick }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("tfoot", { style: st, id: id, className: className, onClick: onClick }, children)));
+};
+
+// *********************************************************************************************************************
+// Родительский компонет диалогового окна
+// *********************************************************************************************************************
+const FDialog = ({ openAndClose, closeButtonBackPage, hide, children, id, className, st, width = 'lg' }) => {
+    React.useEffect(() => {
+        if (document.getElementsByClassName("active-dialog").length > 0) {
+            document.body.classList.add('open-dialog');
+        }
+        else {
+            document.body.classList.remove('open-dialog');
+        }
+    }, [openAndClose]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `${openAndClose ? 'f-dialog active-dialog' : 'f-dialog'} ${className !== undefined ? className : ''}`, onClick: () => closeButtonBackPage && closeButtonBackPage(false), id: id, style: st },
+            React.createElement("div", { className: `${openAndClose ? 'f-dialog-content active' : 'f-dialog-content'} ${hide ? 'hide' : ''}`, style: {
+                    width: width === 'xxl' ? '95vw' : width === 'lg' ? '80vw' : width === 'md' ? '65vw' : width === 'xs' ? '50vw' : 'fit-content'
+                }, onClick: (e) => e.stopPropagation() }, children))));
+};
+
+// *********************************************************************************************************************
+// Головная часть компонента диалогового окна
+// *********************************************************************************************************************
+const FDialogHeader = ({ title, handleClose, }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "dialog-header" },
+            React.createElement("div", null,
+                React.createElement("h3", { className: "dialog-title", style: { margin: 0 } }, title === undefined ? '' : title)),
+            handleClose !== undefined &&
+                React.createElement("div", null,
+                    React.createElement("div", { className: "cl-btn-3", onClick: handleClose },
+                        React.createElement("span", { className: "top" }),
+                        React.createElement("span", { className: "bot" }))))));
+};
+
+// *********************************************************************************************************************
+// Основная часть компонента диалогового окна
+// *********************************************************************************************************************
+const FDialogBody = ({ st, children, scroll }) => {
+    let style = {};
+    if (scroll) {
+        style['overflowY'] = 'auto';
+    }
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "dialog-body", style: style }, children)));
+};
+
+// *********************************************************************************************************************
+// Нижняя часть компонента диалогового окна
+// *********************************************************************************************************************
+const FDialogFooter = ({ children }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'dialog-footer' }, children)));
+};
+
+// *********************************************************************************************************************
+// Родительский компонет прогресс бара
+// *********************************************************************************************************************
+const FProgress = ({ st, color = 'primary' }) => {
+    let style = {
+        borderTopColor: color === 'primary' ? '#007bff' :
+            color === 'secondary' ? '#6c757d' :
+                color === 'success' ? '#28a745' :
+                    color === 'danger' ? '#dc3545' :
+                        color === 'warning' ? '#ffc107' :
+                            color === 'info' ? '#17a2b8' :
+                                color === 'light' ? '#f8f9fa' :
+                                    color === 'dark' ? '#343a40' : '#007bff'
+    };
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: style, className: 'f-progress' })));
+};
+
+// *********************************************************************************************************************
+// Родительский компонет прелоадера
+// *********************************************************************************************************************
+const FPreloader = ({ st, backgroundColor = '#e0e0e0', children, open }) => {
+    if (open) {
+        document.body.style.overflow = 'hidden';
+    }
+    else {
+        document.body.style.overflow = 'auto';
+    }
+    let style = {
+        backgroundColor: backgroundColor,
+        display: open ? 'block' : 'none'
+    };
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "f-preloader", style: style },
+            React.createElement("div", { className: "f-preloader-row" }, children))));
+};
+
+const FCheckbox = ({ label, onChange, defaultChecked, className, id, st, checked, disabled }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `f-checkbox ${className !== undefined ? className : ''}`, id: id, style: st },
+            React.createElement("label", null,
+                React.createElement("input", { defaultChecked: defaultChecked, type: "checkbox", onChange: onChange, checked: checked, disabled: disabled }),
+                label))));
+};
+
+const FRadioButton = ({ label, onClick, className, id, st, checked, disabled }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `f-radio ${className !== undefined ? className : ''}`, id: id, style: st },
+            React.createElement("label", null,
+                React.createElement("input", { type: "radio", onClick: onClick, checked: checked, disabled: disabled }),
+                label))));
+};
+
+const DOTS = '...';
+const range = (start, end) => {
+    let length = end - start + 1;
+    return Array.from({ length }, (_, idx) => idx + start);
+};
+const usePagination = ({ totalCount, pageSize, siblingCount = 1, currentPage }) => {
+    const paginationRange = React.useMemo(() => {
+        const totalPageCount = Math.ceil(totalCount / pageSize);
+        const totalPageNumbers = siblingCount + 5;
+        if (totalPageNumbers >= totalPageCount) {
+            return range(1, totalPageCount);
+        }
+        const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+        const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
+        const shouldShowLeftDots = leftSiblingIndex > 2;
+        const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+        const firstPageIndex = 1;
+        const lastPageIndex = totalPageCount;
+        if (!shouldShowLeftDots && shouldShowRightDots) {
+            let leftItemCount = 3 + 2 * siblingCount;
+            let leftRange = range(1, leftItemCount);
+            return [...leftRange, DOTS, totalPageCount];
+        }
+        if (shouldShowLeftDots && !shouldShowRightDots) {
+            let rightItemCount = 3 + 2 * siblingCount;
+            let rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
+            return [firstPageIndex, DOTS, ...rightRange];
+        }
+        if (shouldShowLeftDots && shouldShowRightDots) {
+            let middleRange = range(leftSiblingIndex, rightSiblingIndex);
+            return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+        }
+    }, [totalCount, pageSize, siblingCount, currentPage]);
+    return paginationRange;
+};
+
+const FPagination = ({ currentPage, totalCount, pageSize, onPageChange, id, className, st, siblingCount }) => {
+    const paginationRange = usePagination({
+        currentPage,
+        totalCount,
+        siblingCount,
+        pageSize
+    });
+    // @ts-ignore
+    if (currentPage === 0 || paginationRange.length < 2) {
+        return null;
+    }
+    const onNext = () => {
+        onPageChange(currentPage + 1);
+    };
+    const onPrevious = () => {
+        onPageChange(currentPage - 1);
+    };
+    // @ts-ignore
+    let lastPage = paginationRange[paginationRange.length - 1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("ul", { className: `pagination-container ${className !== undefined ? className : ''}`, style: st, id: `${id !== undefined ? id : ''}` },
+            React.createElement("li", { className: `pagination-item ${currentPage === 1 ? 'disabled' : ''}`, onClick: onPrevious },
+                React.createElement("div", { className: "arrow left" })),
+            paginationRange.map(pageNumber => {
+                if (pageNumber === DOTS) {
+                    return React.createElement("li", { className: "pagination-item dots" }, "\u2026");
+                }
+                return (React.createElement("li", { className: `pagination-item ${pageNumber === currentPage ? 'selected' : ''}`, id: 'test-id', onClick: () => onPageChange(pageNumber) }, pageNumber));
+            }),
+            React.createElement("li", { className: `pagination-item ${currentPage === lastPage ? 'disabled' : ''}`, onClick: onNext },
+                React.createElement("div", { className: "arrow right" })))));
+};
+
+const FTimeline = ({ children, st, id, className }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `fv-timeline ${className !== undefined ? className : ''}`, style: st, id: id }, children)));
+};
+
+const FTimelineCard = ({ children, st, title, id, className }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `fv-tl-block-card ${className !== undefined ? className : ''}`, id: id },
+            React.createElement("div", { className: 'fv-tl-line-circle' }),
+            React.createElement(FPaper, { label: title, st: st, className: 'fv-tl-card' }, children))));
+};
+
+const FCloseIcon = ({ color = 'primary', size = 70, st, id, className, handleClose }) => {
+    return (React.createElement("svg", { width: size, style: st, className: `bi bi-x-lg ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClose, id: id },
+        React.createElement("path", { d: "M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" })));
+};
+
+const FArrowIcon = ({ color = 'primary', size = 32, st, direction = 'right', handleClick, id, className }) => {
+    const style = {
+        transform: `rotate(
+                         ${direction === 'down' ? 90 :
+            direction === 'up' ? -90 :
+                direction === 'right' ? 0 :
+                    180}deg)`
+    };
+    st = Object.assign({}, style, st);
+    return (React.createElement("svg", { width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", className: `arrow-icon ${color} ${className !== undefined ? className : ''}`, style: st, onClick: handleClick, id: id },
+        React.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" })));
+};
+
+const FPlusIcon = ({ color = 'primary', size = 32, st, className, id, handleClick }) => {
+    return (React.createElement("svg", { onClick: handleClick, className: `MuiSvgIcon-root MuiSvgIcon-fontSizeMedium ${color} ${className !== undefined ? className : ''}`, id: id, width: size, style: st, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "AddCircleOutlineOutlinedIcon" },
+        React.createElement("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })));
+};
+
+const FTrashIcon = ({ color = "primary", size = 32, st, id, className, handleClick, }) => {
+    return (React.createElement("svg", { onClick: handleClick, xmlns: "http://www.w3.org/2000/svg", width: size, style: st, className: `bi bi-trash ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id },
+        React.createElement("path", { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" }),
+        React.createElement("path", { fillRule: "evenodd", d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" })));
+};
+
+const FCheckIcon = ({ color = 'success', size = 30, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, viewBox: "0 0 16 16", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
+        React.createElement("path", { clipRule: "evenodd", d: "M15.4142 4.41421L6 13.8284L0.585785 8.41421L3.41421 5.58578L6 8.17157L12.5858 1.58578L15.4142 4.41421Z", fillRule: "evenodd" })));
+};
+
+const FListIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, style: st, className: `bi bi-card-list ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id, onClick: handleClick },
+        React.createElement("path", { d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" }),
+        React.createElement("path", { d: "M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" })));
+};
+
+const FPenIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClick, id: id },
+        React.createElement("path", { d: "M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" })));
+};
+
+const FDownloadIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { style: st, id: id, width: size, onClick: handleClick, className: `bi bi-download download-icon ${color} ${className}`, viewBox: "0 0 16 16" },
+        React.createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
+        React.createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })));
+};
+
+const FCopyAddIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 32 32", onClick: handleClick, id: id },
+        React.createElement("path", { d: "M27.2,8.22H23.78V5.42A3.42,3.42,0,0,0,20.36,2H5.42A3.42,3.42,0,0,0,2,5.42V20.36a3.42,3.42,0,0,0,3.42,3.42h2.8V27.2A2.81,2.81,0,0,0,11,30H27.2A2.81,2.81,0,0,0,30,27.2V11A2.81,2.81,0,0,0,27.2,8.22ZM5.42,21.91a1.55,1.55,0,0,1-1.55-1.55V5.42A1.54,1.54,0,0,1,5.42,3.87H20.36a1.55,1.55,0,0,1,1.55,1.55v2.8H11A2.81,2.81,0,0,0,8.22,11V21.91ZM28.13,27.2a.93.93,0,0,1-.93.93H11a.93.93,0,0,1-.93-.93V11a.93.93,0,0,1,.93-.93H27.2a.93.93,0,0,1,.93.93Z" }),
+        React.createElement("path", { d: "M24.09,18.18H20v-4a.93.93,0,1,0-1.86,0v4h-4a.93.93,0,0,0,0,1.86h4v4.05a.93.93,0,1,0,1.86,0V20h4.05a.93.93,0,1,0,0-1.86Z" })));
+};
+
+const FUnlinkIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "-0.5 0 25 25", onClick: handleClick, id: id, fill: 'none' },
+        React.createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M8.82996 3.86V6.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M5.32996 5.22L6.82996 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M14.7599 7.45L16.0399 6.16C16.6599 5.53 17.4799 5.21 18.2999 5.21C19.1199 5.21 19.9399 5.53 20.5599 6.16C21.8099 7.42 21.8099 9.46 20.5599 10.71L19.2899 11.98L17.8799 13.4L15.1699 16.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M12.33 5.22L10.83 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M15.1699 21.14V18.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M18.6699 19.79L17.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        React.createElement("path", { d: "M11.6699 19.79L13.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+
+const FFilterIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
+    return (React.createElement("svg", { width: size, viewBox: "0 0 24 24", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
+        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React.createElement("path", { fillRule: "nonzero", d: "M14 14v6l-4 2v-8L4 5V3h16v2l-6 9zM6.404 5L12 13.394 17.596 5H6.404z" })));
+};
+
+const FOpenImgFull = ({ id, className, st, imagesUrl, selectedImg, setSelectedImg, handleClose, openAndClose }) => {
+    let style = {
+        boxShadow: '2px 2px 10px 5px rgb(0 0 0 / 0%)',
+        backgroundColor: "inherit",
+        overflow: "inherit",
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        maxWidth: '80%',
+        maxHeight: '80%',
+        padding: '90px'
+    };
+    if (st !== undefined) {
+        style = Object.assign(style, st);
+    }
+    return (React.createElement(React.Fragment, null, imagesUrl.length !== 0 && selectedImg >= 0 && selectedImg < imagesUrl.length &&
+        React.createElement(FDialog, { openAndClose: openAndClose, st: style, className: className, id: id },
+            React.createElement("div", { className: 'fv-opn-img-full-body' },
+                React.createElement(FStack, { direction: 'row-reverse', spacing: 2 },
+                    React.createElement("div", { style: {
+                            position: 'fixed',
+                            top: '70px',
+                            right: '20px'
+                        } }, handleClose !== undefined &&
+                        React.createElement(FCloseIcon, { handleClose: () => {
+                                handleClose();
+                                document.body.style.overflow = 'auto';
+                            } })),
+                    React.createElement(FStack, { direction: 'row', spacing: 2, alignItems: 'center', justifyContent: 'center' },
+                        selectedImg > 0 ?
+                            React.createElement(FArrowIcon, { direction: 'left', handleClick: () => setSelectedImg(selectedImg - 1) })
+                            :
+                                React.createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164"),
+                        React.createElement("img", { className: 'open-full-img', src: imagesUrl[selectedImg], style: {
+                                objectFit: 'contain',
+                                width: '100%',
+                                maxHeight: '80%',
+                            } }),
+                        selectedImg < imagesUrl.length - 1 ?
+                            React.createElement(FArrowIcon, { direction: 'right', handleClick: () => setSelectedImg(selectedImg + 1) })
+                            :
+                                React.createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164")))))));
+};
+
+const FAccordion = ({ variant = 'info', title, children, id, className, st, defaultOpen }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `card ${className !== undefined ? className : ''}`, id: id },
+            React.createElement("details", { className: `${variant}`, open: defaultOpen, style: st },
+                React.createElement("summary", { className: 'fv-accord-title' }, title),
+                children))));
+};
+
+const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple = false, onChange, disabled = false, deleteFile, title }) => {
+    let disabledColor = {
+        customFileLabel: undefined,
+        svgIcon: undefined,
+        span: undefined,
+        b: undefined,
+    };
+    if (disabled) {
+        disabledColor = {
+            customFileLabel: {
+                backgroundColor: '#F3F3F3',
+                borderRadius: '8px',
+                border: '1px dashed #C4C4C4'
+            },
+            svgIcon: {
+                color: '#888888'
+            },
+            span: {
+                color: '#C4C4C4'
+            },
+            b: {
+                color: '#888888'
+            }
+        };
+    }
+    const inputRef = React.useRef({
+        value: undefined
+    });
+    React.useEffect(() => {
+        if (deleteFile) {
+            inputRef.current.value = null;
+        }
+    }, [deleteFile]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "custom-file custom-file-dropzone", style: st },
+            React.createElement("input", { accept: accept, type: "file", className: `custom-file-input ${className !== undefined ? className : ''}`, name: name, id: id, title: title, "data-max-size": dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.size, multiple: multiple, onChange: (e) => {
+                    if (e.target.files && e.target.files[0]) {
+                        let maximumSize = undefined;
+                        if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'МБ') {
+                            maximumSize = dataMaxSize.size * 1024 * 1024; // Перевод из мегабайт в байты
+                        }
+                        else if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'КБ')
+                            (maximumSize = dataMaxSize.size * 1024 // Перевод из килобайт в байты
+                            );
+                        if (maximumSize !== undefined) {
+                            const dt = new DataTransfer();
+                            Object.values(e.target.files).forEach((file) => {
+                                //@ts-ignore
+                                if (file.size <= maximumSize)
+                                    dt.items.add(file);
+                            });
+                            onChange(dt.files);
+                        }
+                        else {
+                            onChange(e.target.files);
+                        }
+                    }
+                }, disabled: disabled, 
+                //@ts-ignore
+                ref: inputRef }),
+            React.createElement("label", { className: "custom-file-label", style: disabledColor.customFileLabel },
+                React.createElement("svg", { className: "svg-icon icon-md", focusable: "false", role: "img", viewBox: "0 0 36 35", style: disabledColor.svgIcon },
+                    React.createElement("path", { d: "M19.035 16.465a1.458 1.458 0 0 0-2.041 0l-4.376 4.229a1.459 1.459 0 1 0 2.013 2.1l1.91-1.852v8.225a1.458 1.458 0 1 0 2.917 0v-8.152l1.881 1.895a1.459 1.459 0 0 0 2.071 0 1.457 1.457 0 0 0 0-2.07l-4.375-4.375z" }),
+                    React.createElement("path", { d: "M26.269 10.208a8.75 8.75 0 0 0-16.538 0 7.292 7.292 0 0 0-4.491 12.06 1.457 1.457 0 1 0 2.187-1.851 4.375 4.375 0 0 1 3.282-7.292h.145a1.458 1.458 0 0 0 1.459-1.167 5.833 5.833 0 0 1 11.433 0 1.458 1.458 0 0 0 1.458 1.167h.088a4.376 4.376 0 0 1 3.281 7.292 1.457 1.457 0 0 0 .131 2.07 1.458 1.458 0 0 0 1.563.235c.189-.085.357-.21.494-.366a7.292 7.292 0 0 0-4.492-12.148z" })),
+                React.createElement("br", null),
+                React.createElement("span", { style: disabledColor.span },
+                    React.createElement("b", { style: disabledColor.b }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435"),
+                    " \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438",
+                    React.createElement("br", null),
+                    " ",
+                    React.createElement("small", null,
+                        "\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
+                        dataMaxSize.size,
+                        " ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
+                        dataMaxSize.dimension))))));
+};
+
+const FFile = ({ id, className, st, handleDelete, name }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FStack, { direction: 'row', spacing: 1, className: className, id: id, st: st },
+            React.createElement("svg", { className: "svg-icon text-primary", focusable: "false", role: "img", viewBox: "0 0 24 24" },
+                React.createElement("path", { d: "M15 16H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zm-6-2h3a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" }),
+                React.createElement("path", { d: "M19.74 8.33l-5.44-6a1 1 0 0 0-.74-.33h-7A2.53 2.53 0 0 0 4 4.5v15A2.53 2.53 0 0 0 6.56 22h10.88A2.53 2.53 0 0 0 20 19.5V9a1 1 0 0 0-.26-.67zM14 5l2.74 3h-2a.79.79 0 0 1-.74-.85V5zm3.44 15H6.56a.532.532 0 0 1-.56-.5v-15a.53.53 0 0 1 .56-.5H12v3.15A2.79 2.79 0 0 0 14.71 10H18v9.5a.53.53 0 0 1-.56.5z" })),
+            React.createElement(FStack, { direction: 'row', justifyContent: 'space-between', st: { width: '100%' } },
+                React.createElement("span", null, name),
+                React.createElement(FCloseIcon, { handleClose: handleDelete, st: {
+                        width: '10px',
+                        height: '10px',
+                        marginTop: '7px',
+                        marginRight: '15px',
+                        marginLeft: '8px'
+                    } })))));
+};
+
+const FSelect = ({ label, st, onChange, children, value, multiple, size, fullWidth, disabled, defaultValue, id, className, load = false, errText, helpText, }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `form-group ${className !== undefined ? className : ''}`, style: {
+                width: fullWidth ? '100%' : 'fit-content',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+            }, id: id },
+            React.createElement("label", { className: "control-label with-offset", style: {
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis'
+                } }, label),
+            React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
+                React.createElement("select", { disabled: disabled || load, style: Object.assign({}, st, { borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4' }), className: "form-control", onChange: onChange, value: load ? undefined : value, multiple: multiple, size: size, defaultValue: defaultValue }, !load &&
+                    children),
+                helpText !== undefined &&
+                    React.createElement("span", { style: {
+                            whiteSpace: 'initial',
+                            color: '#a6a3a3',
+                            fontSize: '12px'
+                        } }, helpText),
+                errText !== undefined && errText.length > 0 &&
+                    React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                        return (React.createElement("span", { key: index, style: {
+                                whiteSpace: 'initial',
+                                color: 'red'
+                            } }, opt));
+                    })),
+                load &&
+                    React.createElement("div", { className: 'input-load' },
+                        React.createElement(FLoadIcon, { size: 10 }))))));
+};
+
+const FSelectItem = ({ st, value, children, onClick, disabled, className, id }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("option", { selected: true, disabled: disabled, onClick: onClick, style: st, value: value, className: className, id: id }, children)));
+};
+
+const FFullDateField = ({ label, st, value, onChange, fullWidth, defaultValue, disabled, readOnly, onkeydown, min, max, load = false, errText, helpText, onBlur, onFocus }) => {
+    let style = {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        width: fullWidth ? '100%' : 'fit-content'
+    };
+    st = Object.assign({}, st, style);
+    if (typeof value === 'number') {
+        value = new Date(value).toISOString().split('T')[0];
+    }
+    else if (value === undefined || value === null) {
+        value = '';
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `form - group ${load ? 'ui left icon input loading' : ''}`, style: st },
+            label &&
+                React.createElement("label", { className: "control-label", style: {
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis'
+                    } }, label),
+            React.createElement("input", { min: min, max: max, onKeyDown: onkeydown, readOnly: readOnly, onBlur: onBlur, onFocus: onFocus, disabled: disabled || load, required: true, style: {
+                    borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
+                }, defaultValue: defaultValue, value: load ? '' : value, 
+                //@ts-ignore
+                onChange: onChange, type: 'date', className: "form-control" }),
+            helpText !== undefined &&
+                React.createElement("span", { style: {
+                        whiteSpace: 'initial',
+                        color: '#a6a3a3',
+                        fontSize: '12px'
+                    } }, helpText),
+            errText !== undefined && errText.length > 0 &&
+                React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                    return (React.createElement("span", { key: index, style: {
+                            whiteSpace: 'initial',
+                            color: 'red'
+                        } }, opt));
+                })),
+            load &&
+                React.createElement("div", { className: 'input-load' },
+                    React.createElement(FLoadIcon, { size: 10 })))));
+};
+
+const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, className, disabled, readOnly, fullWidth, label, onBlur, onFocus, errText, helpText, minLengthText }) => {
+    const [valueInput, setValueInput] = React.useState('');
+    const [arrObject, setArrObject] = React.useState([]);
+    const timerDebounceRef = React.useRef();
+    const [load, setLoad] = React.useState(false);
+    const handlerOnChange = (e) => {
+        const text = e.target.value;
+        setValueInput(text);
+        if (timerDebounceRef.current) {
+            clearTimeout(timerDebounceRef.current);
+        }
+        if (text !== '') {
+            if (minLengthText !== undefined && text.length === minLengthText) {
+                timerDebounceRef.current = setTimeout(() => {
+                    setLoad(true);
+                    fetchingFunc(e.target.value).then(r => {
+                        setArrObject(r);
+                        setLoad(false);
+                    });
+                }, 1000);
+            }
+            else {
+                timerDebounceRef.current = setTimeout(() => {
+                    setLoad(true);
+                    fetchingFunc(e.target.value).then(r => {
+                        setArrObject(r);
+                        setLoad(false);
+                    });
+                }, 1000);
+            }
+        }
+        else {
+            setArrObject([]);
+            setLoad(false);
+        }
+    };
+    let style = {
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        width: 'fit-content'
+    };
+    st = Object.assign({}, st, style);
+    if (fullWidth) {
+        st.width = '100%';
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `select-search-db ${className !== undefined ? className : ''} ${load ? 'ui left icon input loading' : ''}`, style: st, id: id },
+            label &&
+                React.createElement("label", { className: "control-label with-offset", style: {
+                        whiteSpace: 'nowrap',
+                        textOverflow: 'ellipsis'
+                    } }, label),
+            React.createElement("div", { className: 'select-search-db-input-block' },
+                React.createElement("input", { readOnly: readOnly, disabled: disabled || load, required: true, style: {
+                        borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
+                    }, type: 'text', className: "form-control select-search-db-input", value: valueInput, onChange: handlerOnChange, onFocus: onFocus, onBlur: onBlur }),
+                (!load && !disabled) &&
+                    React.createElement("div", { className: 'select-search-db-input-arrow' },
+                        React.createElement(FArrowIcon, { direction: 'down', size: 15 })),
+                load &&
+                    React.createElement("div", { className: 'select-search-db-input-load' },
+                        React.createElement(FLoadIcon, { size: 10 }))),
+            (!load && arrObject !== undefined && arrObject.length > 0) &&
+                React.createElement("div", { className: 'select-search-db-dropdown' },
+                    React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, arrObject.slice(0, 10).map((opt, index) => (React.createElement("li", { key: index, onClick: (e) => {
+                            selectedElement(opt);
+                            //@ts-ignore
+                            setValueInput(e.target.textContent);
+                        } }, selectItem(opt)))))),
+            helpText !== undefined &&
+                React.createElement("span", { style: {
+                        whiteSpace: 'initial',
+                        color: '#a6a3a3',
+                        fontSize: '12px'
+                    } }, helpText),
+            errText !== undefined && errText.length > 0 &&
+                React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                    return (React.createElement("span", { key: index, style: {
+                            whiteSpace: 'initial',
+                            color: 'red'
+                        } }, opt));
+                })))));
+};
+
+const FTextArea = ({ label, st, value, cols, rows, placeholder, readOnly, disabled, autoComplete, className, id, fullWidth, onChange, onClick, onFocus, errText, helpText, load, }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: {
+                width: fullWidth ? '100%' : 'fit-content'
+            }, className: `control-group ${className !== undefined ? className : ''}`, id: id },
+            React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''} form-group`, style: st },
+                label &&
+                    React.createElement("label", { className: "control-label with-offset required" }, label),
+                React.createElement("textarea", { onClick: onClick, onFocus: onFocus, cols: cols, rows: rows, style: {
+                        borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
+                    }, disabled: disabled || load, readOnly: readOnly, 
+                    //@ts-ignore
+                    autoComplete: autoComplete, required: true, value: load ? undefined : value, placeholder: placeholder, className: "form-control", onChange: onChange }),
+                helpText !== undefined &&
+                    React.createElement("span", { style: {
+                            whiteSpace: 'initial',
+                            color: '#a6a3a3',
+                            fontSize: '12px'
+                        } }, helpText),
+                errText !== undefined && errText.length > 0 &&
+                    React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                        return (React.createElement("span", { key: index, style: {
+                                whiteSpace: 'initial',
+                                color: 'red'
+                            } }, opt));
+                    })),
+                load &&
+                    React.createElement("div", { className: 'input-load' },
+                        React.createElement(FLoadIcon, { size: 10 }))))));
+};
+
+const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, vertical = 'center', horizontal = 'center', buttonClose = false, size }) => {
+    const visible = React.useRef();
+    const hidden = React.useRef();
+    const close = React.useRef();
+    const randomId = React.useRef((Math.random() + 1).toString(36).substring(2));
+    let newTime = displayTime;
+    React.useEffect(() => {
+        const progress = document.getElementById(`f-alert-progress-value-${randomId.current}`);
+        visible.current = setTimeout(() => {
+            if (open) {
+                const el = document.querySelector(`#f-block-alert-${randomId.current}`);
+                el.classList.add('f-alert-visible');
+                if (progress !== null) {
+                    progress.style.width = '0';
+                }
+            }
+        });
+        if (newTime !== undefined && open && onClose !== undefined) {
+            if (newTime < 1)
+                newTime = 1;
+            const el = document.querySelector(`#f-block-alert-${randomId.current}`);
+            progress.style.transition = `${newTime}s linear`;
+            hidden.current = setTimeout(() => {
+                el.classList.remove('f-alert-visible');
+                el.classList.add('f-alert-hidden');
+            }, (newTime - 1) * 1000);
+            close.current = setTimeout(() => {
+                onClose(false);
+                el.classList.remove('f-alert-hidden');
+                el.classList.remove('f-alert-visible');
+            }, newTime * 1000);
+        }
+    }, [open]);
+    const handlerIco = () => {
+        let ico = React.createElement(React.Fragment, null,
+            React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
+            React.createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
+        switch (variant) {
+            case 'info':
+                ico = React.createElement(React.Fragment, null,
+                    React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
+                    React.createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
+                break;
+            case "success":
+                ico = React.createElement(React.Fragment, null,
+                    React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
+                    React.createElement("path", { d: "M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z" }));
+                break;
+            case 'error':
+                ico = React.createElement(React.Fragment, null,
+                    React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
+                    React.createElement("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" }));
+                break;
+            case 'warning':
+                ico = React.createElement(React.Fragment, null,
+                    React.createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
+                    React.createElement("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" }));
+                break;
+        }
+        return ico;
+    };
+    const handlerPosition = () => {
+        const styleVertical = {};
+        const styleHorizontal = {};
+        switch (vertical) {
+            case 'top':
+                styleVertical.top = 0;
+                break;
+            case 'bottom':
+                styleVertical.bottom = 0;
+                break;
+            case 'center':
+                if (vertical === 'center' && horizontal !== 'center') {
+                    styleVertical.transform = 'translateY(-50%)';
+                }
+                styleVertical.top = '50%';
+                break;
+        }
+        switch (horizontal) {
+            case 'left':
+                styleHorizontal.left = 0;
+                break;
+            case 'right':
+                styleHorizontal.right = 0;
+                break;
+            case 'center':
+                if (vertical === 'center' && horizontal === 'center') {
+                    styleHorizontal.transform = 'translate(-50%, -50%)';
+                }
+                else {
+                    styleHorizontal.transform = 'translateX(-50%)';
+                }
+                styleHorizontal.left = '50%';
+                break;
+        }
+        return Object.assign({}, styleHorizontal, styleVertical);
+    };
+    return (React.createElement(React.Fragment, null, open &&
+        React.createElement("div", { className: 'f-block-alert', id: `f-block-alert-${randomId.current}` },
+            React.createElement("div", { className: "f-alert-component", style: handlerPosition() },
+                React.createElement("div", { className: 'f-alert' },
+                    React.createElement("div", { className: `f-alert-ico ${variant}` },
+                        React.createElement("svg", { width: "28", height: "28", viewBox: "0 0 16 16" }, handlerIco())),
+                    React.createElement("div", { className: 'f-alert-inside', style: { width: size !== undefined ? `${size}` : "fit-content" } },
+                        React.createElement("div", { className: 'f-alert-header' },
+                            React.createElement("h4", null, title !== undefined ? title : ''),
+                            (buttonClose && onClose) &&
+                                React.createElement(FCloseIcon, { size: 25, st: {
+                                        cursor: 'pointer'
+                                    }, handleClose: () => {
+                                        const el = document.querySelector(`#f-block-alert-${randomId.current}`);
+                                        el.classList.remove('f-alert-visible');
+                                        el.classList.add('f-alert-hidden');
+                                        onClose(false);
+                                        el.classList.remove('f-alert-visible');
+                                        el.classList.remove('f-alert-hidden');
+                                        clearTimeout(visible.current);
+                                        clearTimeout(hidden.current);
+                                        clearTimeout(close.current);
+                                    } })),
+                        React.createElement("div", { className: 'f-alert-body' },
+                            React.createElement("span", null, body))),
+                    newTime &&
+                        React.createElement("div", { className: 'f-alert-progress' },
+                            React.createElement("div", { className: "f-alert-progress-bar" },
+                                React.createElement("div", { className: `f-alert-progress-value ${variant}`, id: `f-alert-progress-value-${randomId.current}` }))))))));
+};
+
+const FNative = ({ label, id, className, st, children, value, singleChoice, multipleChoice, disabled, size = 4, overflowX, width = '-webkit-fill-available', fullWidth }) => {
+    const handleSingleChoice = (event) => {
+        if (singleChoice) {
+            let a = [];
+            a.push(event.target.value);
+            singleChoice(a);
+        }
+    };
+    const handlerMultipleChoice = (event) => {
+        const { options } = event.target;
+        const value = [];
+        for (let i = 0, l = options.length; i < l; i += 1) {
+            if (options[i].selected) {
+                value.push(options[i].value);
+            }
+        }
+        if (multipleChoice) {
+            multipleChoice(value);
+        }
+    };
+    if (fullWidth) {
+        if (st === undefined) {
+            st = {
+                width: '100%'
+            };
+        }
+        else {
+            st.width = '100%';
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `f-form-native ${className !== undefined ? className : ''}`, style: st, id: id },
+            React.createElement("label", { className: 'f-native-label' }, label),
+            React.createElement("select", { style: {
+                    overflowX: overflowX ? 'auto' : 'hidden',
+                    width: width
+                }, size: size, disabled: disabled, 
+                //@ts-ignore
+                value: value, multiple: true, className: 'f-native', onChange: (event) => {
+                    if (singleChoice) {
+                        handleSingleChoice(event);
+                    }
+                    else if (multipleChoice) {
+                        handlerMultipleChoice(event);
+                    }
+                } }, children))));
+};
+
+const FTabs = ({ children, id, className, st }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `f-tabs ${className !== undefined ? className : ''}`, id: id, style: st }, children)));
+};
+
+const FTab = ({ children, id, className, st, onClick, disabled, active }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { className: `f-tabs-btn ${active ? 'active' : ''} ${className !== undefined ? className : ''}`, disabled: disabled, onClick: onClick, id: id, style: st }, children)));
+};
+
+var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAEAQAAAAO4cAyAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAQPRJREFUeNrt3XfAFNXVBvDnDAIRjGAiYIyAXdRobNFoovTeJCJNEQuoYG9YozGxd4ldgiCISrXQpL0gWGKMYomCHWw06R3e+3x/TPhiobxld8/OzvP7T4G9Z+7M7Dk75VxARERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERKR8GGrVIitU8I5DpDTIChUYatXyjkNEJJEY6tZl+PRTcuBAMoq84xEpCdKM4bHHyLlzyX328Y5HRCRRyL32Ij//nP9vwAAVAZLvSDPy4Yf/d9zOm8ew337ecYmIJAJ5wAHkV1/xJ/r3J8284xPZkjj5P/jgT4/b+fPJgw/2jk9EJK+R9eqRX3/NrerXT0WA5Js4+ffrt/XjdsEChkMO8Y5TRCQvkYcdRi5cyO26917vWEW+j7zttu0ft0uWMBx1lHesIiJ5hTz8cHLx4u1/if5XuPtu75hFAIC8+eYSH7dcupTh6KO9YxYRyQvkkUeS331X8i/RzUXAnXd6xy7pRv7tb6U+brlsGfn733vHLiLiivzDH8jly0v/JbrZ9dd7b4OkE3nDDWU+bMOqVWSDBt7bICLiguH448kVK8qe/De79lrvbZF0IS+7rNyHbVi1imzUyHtbRERyiqxfn1y5svzJf7OrrvLeJkkH8uKLM3fcrl7N0LSp9zaJiOQEQ/Pm5Jo1mfsS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";
+
+const FDropdown = ({ label, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, id, children }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'f-dropdown' },
+            React.createElement(FButton, { variant: variant, color: color, size: size, disabled: disabled, st: st, className: `f-dropdown-bottom ${className !== undefined ? className : ''}`, id: id, onClick: () => {
+                    document.getElementsByClassName('#heading');
+                } },
+                React.createElement(FStack, { direction: 'row', spacing: 1, justifyContent: "center", alignItems: 'center' },
+                    label,
+                    React.createElement("img", { className: 'f-dropdown-down-arrow', src: img }))),
+            React.createElement("div", { className: "f-dropdown-content" }, children))));
+};
+
+const FDropdownItem = ({ disabled, st, className, id, children, onClick }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("li", { className: `f-dropdown-link ${className !== undefined ? className : ''} ${disabled ? 'disabled' : ''}`, id: id, style: st, onClick: onClick }, children)));
+};
+
+const FSearchBox = ({ label, value, onChange, type, onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, children, onClick, color, variant }) => {
+    let style = {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    };
+    st = Object.assign({}, st, style);
+    if (fullWidth) {
+        if (st === undefined) {
+            st = {
+                width: '100%'
+            };
+        }
+        else {
+            st.width = '100%';
+        }
+    }
+    else {
+        if (st === undefined) {
+            st = {
+                width: 'fit-content'
+            };
+        }
+        else {
+            st.width = 'fit-content';
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: `f-search-box
+                form-group`, style: st },
+            label &&
+                React.createElement("label", { className: "control-label with-offset", style: {
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis'
+                    } }, label),
+            React.createElement("div", { className: 'f-search-box-box' },
+                React.createElement("div", { className: `${load ? 'ui left icon input loading' : ''}`, style: { width: '100%' } },
+                    React.createElement("input", { id: id, placeholder: placeholder, style: {
+                            borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
+                        }, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value, 
+                        //@ts-ignore
+                        onChange: onChange, type: type === undefined ? 'text' : type, className: `form-control f-search-box-inp ${className !== undefined ? className : ''}`, onBlur: onBlur, onFocus: onFocus }),
+                    helpText !== undefined &&
+                        React.createElement("span", { style: {
+                                whiteSpace: 'initial',
+                                color: '#a6a3a3',
+                                fontSize: '12px'
+                            } }, helpText),
+                    errText !== undefined && errText.length > 0 &&
+                        React.createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
+                            return (React.createElement("span", { key: index, style: {
+                                    whiteSpace: 'initial',
+                                    color: 'red'
+                                } }, opt));
+                        })),
+                    load &&
+                        React.createElement("div", { className: 'input-load' },
+                            React.createElement(FLoadIcon, { size: 10 }))),
+                React.createElement(FButton, { st: {
+                        borderTopLeftRadius: '0',
+                        borderBottomLeftRadius: '0',
+                        height: '34px',
+                        whiteSpace: 'nowrap',
+                        textAlign: 'center',
+                    }, disabled: disabled, onClick: onClick, color: color, variant: variant }, children)))));
+};
+
+const fAlert = ({ title, body, variant = 'info' }) => {
+    let ico = '';
+    switch (variant) {
+        case 'info':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>';
+            break;
+        case "success":
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/>';
+            break;
+        case 'error':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>';
+            break;
+        case 'warning':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>';
+            break;
+    }
+    window.document.body.insertAdjacentHTML('afterbegin', `
+            <div class='f-function-block-alert' id='f-function-block-alert'>
+                <div class='f-function-alert'>
+                    <div class='f-function-alert-ico ${variant}-alert'>
+                        <svg width="28" height="28" viewBox="0 0 16 16">
+                            ${ico}
+                        </svg>
+                    </div>
+                    <div class='f-function-alert-inside'>
+                        <div class='f-function-alert-header'>
+                            <h4>${title !== undefined ? title : ''}</h4>
+                        </div>
+                        <div class='f-function-alert-body'>
+                            <span>${body}</span>
+                        </div>
+                        <div class='f-function-alert-footer'>
+                            <button
+                                class='btn btn-primary btn-sm'
+                                onclick='document.querySelector("#f-function-block-alert").remove()'
+                            >
+                                Закрыть
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `);
+};
+
+const fConfirm = ({ title, body }) => {
+    return new Promise((resolve) => {
+        window.document.body.insertAdjacentHTML('afterbegin', `
+            <div class='f-function-block-confirm' id='f-function-block-confirm'>
+                <div class='f-function-confirm'>
+                    <div class='f-function-confirm-ico warning'>
+                        <svg width="28" height="28" viewBox="0 0 16 16">
+                            <path
+                                d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+                            <path
+                                d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+                        </svg>
+                    </div>
+                    <div class='f-function-confirm-inside'>
+                        <div class='f-function-confirm-header'>
+                            <h4>${title !== undefined ? title : ''}</h4>
+                        </div>
+                        <div class='f-function-confirm-body'>
+                            <span>${body}</span>
+                        </div>
+                        <div class='f-function-confirm-footer'>
+                            <button
+                                id="f-function-confirm-ok"
+                                class='btn btn-success btn-sm'
+                                onclick='document.querySelector("#f-function-block-confirm").remove()'
+                            >
+                                Ок
+                            </button>
+                            <button
+                                id="f-function-confirm-cancellation"
+                                class='btn btn-danger btn-sm'
+                                onclick='document.querySelector("#f-function-block-confirm").remove()'
+                            >
+                                Отменить
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `);
+        let ok = document.querySelector('#f-function-confirm-ok');
+        let cancellation = document.querySelector('#f-function-confirm-cancellation');
+        ok.addEventListener('click', function () {
+            resolve(true);
+        });
+        cancellation.addEventListener('click', function () {
+            resolve(false);
+        });
+    });
+};
+
+function getValue(element) {
+    if (element) {
+        return element.value;
+    }
+    else {
+        return null;
+    }
+}
+const fPrompt = ({ title, body }) => {
+    return new Promise((resolve) => {
+        window.document.body.insertAdjacentHTML('afterbegin', `
+            <div class='f-function-block-prompt' id='f-function-block-prompt'>
+                <div class='f-function-prompt'>
+                   <div class='f-function-prompt-ico warning'>
+                        <svg width="28" height="28" viewBox="0 0 16 16">
+                            <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+                            <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+                        </svg>
+                    </div>
+                   <div class='f-function-prompt-inside'>
+                        <div class='f-function-prompt-header'>
+                            <h4>${title}</h4>
+                        </div>
+                        <div class='f-function-prompt-body'>
+                            <span>${body}</span>
+                            <input 
+                                type="text" 
+                                id="f-function-prompt-input"
+                                class="form-control f-function-prompt-input"
+                            />
+                        </div>
+                        <div class='f-function-prompt-footer'>
+                            <button
+                                id="f-function-prompt-ok"
+                                class='btn btn-success btn-sm'
+                                onclick='document.querySelector("#f-function-block-prompt").remove()'
+                            >
+                                Ок
+                            </button>
+                            <button
+                                id="f-function-prompt-cancellation"
+                                class='btn btn-danger btn-sm'
+                                onclick='document.querySelector("#f-function-block-prompt").remove()'
+                            >
+                                Отменить
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `);
+        let ok = document.querySelector('#f-function-prompt-ok');
+        let cancellation = document.querySelector('#f-function-prompt-cancellation');
+        let submit = document.querySelector('#f-function-prompt-input');
+        ok.addEventListener('click', function () {
+            resolve(getValue(submit));
+        });
+        cancellation.addEventListener('click', function () {
+            resolve(null);
+        });
+    });
+};
+
+exports.FAccordion = FAccordion;
+exports.FAlert = FAlert;
+exports.FArrowIcon = FArrowIcon;
+exports.FButton = FButton;
+exports.FButtonFile = FButtonFile;
+exports.FCheckIcon = FCheckIcon;
+exports.FCheckbox = FCheckbox;
+exports.FCloseIcon = FCloseIcon;
+exports.FContainer = FContainer;
+exports.FCopyAddIcon = FCopyAddIcon;
+exports.FDialog = FDialog;
+exports.FDialogBody = FDialogBody;
+exports.FDialogFooter = FDialogFooter;
+exports.FDialogHeader = FDialogHeader;
+exports.FDownloadIcon = FDownloadIcon;
+exports.FDropdown = FDropdown;
+exports.FDropdownItem = FDropdownItem;
+exports.FFile = FFile;
+exports.FFilterIcon = FFilterIcon;
+exports.FFullDateField = FFullDateField;
+exports.FGrid = FGrid;
+exports.FInputFileForm = FInputFileForm;
+exports.FListIcon = FListIcon;
+exports.FLoadIcon = FLoadIcon;
+exports.FNative = FNative;
+exports.FOpenImgFull = FOpenImgFull;
+exports.FPagination = FPagination;
+exports.FPaper = FPaper;
+exports.FPenIcon = FPenIcon;
+exports.FPlusIcon = FPlusIcon;
+exports.FPreloader = FPreloader;
+exports.FProgress = FProgress;
+exports.FRadioButton = FRadioButton;
+exports.FSearchBox = FSearchBox;
+exports.FSelect = FSelect;
+exports.FSelectItem = FSelectItem;
+exports.FSelectSearchDb = FSelectSearchDb;
+exports.FStack = FStack;
+exports.FTab = FTab;
+exports.FTable = FTable;
+exports.FTableBody = FTableBody;
+exports.FTableDataCell = FTableDataCell;
+exports.FTableFooter = FTableFooter;
+exports.FTableHead = FTableHead;
+exports.FTableHeaderCell = FTableHeaderCell;
+exports.FTableRow = FTableRow;
+exports.FTabs = FTabs;
+exports.FTextArea = FTextArea;
+exports.FTextField = FTextField;
+exports.FTimeline = FTimeline;
+exports.FTimelineCard = FTimelineCard;
+exports.FTrashIcon = FTrashIcon;
+exports.FUnlinkIcon = FUnlinkIcon;
+exports.fAlert = fAlert;
+exports.fConfirm = fConfirm;
+exports.fPrompt = fPrompt;