fui-material 0.1.81 → 0.1.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/material/FAlert/FAlert.d.ts +14 -0
- package/dist/cjs/types/material/FAlert/FAlert.stories.d.ts +7 -0
- package/dist/cjs/types/material/FAlert/index.d.ts +1 -0
- package/dist/cjs/types/material/FFullDateField/FFullDateField.d.ts +15 -0
- package/dist/cjs/types/material/FFullDateField/FFullDateField.stories.d.ts +9 -0
- package/dist/cjs/types/material/FFullDateField/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FIcoArrow/FIcoArrow.d.ts +11 -0
- package/dist/cjs/types/material/FIcons/FIcoArrow/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/FIcoClose.d.ts +10 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +12 -0
- package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +8 -0
- package/dist/cjs/types/material/FIcons/FPlusIcon/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +11 -0
- package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +8 -0
- package/dist/cjs/types/material/FIcons/FTrashIcon/index.d.ts +1 -0
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
- package/dist/cjs/types/material/FSelectSearchDb/index.d.ts +1 -0
- package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +17 -0
- package/dist/cjs/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
- package/dist/cjs/types/material/FTextArea/index.d.ts +1 -0
- package/dist/cjs/types/material/FTextField/FTextField.d.ts +1 -1
- package/dist/cjs/types/material/index.d.ts +6 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/material/FAlert/FAlert.d.ts +14 -0
- package/dist/esm/types/material/FAlert/FAlert.stories.d.ts +7 -0
- package/dist/esm/types/material/FAlert/index.d.ts +1 -0
- package/dist/esm/types/material/FFullDateField/FFullDateField.d.ts +15 -0
- package/dist/esm/types/material/FFullDateField/FFullDateField.stories.d.ts +9 -0
- package/dist/esm/types/material/FFullDateField/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FIcoArrow/FIcoArrow.d.ts +11 -0
- package/dist/esm/types/material/FIcons/FIcoArrow/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
- package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
- package/dist/esm/types/material/FIcons/FIcoClose/FIcoClose.d.ts +10 -0
- package/dist/esm/types/material/FIcons/FIcoClose/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +12 -0
- package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +8 -0
- package/dist/esm/types/material/FIcons/FPlusIcon/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +11 -0
- package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +8 -0
- package/dist/esm/types/material/FIcons/FTrashIcon/index.d.ts +1 -0
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
- package/dist/esm/types/material/FSelectSearchDb/index.d.ts +1 -0
- package/dist/esm/types/material/FTextArea/FTextArea.d.ts +17 -0
- package/dist/esm/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
- package/dist/esm/types/material/FTextArea/index.d.ts +1 -0
- package/dist/esm/types/material/FTextField/FTextField.d.ts +1 -1
- package/dist/esm/types/material/index.d.ts +6 -2
- package/dist/index.d.ts +59 -7
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import "./FIcoClose.css";
|
|
3
|
+
export interface IFCloseIcon {
|
|
4
|
+
handleClose?: () => void;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const FCloseIcon: FC<IFCloseIcon>;
|
|
10
|
+
export default FCloseIcon;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import "bootstrap/dist/css/bootstrap.css";
|
|
4
|
+
import { IFCloseIcon } from "./FCloseIcon";
|
|
5
|
+
declare const _default: ComponentMeta<React.FC<IFCloseIcon>>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: Story<IFCloseIcon>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import "./FIcoClose.css";
|
|
3
|
+
export interface IFIcoClose {
|
|
4
|
+
handleClose?: () => void;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const FIcoClose: FC<IFIcoClose>;
|
|
10
|
+
export default FIcoClose;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FCloseIcon";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './FPlusIcon.css';
|
|
3
|
+
export interface IFPlusIcon {
|
|
4
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
+
size?: number;
|
|
6
|
+
st?: React.CSSProperties;
|
|
7
|
+
id?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
handleClick?: () => void;
|
|
10
|
+
}
|
|
11
|
+
declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element;
|
|
12
|
+
export default FPlusIcon;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFPlusIcon } from "./FPlusIcon";
|
|
4
|
+
import "bootstrap/dist/css/bootstrap.css";
|
|
5
|
+
declare const _default: ComponentMeta<({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: Story<IFPlusIcon>;
|
|
8
|
+
export declare const ColorContained: Story<IFPlusIcon>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FPlusIcon";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IFTrashIcon {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
4
|
+
size?: number;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
id?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
handleClick?: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const FTrashIcon: ({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element;
|
|
11
|
+
export default FTrashIcon;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFTrashIcon } from "./FTrashIcon";
|
|
4
|
+
import "bootstrap/dist/css/bootstrap.css";
|
|
5
|
+
declare const _default: ComponentMeta<({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: Story<IFTrashIcon>;
|
|
8
|
+
export declare const ColorContained: Story<IFTrashIcon>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FTrashIcon";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFSelectSearchDb {
|
|
3
|
+
label?: string;
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
selectedOpt: any;
|
|
6
|
+
value?: Object | undefined;
|
|
7
|
+
optionLabel?: string;
|
|
8
|
+
optArray: any;
|
|
9
|
+
fetchingFc: any;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const FSelectSearchDb: FC<IFSelectSearchDb>;
|
|
17
|
+
export default FSelectSearchDb;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFSelectSearchDb } from "./FSelectSearchDb";
|
|
4
|
+
declare const _default: ComponentMeta<React.FC<IFSelectSearchDb>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: Story<IFSelectSearchDb>;
|
|
7
|
+
export declare const FullWidth: Story<IFSelectSearchDb>;
|
|
8
|
+
export declare const Disabled: Story<IFSelectSearchDb>;
|
|
9
|
+
export declare const ReadOnly: Story<IFSelectSearchDb>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FSelectSearchDb";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFTextArea {
|
|
3
|
+
label?: string;
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
value?: string | undefined;
|
|
6
|
+
cols?: number;
|
|
7
|
+
rows?: number;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
autoComplete?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
id?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const FTextArea: FC<IFTextArea>;
|
|
17
|
+
export default FTextArea;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFTextArea } from "./FTextArea";
|
|
4
|
+
declare const _default: ComponentMeta<React.FC<IFTextArea>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: Story<IFTextArea>;
|
|
7
|
+
export declare const Disabled: Story<IFTextArea>;
|
|
8
|
+
export declare const ReadOnly: Story<IFTextArea>;
|
|
9
|
+
export declare const FullWidth: Story<IFTextArea>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FTextArea";
|
|
@@ -5,7 +5,7 @@ export interface IFTextField {
|
|
|
5
5
|
st?: React.CSSProperties;
|
|
6
6
|
value?: string | number | readonly string[] | undefined;
|
|
7
7
|
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
8
|
-
type?: 'text' | 'number' | 'email' | 'tel';
|
|
8
|
+
type?: 'text' | 'number' | 'email' | 'tel' | 'password';
|
|
9
9
|
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
10
10
|
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
11
11
|
fullWidth?: boolean;
|
|
@@ -23,11 +23,15 @@ export { default as FRadioButton } from "./FRadioButton";
|
|
|
23
23
|
export { default as FPagination } from "./FPagination";
|
|
24
24
|
export { default as FTimeline } from "./FTimelineComponents/FTimeline";
|
|
25
25
|
export { default as FTimelineCard } from "./FTimelineComponents/FTimelineCard";
|
|
26
|
-
export { default as FIcoClose } from "./FIcoClose";
|
|
27
|
-
export { default as FIcoArrow } from "./
|
|
26
|
+
export { default as FIcoClose } from "./FIcons/FIcoClose";
|
|
27
|
+
export { default as FIcoArrow } from "./FIcons/FArrowIcon";
|
|
28
|
+
export { default as FPlusIcon } from "./FIcons/FPlusIcon/FPlusIcon";
|
|
29
|
+
export { default as FTrashIcon } from "./FIcons/FTrashIcon/FTrashIcon";
|
|
28
30
|
export { default as FOpenImgFull } from "./FOpenImgFull";
|
|
29
31
|
export { default as FAccordion } from "./FAccordion";
|
|
30
32
|
export { default as FInputFileForm } from "./FInputFileForm";
|
|
31
33
|
export { default as FFile } from "./FFile";
|
|
32
34
|
export { default as FSelect } from "./SelectComponents/FSelect";
|
|
33
35
|
export { default as FSelectItem } from "./SelectComponents/FSelectItem";
|
|
36
|
+
export { default as FFullDateField } from "./FFullDateField";
|
|
37
|
+
export { default as FSelectSearchDb } from "./FSelectSearchDb";
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as n,jsxs as r}from"react/jsx-runtime";import t,{useRef as e,useState as i,useEffect as o,useMemo as a}from"react";var l=function(){return l=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i]);return n},l.apply(this,arguments)};function d(n,r,t){if(t||2===arguments.length)for(var e,i=0,o=r.length;i<o;i++)!e&&i in r||(e||(e=Array.prototype.slice.call(r,0,i)),e[i]=r[i]);return n.concat(e||Array.prototype.slice.call(r))}function c(n,r){void 0===r&&(r={});var t=r.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}c(".btn-default-primary {\r\n color: #2F80ED !important;\r\n background-color: #fff !important;\r\n border-color: #2F80ED !important;\r\n}\r\n.btn-default-secondary {\r\n color: #6c757d !important;\r\n background-color: #fff !important;\r\n border-color: #6c757d !important;\r\n}\r\n.btn-default-success {\r\n color: #198754 !important;\r\n background-color: #fff !important;\r\n border-color: #198754 !important;\r\n}\r\n.btn-default-danger {\r\n color: #dc3545 !important;\r\n background-color: #fff !important;\r\n border-color: #dc3545 !important;\r\n}\r\n.btn-default-warning {\r\n color: #ffc107 !important;\r\n background-color: #fff !important;\r\n border-color: #ffc107 !important;\r\n}\r\n.btn-default-info {\r\n color: #0dcaf0 !important;\r\n background-color: #fff !important;\r\n border-color: #0dcaf0 !important;\r\n}\r\n.btn-default-light {\r\n color: #f8f9fa !important;\r\n background-color: #fff !important;\r\n border-color: #f8f9fa !important;\r\n}\r\n.btn-default-dark {\r\n color: #212529 !important;\r\n background-color: #fff !important;\r\n border-color: #212529 !important;\r\n}\r\n.btn-default-link {\r\n color: #0a58ca !important;\r\n background-color: #fff !important;\r\n border-color: #0a58ca !important;\r\n text-decoration: underline !important;\r\n}");var s=function(r){var e=r.children,i=r.variant,o=void 0===i?"contained":i,a=r.color,d=void 0===a?"primary":a,c=r.size,s=void 0===c?"btn-sm":c,p=r.disabled,m=r.onClick,f=r.st,h=r.className,b=r.fullWidth,u=r.id,g=r.type,v=void 0===g?"button":g;return b?void 0===f?f={width:"100%"}:f.width="100%":void 0===f?f={width:"fit-content"}:f.width="fit-content",n(t.Fragment,{children:n("button",l({disabled:p,type:v,className:"btn ".concat("contained"===o?"btn":"btn-default","-").concat(d," ").concat(s," ").concat(void 0!==h?h:""),onClick:m,style:f,id:u},{children:e}))})};c(".btn-default-primary {\r\n color: #2F80ED !important;\r\n background-color: #fff !important;\r\n border-color: #2F80ED !important;\r\n}\r\n.btn-default-secondary {\r\n color: #6c757d !important;\r\n background-color: #fff !important;\r\n border-color: #6c757d !important;\r\n}\r\n.btn-default-success {\r\n color: #198754 !important;\r\n background-color: #fff !important;\r\n border-color: #198754 !important;\r\n}\r\n.btn-default-danger {\r\n color: #dc3545 !important;\r\n background-color: #fff !important;\r\n border-color: #dc3545 !important;\r\n}\r\n.btn-default-warning {\r\n color: #ffc107 !important;\r\n background-color: #fff !important;\r\n border-color: #ffc107 !important;\r\n}\r\n.btn-default-info {\r\n color: #0dcaf0 !important;\r\n background-color: #fff !important;\r\n border-color: #0dcaf0 !important;\r\n}\r\n.btn-default-light {\r\n color: #f8f9fa !important;\r\n background-color: #fff !important;\r\n border-color: #f8f9fa !important;\r\n}\r\n.btn-default-dark {\r\n color: #212529 !important;\r\n background-color: #fff !important;\r\n border-color: #212529 !important;\r\n}\r\n.btn-default-link {\r\n color: #0a58ca !important;\r\n background-color: #fff !important;\r\n border-color: #0a58ca !important;\r\n text-decoration: underline !important;\r\n}\r\n\r\n.cl-btn-3 {\r\n width: 10px;\r\n height: 10px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.cl-btn-3 .top,\r\n.cl-btn-3 .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.cl-btn-3 .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.cl-btn-3 .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.cl-btn-3:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.cl-btn-3:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.cl-btn-3:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}");var p=function(o){var a=o.children,c=o.variant,s=void 0===c?"contained":c,p=o.color,m=void 0===p?"primary":p,h=o.size,b=void 0===h?"btn-sm":h,u=o.disabled,g=o.st,v=o.className,x=o.fullWidth,w=o.id,y=o.onChange,k=o.multiple,N=void 0!==k&&k,C=o.maxCount,F=o.accept,z=o.spacing,S=o.direction,B=e(),E=i([]),j=E[0],A=E[1];return x&&(void 0===g?g={width:"100%"}:g.width="100%"),r(t.Fragment,{children:[n("button",l({disabled:u,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(m," ").concat(b," ").concat(void 0!==v?v:""),style:g,id:w,onClick:function(){return B.current.click()}},{children:a})),n("input",{style:{display:"none"},ref:B,onChange:function(n){var r=d([],j,!0);Object.values(n.target.files).map((function(n){r.push(n)})),A(r),y(r)},multiple:N,type:"file",hidden:!0,maxCount:C,accept:F}),n("div",l({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n(f,l({direction:S,spacing:z},{children:void 0!==j&&j.map((function(t,e){return r("span",l({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n("span",l({className:"tag-file-name"},{children:t.name})),r("span",l({className:"tag-file-size"},{children:["(",Math.round(+t.size/1024)," КБ)"]})),r("div",l({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=d([],j,!0);n.splice(e,1),A(n)}},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))]}))}))}))}))]})};c('.ui.input {\r\n font-size: 1em;\r\n}\r\n.ui.input {\r\n position: relative;\r\n border: 2px solid #e4e9f100;\r\n}\r\n\r\n.ui.icon.input>i.icon:not(.link) {\r\n pointer-events: none;\r\n}\r\n.ui[class*="left icon"].input>i.icon {\r\n right: auto;\r\n left: 1px;\r\n border-radius: .28571429rem 0 0 .28571429rem;\r\n}\r\n.ui.icon.input>i.icon {\r\n cursor: default;\r\n position: absolute;\r\n line-height: 1;\r\n text-align: center;\r\n top: 0;\r\n right: 0;\r\n margin: 0;\r\n height: 100%;\r\n width: 2.67142857em;\r\n opacity: .5;\r\n border-radius: 0 .28571429rem .28571429rem 0;\r\n transition: opacity .3s ease;\r\n}\r\ni.icon, i.icons {\r\n font-size: 1em;\r\n}\r\ni.icon {\r\n animation: 1.2s spin infinite linear;\r\n}\r\n\r\n.ui.loading.loading.input>i.icon:before {\r\n position: absolute;\r\n content: \'\';\r\n top: 50%;\r\n left: 50%;\r\n margin: -.64285714em 0 0 -.64285714em;\r\n width: 1.28571429em;\r\n height: 1.28571429em;\r\n border-radius: 500rem;\r\n border: .2em solid rgba(0,0,0,.1);\r\n}\r\n.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {\r\n left: 0;\r\n position: absolute;\r\n text-align: center;\r\n top: 50%;\r\n width: 100%;\r\n margin-top: -.5em;\r\n}\r\n\r\ni.icon.search:before {\r\n content: "\\f002";\r\n}\r\ni.icon:before {\r\n background: 0 0!important;\r\n}\r\n\r\n.ui.loading.loading.input>i.icon:after {\r\n position: absolute;\r\n content: \'\';\r\n top: 50%;\r\n left: 50%;\r\n margin: -.64285714em 0 0 -.64285714em;\r\n width: 1.28571429em;\r\n height: 1.28571429em;\r\n -webkit-animation: button-spin .6s linear;\r\n animation: button-spin .6s linear;\r\n -webkit-animation-iteration-count: infinite;\r\n animation-iteration-count: infinite;\r\n border-radius: 500rem;\r\n border-color: #2164BE transparent transparent;\r\n border-style: solid;\r\n border-width: .2em;\r\n box-shadow: 0 0 0 1px transparent;\r\n}\r\n.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {\r\n left: 0;\r\n position: absolute;\r\n text-align: center;\r\n top: 50%;\r\n width: 100%;\r\n margin-top: -.5em;\r\n}\r\n\r\n.ui[class*="left icon"].input>input {\r\n padding-left: 2.67142857em!important;\r\n padding-right: 1em!important;\r\n}');var m=function(e){var i=e.label,o=e.value,a=e.onChange,d=e.type,c=e.onBlur,s=e.onFocus,p=e.fullWidth,m=e.disabled,h=e.readOnly,b=e.defaultValue,u=e.errText,g=e.helpText,v=e.onInput,x=e.st,w=e.id,y=e.className,k=e.load,N=void 0!==k&&k,C=e.min,F=e.max;p?void 0===x?x={width:"100%"}:x.width="100%":void 0===x?x={width:"fit-content"}:x.width="fit-content";return x=Object.assign({},x,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n(t.Fragment,{children:r("div",l({className:"\n form-group ".concat(void 0!==y?y:""),style:x,id:w},{children:[i&&n("label",l({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:i})),r("div",l({className:"".concat(N?"ui left icon input loading":"")},{children:[n("input",{style:{borderColor:void 0!==u&&u.length>0?"red":"#C4C4C4"},min:C,max:F,disabled:m,defaultValue:b,required:!0,onInput:v,readOnly:h||N,value:o,onChange:a,type:void 0===d?"text":d,className:"form-control",onBlur:c,onFocus:s}),void 0!==g&&n("span",l({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:g})),void 0!==u&&u.length>0&&n(f,l({direction:"column",st:{paddingLeft:"11px"}},{children:null==u?void 0:u.map((function(r,t){return n("span",l({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),N&&n("i",{className:"search icon"})]}))]}))})};c(".margin-item {\r\n margin: 0 0 0 8px;\r\n}");var f=function(r){var e=r.children,i=r.alignItems,o=r.justifyContent,a=r.direction,d=void 0===a?"column":a,c=r.spacing,s=void 0===c?0:c,p=r.className,m=r.st,f=r.id,h={gap:"".concat(8*+s,"px"),display:"flex",flexDirection:d,WebkitBoxPack:o,justifyContent:o,WebkitBoxAlign:i,alignItems:i};return void 0!==m&&(h=Object.assign(h,m)),n(t.Fragment,{children:n("div",l({className:p,style:h,id:f},{children:e}))})},h=function(e){var i=e.children,o=e.className,a=e.st,d=e.id,c=e.obj,s=e.xs,p=e.sm,m=e.md,f=e.lg,h=e.xl,b=e.xxl,u=e.colAuto,g={paddingBottom:"16px"};return void 0!==a&&(g=Object.assign(g,a)),r(t.Fragment,{children:["container"===c&&n("div",l({className:"container"},{children:n("div",l({className:"row ".concat(void 0!==o?o:""),style:a,id:d},{children:i}))})),"item"===c&&n("div",l({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==p?"col-sm-".concat(p):""," ").concat(void 0!==m?"col-md-".concat(m):""," ").concat(void 0!==f?"col-lg-".concat(f):""," ").concat(void 0!==h?"col-lg-".concat(f):""," ").concat(void 0!==b?"col-xxl-".concat(b):""," ").concat(void 0!==u?u:""),style:g,id:d},{children:i})),void 0===c&&n("div",{children:i})]})};c(".f-container {\r\n width: 100%;\r\n margin-left: auto;\r\n box-sizing: border-box;\r\n margin-right: auto;\r\n display: block;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n@media (min-width: 1400px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 600px;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 1200px) and (max-width: 1399px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 1140px;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) and (max-width: 1199px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 991px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) and (max-width: 767px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 100%;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .container-xs {\r\n max-width: 100%;\r\n }\r\n\r\n .container-sm {\r\n max-width: 100%;\r\n }\r\n\r\n .container-md {\r\n max-width: 100%;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}");var b=function(r){var e=r.children,i=r.className,o=r.st,a=r.id,d=r.maxWidth,c=void 0===d?"container-xs":d;return n(t.Fragment,{children:n("div",l({className:"".concat(void 0!==i?i:""," ").concat(c," f-container"),style:o,id:a},{children:e}))})};c('.panel {\r\n border: 0 none;\r\n}\r\n\r\n.panel-default {\r\n box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);\r\n margin-bottom: 20px;\r\n background-color: #fff;\r\n border-radius: 8px;\r\n}\r\n\r\n.panel-default > .panel-heading {\r\n color: #000;\r\n}\r\n\r\n.panel-default > .panel-heading {\r\n background-color: #F8F8F8;\r\n}\r\n\r\n.panel-heading {\r\n padding: 10px 40px;\r\n border-bottom: 1px solid transparent;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n}\r\n\r\n.panel-body {\r\n padding: 15px 40px;\r\n}\r\n\r\n.portlet-body .panel-title:last-child, .panel-group.panel-group-accordion .panel-title:last-child, .form-title:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.panel-group.panel-group-accordion .panel-title, .portlet-body .panel-title {\r\n font-size: 16px;\r\n}\r\n\r\n.portlet-body .panel-title, .panel-group.panel-group-accordion .panel-title, .form-title {\r\n font-family: "SF UI Display", sans-serif;\r\n line-height: 1.2;\r\n color: inherit;\r\n font-weight: bold;\r\n margin: 0;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.panel-title {\r\n font-size: 1em;\r\n font-weight: 500;\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n}\r\n\r\n.panel-title {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n font-size: 16px;\r\n color: inherit;\r\n}');var u=function(e){var i=e.label,a=e.children,d=e.st,c=e.fontSizeLabel,s=e.id,p=e.className,m=e.fontSizeBody,f=e.onAnimationEnd,h=e.animated;return o((function(){if(void 0!==h){var n=document.getElementsByClassName("animated-".concat(h.name))[0];null==n||n.setAttribute(h.name,h.value)}}),[null==h?void 0:h.value]),n(t.Fragment,{children:r("div",l({className:"panel panel-default ".concat(p," ").concat(void 0!==h?"animated-".concat(h.name):""),style:d,id:s,onAnimationEnd:f},{children:[i&&n("div",l({className:"panel-heading"},{children:n("h3",l({style:{fontSize:c},className:"panel-title"},{children:i}))})),n("div",l({className:"panel-body",style:{fontSize:m}},{children:a}))]}))})};c(".table-responsive .table {\r\n min-width: 100%;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.table-bordered.table-bordered-half {\r\n border-width: 0;\r\n}\r\n\r\ntable, .table {\r\n font-size: 13px;\r\n color: #656565;\r\n border-collapse: collapse;\r\n border-top-width: 0;\r\n}\r\n\r\n.table-bordered {\r\n border: 1px solid #C4C4C4;\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-bottom: 20px;\r\n}\r\n\r\ntable {\r\n background-color: transparent;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntable thead tr {\r\n border-top: 0;\r\n}\r\ntable thead tr th {\r\n border-top: 0;\r\n}\r\ntable thead tr th:first-child {\r\n border-left: 0;\r\n}\r\ntable thead tr th:last-child {\r\n border-right: 0;\r\n}\r\ntable tbody tr td:first-child {\r\n border-left: 0;\r\n}\r\ntable tbody tr td:last-child {\r\n border-right: 0;\r\n}\r\n\r\ntable > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {\r\n vertical-align: middle;\r\n}\r\n\r\n.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {\r\n padding: 12px 20px;\r\n line-height: 1.42857;\r\n}");var g=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("table",l({className:"table table-bordered table-bordered-half ".concat(a),style:e,id:o,onClick:d},{children:i}))})},v=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("thead",l({style:e,id:o,className:a,onClick:d},{children:i}))})},x=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("tbody",l({style:e,className:a,id:o,onClick:d},{children:i}))})},w=function(r){var e=r.st,i=r.children,o=r.onClick,a=r.id,d=r.className;return n(t.Fragment,{children:n("tr",l({style:e,onClick:o,id:a,className:d},{children:i}))})},y=function(r){var e=r.st,i=r.row,o=r.col,a=r.children,d=r.onClick,c=r.id,s=r.className;return n(t.Fragment,{children:n("th",l({style:e,rowSpan:i,colSpan:o,onClick:d,id:c,className:s},{children:a}))})},k=function(r){var e=r.st,i=r.row,o=r.col,a=r.children,d=r.onClick,c=r.id,s=r.onBlur,p=r.onFocus,m=r.className;return n(t.Fragment,{children:n("td",l({style:e,rowSpan:i,colSpan:o,onClick:d,id:c,onBlur:s,onFocus:p,className:m},{children:a}))})},N=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("tfoot",l({style:e,id:o,className:a,onClick:d},{children:i}))})};c(".f-dialog {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n background: rgba(0, 0, 0, 0.65);\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1000;\r\n}\r\n\r\n.f-dialog:target {\r\n display: none;\r\n -webkit-animation: fade .6s;\r\n -moz-animation: fade .6s;\r\n animation: fade .6s;\r\n}\r\n\r\n.f-dialog-table {\r\n justify-content: center;\r\n align-items: center;\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.f-dialog-content {\r\n display: flex;\r\n flex-direction: column;\r\n /* максимально возможная ширина */\r\n margin: 5em 1em 5em 1em;\r\n max-width: 100vh;\r\n max-height: 95vh;\r\n}\r\n\r\n/* Заголовок с кнопкой закрытия */\r\n.f-dialog-container {\r\n width: 100%;\r\n}\r\n\r\n.f-dialog-container div:nth-child(1) {\r\n float: left;\r\n}\r\n\r\n.f-dialog-container div:nth-child(2) {\r\n float: right;\r\n}\r\n\r\n.cl-btn-3 {\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.cl-btn-3 .top,\r\n.cl-btn-3 .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.cl-btn-3 .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.cl-btn-3 .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.cl-btn-3:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.cl-btn-3:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.cl-btn-3:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n");var C=function(r){var e=r.children,i=r.openAndClose,a=r.id,d=r.className,c=r.st;return o((function(){document.body.style.overflow=i?"hidden":"auto"}),[i]),n(t.Fragment,{children:n("div",l({className:"f-dialog ".concat(void 0!==d?d:""),style:{display:i?"block":"none"},id:a},{children:n("div",l({className:"f-dialog-table"},{children:n("div",l({className:"f-dialog-content modal-content",style:c},{children:e}))}))}))})},F=function(e){var i=e.title,o=e.handleClose;return n(t.Fragment,{children:n("div",l({className:"modal-header"},{children:r("div",l({className:"f-dialog-container"},{children:[n("div",{children:n("h4",l({className:"modal-title",style:{margin:0}},{children:void 0===i?"":i}))}),void 0!==o&&n("div",{children:r("div",l({className:"cl-btn-3",onClick:o},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})]}))}))})},z=function(r){var e=r.st,i=r.children,o={};return r.scroll&&(o.overflowY="scroll"),void 0!==e&&(o=Object.assign(o,e)),n(t.Fragment,{children:n("div",l({className:"modal-body",style:o},{children:i}))})},S=function(r){var e=r.children;return n(t.Fragment,{children:n("div",l({className:"modal-footer"},{children:e}))})};c(".f-progress {\r\n width: 5rem;\r\n height: 5rem;\r\n margin: 2rem;\r\n border-radius: 50%;\r\n border: 0.7rem solid rgba(151, 159, 208, 0.3);\r\n border-top-color: #2164BE;\r\n animation: 1.2s spin infinite linear;\r\n}");var B=function(r){var e=r.st,i=r.color,o=void 0===i?"primary":i,a={borderTopColor:"primary"===o?"#007bff":"secondary"===o?"#6c757d":"success"===o?"#28a745":"danger"===o?"#dc3545":"warning"===o?"#ffc107":"info"===o?"#17a2b8":"light"===o?"#f8f9fa":"dark"===o?"#343a40":"#007bff"};return void 0!==e&&(a=Object.assign(a,e)),n(t.Fragment,{children:n("div",{style:a,className:"f-progress"})})};c(".f-preloader {\r\n display: block;\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 1001;\r\n}\r\n\r\n.f-preloader-row {\r\n position: relative;\r\n top: 50%;\r\n left: 50%;\r\n width: 70px;\r\n height: 70px;\r\n margin-top: -35px;\r\n margin-left: -35px;\r\n text-align: center;\r\n animation: preloader-rotate 2s infinite linear;\r\n}");var E=function(r){var e=r.st,i=r.backgroundColor,o=void 0===i?"#e0e0e0":i,a=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var c={backgroundColor:o,display:d?"block":"none"};return void 0!==e&&(c=Object.assign(c,e)),n(t.Fragment,{children:n("div",l({className:"f-preloader",style:c},{children:n("div",l({className:"f-preloader-row"},{children:a}))}))})};c('.f-checkbox label {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n color: #656565;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n align-items: center;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-color: #fff;\r\n margin: 0;\r\n font: inherit;\r\n color: #fff;\r\n width: 1.15em;\r\n height: 1.15em;\r\n border: 1px solid #C4C4C4;\r\n border-radius: 0.15em;\r\n display: grid;\r\n place-content: center;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]::before {\r\n content: "";\r\n width: 10px;\r\n height: 10px;\r\n -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n transform: scale(0);\r\n transform-origin: bottom left;\r\n transition: 120ms transform ease-in-out;\r\n background-color: #fff;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:checked::before {\r\n transform: scale(1);\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:checked {\r\n transform: scale(1);\r\n border: 1px solid #2F80ED;\r\n background-color: #2F80ED;\r\n color: #fff;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:focus {\r\n outline: none !important;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:disabled {\r\n cursor: not-allowed;\r\n}\r\n');var j=function(e){var i=e.label,o=e.onClick,a=e.defaultChecked,d=e.className,c=e.id,s=e.st,p=e.checked,m=e.disabled;return n(t.Fragment,{children:n("div",l({className:"f-checkbox ".concat(void 0!==d?d:""),id:c,style:s},{children:r("label",{children:[n("input",{defaultChecked:a,type:"checkbox",onClick:o,checked:p,disabled:m}),i]})}))})};c('.f-radio label {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n color: #656565;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n align-items: center;\r\n}\r\n\r\n/* Наружний круг */\r\n.f-radio label input[type=radio] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-color: white;\r\n margin: 0;\r\n font: inherit;\r\n color: #C4C4C4;\r\n width: 16px;\r\n height: 16px;\r\n border: 1px solid #C4C4C4;\r\n border-radius: 50%;\r\n transform: translateY(-0.075em);\r\n display: grid;\r\n place-content: center;\r\n}\r\n\r\n/* Наружний круг Когда активен */\r\n.f-radio label input[type=radio]:checked {\r\n border: 1px solid #2F80ED;\r\n}\r\n\r\n.f-radio label input[type=radio]:focus {\r\n outline: none !important;\r\n}\r\n\r\n/* Наружний круг Когда заблокирован */\r\n.f-radio label input[type=radio]:disabled {\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Внутренний круг */\r\n.f-radio label input[type=radio]::before {\r\n content: "";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n transform: scale(0);\r\n transition: 120ms transform ease-in-out;\r\n box-shadow: inset 1em 1em #2F80ED;\r\n}\r\n\r\n/* Внутренний круг Когда активен */\r\n.f-radio label input[type=radio]:checked::before {\r\n transform: scale(1);\r\n}\r\n');var A=function(e){var i=e.label,o=e.onClick,a=e.className,d=e.id,c=e.st,s=e.checked,p=e.disabled;return n(t.Fragment,{children:n("div",l({className:"f-radio ".concat(void 0!==a?a:""),id:d,style:c},{children:r("label",{children:[n("input",{type:"radio",onClick:o,checked:s,disabled:p}),i]})}))})},D=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};c(".pagination-container {\r\n display: flex;\r\n list-style-type: none;\r\n}\r\n.pagination-container .pagination-item {\r\n padding: 0 12px;\r\n height: 32px;\r\n text-align: center;\r\n margin: auto 4px;\r\n color: rgba(0, 0, 0, 0.87);\r\n display: flex;\r\n box-sizing: border-box;\r\n align-items: center;\r\n letter-spacing: 0.01071em;\r\n border-radius: 4px;\r\n line-height: 1.43;\r\n font-size: 13px;\r\n min-width: 32px;\r\n}\r\n.pagination-container .pagination-item.dots:hover {\r\n background-color: transparent;\r\n cursor: default;\r\n}\r\n.pagination-container .pagination-item:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n cursor: pointer;\r\n}\r\n.pagination-container .pagination-item.selected {\r\n background-color: #2F80ED;\r\n color: white;\r\n}\r\n.pagination-container .pagination-item .arrow::before {\r\n position: relative;\r\n /* top: 3pt; Uncomment this to lower the icons as requested in comments*/\r\n content: '';\r\n /* By using an em scale, the arrows will size with the font */\r\n display: inline-block;\r\n width: 0.4em;\r\n height: 0.4em;\r\n border-right: 0.12em solid rgba(0, 0, 0, 0.87);\r\n border-top: 0.12em solid rgba(0, 0, 0, 0.87);\r\n}\r\n.pagination-container .pagination-item .arrow.left {\r\n transform: rotate(-135deg) translate(-50%);\r\n}\r\n.pagination-container .pagination-item .arrow.right {\r\n transform: rotate(45deg);\r\n}\r\n.pagination-container .pagination-item.disabled {\r\n pointer-events: none;\r\n}\r\n.pagination-container .pagination-item.disabled .arrow::before {\r\n border-right: 0.12em solid rgba(0, 0, 0, 0.43);\r\n border-top: 0.12em solid rgba(0, 0, 0, 0.43);\r\n}\r\n.pagination-container .pagination-item.disabled:hover {\r\n background-color: transparent;\r\n cursor: default;\r\n}\r\n");var O=function(e){var i=e.currentPage,o=e.totalCount,c=e.pageSize,s=e.onPageChange,p=e.id,m=e.className,f=e.st,h=e.siblingCount,b=function(n){var r=n.totalCount,t=n.pageSize,e=n.siblingCount,i=void 0===e?1:e,o=n.currentPage;return a((function(){var n=Math.ceil(r/t);if(i+5>=n)return D(1,n);var e=Math.max(o-i,1),a=Math.min(o+i,n),l=e>2,c=a<n-2,s=n;return!l&&c?d(d([],D(1,3+2*i),!0),["...",n],!1):l&&!c?d([1,"..."],D(n-(3+2*i)+1,n),!0):l&&c?d(d([1,"..."],D(e,a),!0),["...",s],!1):void 0}),[r,t,i,o])}({currentPage:i,totalCount:o,siblingCount:h,pageSize:c});if(0===i||b.length<2)return null;var u=b[b.length-1];return n(t.Fragment,{children:r("ul",l({className:"pagination-container ".concat(void 0!==m?m:""),style:f,id:"".concat(void 0!==p?p:"")},{children:[n("li",l({className:"pagination-item ".concat(1===i?"disabled":""),onClick:function(){s(i-1)}},{children:n("div",{className:"arrow left"})})),b.map((function(r){return n("li","..."===r?l({className:"pagination-item dots"},{children:"…"}):l({className:"pagination-item ".concat(r===i?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n("li",l({className:"pagination-item ".concat(i===u?"disabled":""),onClick:function(){s(i+1)}},{children:n("div",{className:"arrow right"})}))]}))})};c('.fv-tl-block-card {\r\n position: relative;\r\n max-width: 100%;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd) {\r\n padding: 30px 0 30px 30px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) {\r\n padding: 30px 30px 30px 0;\r\n}\r\n\r\n.fv-tl-block-card::before {\r\n content: "";\r\n position: absolute;\r\n width: 50%;\r\n border: solid #0d6efd;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd)::before {\r\n left: 0px;\r\n top: -4.5px;\r\n bottom: -4.5px;\r\n border-width: 5px 0 5px 5px;\r\n border-radius: 50px 0 0 50px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even)::before {\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n border-width: 5px 5px 5px 0;\r\n border-radius: 0 50px 50px 0;\r\n}\r\n\r\n.fv-tl-block-card:first-child::before {\r\n border-top: 0;\r\n border-top-left-radius: 0;\r\n}\r\n\r\n.fv-tl-block-card:last-child:nth-child(odd)::before {\r\n border-bottom: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\n\r\n.fv-tl-block-card:last-child:nth-child(even)::before {\r\n border-bottom: 0;\r\n border-bottom-right-radius: 0;\r\n}\r\n\r\n.fv-tl-card {\r\n position: inherit;\r\n z-index: 1;\r\n}\r\n\r\n.fv-tl-line-circle {\r\n color: #0d6efd;\r\n position: relative;\r\n}\r\n\r\n.fv-tl-line-circle::before {\r\n content: "";\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n background: white;\r\n border-radius: 999px;\r\n border: 3px solid #0d6efd;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle {\r\n text-align: right;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd) > .fv-tl-line-circle::before {\r\n left: -32px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle::before {\r\n right: -30px;\r\n}');var I=function(r){var e=r.children,i=r.st,o=r.id,a=r.className;return n(t.Fragment,{children:n("div",l({className:"fv-timeline ".concat(void 0!==a?a:""),style:i,id:o},{children:e}))})},M=function(e){var i=e.children,o=e.st,a=e.title,d=e.id,c=e.className;return n(t.Fragment,{children:r("div",l({className:"fv-tl-block-card ".concat(void 0!==c?c:""),id:d},{children:[n("div",{className:"fv-tl-line-circle"}),n(u,l({label:a,st:o,className:"fv-tl-card"},{children:i}))]}))})};c(".fv_close {\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.fv_close .top,\r\n.fv_close .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.fv_close .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.fv_close .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.fv_close:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.fv_close:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.fv_close:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0;\r\n }\r\n to {\r\n top: 0;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0;\r\n }\r\n to {\r\n top: 0;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0;\r\n }\r\n to {\r\n left: 0;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0;\r\n }\r\n to {\r\n left: 0;\r\n width: 100%;\r\n }\r\n}");var T=function(e){var i=e.handleClose,o=e.st,a=e.className,d=e.id;return n(t.Fragment,{children:r("div",l({className:"fv_close ".concat(void 0!==a?a:""),onClick:i,style:o,id:d},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})};c(".arrow-slider svg {\r\n display: block;\r\n}\r\n.arrow-slider svg polygon,\r\n.arrow-slider svg path {\r\n transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n fill: #337AB7;\r\n}\r\n.arrow-slider svg:hover polygon,\r\n.arrow-slider svg:hover path {\r\n transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);\r\n fill: #000;\r\n}\r\n.arrow-slider svg:hover .arrow-slider-pl {\r\n animation: arrow-slider-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;\r\n}\r\n.arrow-slider svg:hover .arrow-slider-pl-fixed {\r\n animation: arrow-slider-fixed-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;\r\n}\r\n\r\n@keyframes arrow-slider-anim {\r\n 0% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n 5% {\r\n transform: translateX(-0.1rem);\r\n }\r\n 100% {\r\n transform: translateX(1rem);\r\n opacity: 0;\r\n }\r\n}\r\n@keyframes arrow-slider-fixed-anim {\r\n 5% {\r\n opacity: 0;\r\n }\r\n 20% {\r\n opacity: 0.4;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}");var _=function(e){var i=e.className,o=e.id,a=e.st,d=e.handleClick,c=e.direction;return n(t.Fragment,{children:n("div",l({className:"arrow-slider ".concat(void 0!==i?i:""),id:o,style:a,onClick:d},{children:n("svg",l({width:"35px",height:"35px",viewBox:"-5 0 18 14",style:{transform:"rotate(\n ".concat("down"===c?-90:"up"===c?90:"right"===c?-180:0,"deg)")}},{children:r("g",l({transform:"translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000)"},{children:[n("polygon",{className:"arrow-slider-pl",points:"16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"}),n("polygon",{className:"arrow-slider-pl-fixed",points:"16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596"})]}))}))}))})};c(".fv-opn-img-full-body {\r\n position: relative;\r\n padding: 20px 30px 15px;\r\n}\r\n\r\n.fv-opn-img-full-body {\r\n position: relative;\r\n flex: 1 1 auto;\r\n padding: var(--bs-modal-padding);\r\n}\r\n");var W=function(e){var i=e.id,o=e.className,a=e.st,d=e.imagesUrl,c=e.selectedImg,s=e.setSelectedImg,p=e.handleClose,m=e.openAndClose,h={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"};return void 0!==a&&(h=Object.assign(h,a)),n(t.Fragment,{children:0!==d.length&&c>=0&&c<d.length&&n(C,l({openAndClose:m,st:h,className:o,id:i},{children:n("div",l({className:"fv-opn-img-full-body"},{children:r(f,l({direction:"row-reverse",spacing:2},{children:[n("div",l({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==p&&n(T,{handleClose:function(){p(),document.body.style.overflow="auto"}})})),r(f,l({direction:"row",spacing:2,alignItems:"center",justifyContent:"center"},{children:[c>0?n(_,{direction:"left",handleClick:function(){return s(c-1)}}):n("div",l({style:{width:"35px",height:"35px"}},{children:"ㅤ"})),n("img",{src:d[c],style:{objectFit:"contain",width:"100%",height:"100%"}}),c<d.length-1?n(_,{direction:"right",handleClick:function(){return s(c+1)}}):n("div",l({style:{width:"35px",height:"35px"}},{children:"ㅤ"}))]}))]}))}))}))})};c(":root {\r\n --color-bg: #eeedeb;\r\n --color-title: #0e1c4e;\r\n --color-summary-1: #fff6ee;\r\n --color-summary-1-highlight: #FBE62B;\r\n --color-summary-2: #fafaff;\r\n --color-summary-2-highlight: #2F80ED;\r\n --color-summary-3: #fff0f3;\r\n --color-summary-3-highlight: #D10000;\r\n}\r\n\r\n.card h1 {\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 20px;\r\n line-height: 1.2;\r\n color: var(--color-title);\r\n}\r\n\r\n.fv-accord-title {\r\n cursor: pointer;\r\n}\r\n\r\n.card details {\r\n display: flex;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n background: rgba(0, 0, 0, 0.05);\r\n border-left: 15px solid gray;\r\n padding: 15px;\r\n margin: 0;\r\n}\r\n\r\n.card details.warning {\r\n --highlight: var(--color-summary-1-highlight);\r\n background: var(--color-summary-1);\r\n border-left-color: var(--color-summary-1-highlight);\r\n}\r\n\r\n.card details.warning p {\r\n list-style-type: corona-warning;\r\n}\r\n\r\n.card details.info {\r\n --highlight: var(--color-summary-2-highlight);\r\n background: var(--color-summary-2);\r\n border-left-color: var(--color-summary-2-highlight);\r\n}\r\n\r\n.card details.info p {\r\n list-style-type: corona-info;\r\n}\r\n\r\n.card details.alert {\r\n --highlight: var(--color-summary-3-highlight);\r\n background: var(--color-summary-3);\r\n border-left-color: var(--highlight);\r\n}\r\n\r\n.card details.alert p {\r\n list-style-type: corona-alert;\r\n}\r\n\r\n.card details summary,\r\n.card details p {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n align-content: center;\r\n justify-content: flex-start;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-size: 18px;\r\n color: var(--color-title);\r\n padding: 20px;\r\n}\r\n\r\n.card details[open] summary {\r\n font-weight: 700;\r\n}\r\n");var L=function(e){var i=e.variant,o=void 0===i?"info":i,a=e.title,d=e.children,c=e.id,s=e.className,p=e.st;return n(t.Fragment,{children:n("div",l({className:"card ".concat(void 0!==s?s:""),id:c},{children:r("details",l({className:o,style:p},{children:[n("summary",l({className:"fv-accord-title"},{children:a})),d]}))}))})};c('.custom-file {\r\n position: relative;\r\n}\r\n\r\n.custom-file .custom-file-input:not([disabled]) {\r\n cursor: pointer;\r\n}\r\n\r\n.custom-file .custom-file-input {\r\n position: absolute;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n opacity: 0;\r\n}\r\n\r\ninput[type="file"] {\r\n display: block;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label {\r\n position: relative;\r\n display: block;\r\n background: rgba(47, 128, 237, 0.1);\r\n border: 1px dashed #2F80ED;\r\n border-radius: 8px;\r\n padding: 20px;\r\n padding-top: 10px;\r\n text-align: center;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n color: #7AAEF3;\r\n}\r\n\r\n.custom-file .custom-file-label {\r\n cursor: pointer;\r\n padding: 5px;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file .svg-icon .icon-md, .svg-icon.lexicon-icon-md {\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.custom-file svg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n.custom-file .svg-icon {\r\n display: inline-block;\r\n fill: currentColor;\r\n width: 22px;\r\n height: 22px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file b, strong {\r\n font-weight: bold;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label small {\r\n font-size: 13px;\r\n}\r\n\r\n.custom-file small, .small {\r\n font-size: 92%;\r\n}\r\n\r\n.custom-file small {\r\n font-size: 80%;\r\n}\r\n\r\n.form-group .custom-files-preview {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n min-height: 34px;\r\n}\r\n\r\n.custom-file .hidden {\r\n display: none !important;\r\n}');var H=function(i){var a=i.id,d=i.className,c=i.st,s=i.dataMaxSize,p=i.name,m=i.accept,f=i.multiple,h=void 0!==f&&f,b=i.onChange,u=i.disabled,g=void 0!==u&&u,v=i.deleteFile,x=i.title,w={customFileLabel:void 0,svgIcon:void 0,span:void 0,b:void 0};g&&(w={customFileLabel:{backgroundColor:"#F3F3F3",borderRadius:"8px",border:"1px dashed #C4C4C4"},svgIcon:{color:"#888888"},span:{color:"#C4C4C4"},b:{color:"#888888"}});var y=e({value:void 0});return o((function(){v&&(y.current.value=null)}),[v]),n(t.Fragment,{children:r("div",l({className:"custom-file custom-file-dropzone",style:c},{children:[n("input",{accept:m,type:"file",className:"custom-file-input ".concat(void 0!==d?d:""),name:p,id:a,title:x,"data-max-size":null==s?void 0:s.size,multiple:h,onChange:function(n){if(n.target.files&&n.target.files[0]){var r=void 0;if("МБ"===(null==s?void 0:s.dimension)?r=1024*s.size*1024:"КБ"===(null==s?void 0:s.dimension)&&(r=1024*s.size),void 0!==r){var t=new DataTransfer;Object.values(n.target.files).forEach((function(n){n.size<=r&&t.items.add(n)})),b(t.files)}else b(n.target.files)}},disabled:g,ref:y}),r("label",l({className:"custom-file-label",style:w.customFileLabel},{children:[r("svg",l({className:"svg-icon icon-md",focusable:"false",role:"img",viewBox:"0 0 36 35",style:w.svgIcon},{children:[n("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"}),n("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"})]})),n("br",{}),r("span",l({style:w.span},{children:[n("b",l({style:w.b},{children:"Выберите"}))," или переместите файл для загрузки",n("br",{})," ",r("small",{children:["Максимальный размер ",null==s?void 0:s.size," ",null==s?void 0:s.dimension]})]}))]}))]}))})},P=function(e){var i=e.id,o=e.className,a=e.st,d=e.handleDelete,c=e.name;return n(t.Fragment,{children:r(f,l({direction:"row",spacing:1,className:o,id:i,st:a},{children:[r("svg",l({className:"svg-icon text-primary",focusable:"false",role:"img",viewBox:"0 0 24 24"},{children:[n("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"}),n("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"})]})),r(f,l({direction:"row",justifyContent:"space-between",st:{width:"100%"}},{children:[n("span",{children:c}),n(T,{handleClose:d,st:{width:"10px",height:"10px",marginTop:"7px",marginRight:"15px",marginLeft:"8px"}})]}))]}))})};c("");var U=function(e){var i=e.label,o=e.st,a=e.onChange,d=e.children,c=e.value,s=e.multiple,p=e.size,m=e.fullWidth,f=e.disabled,h=e.defaultValue,b=e.id,u=e.className;return n(t.Fragment,{children:r("div",l({className:"form-group ".concat(void 0!==u?u:""),style:{width:m?"100%":"fit-content",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},id:b},{children:[n("label",l({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:i})),n("select",l({disabled:f,style:o,className:"form-control",onChange:a,value:c,multiple:s,size:p,defaultValue:h},{children:d}))]}))})},V=function(r){var e=r.st,i=r.value,o=r.children,a=r.onClick,d=r.disabled,c=r.className,s=r.id;return n(t.Fragment,{children:n("option",l({selected:!0,disabled:d,onClick:a,style:e,value:i,className:c,id:s},{children:o}))})};export{L as FAccordion,s as FButton,p as FButtonFile,j as FCheckbox,b as FContainer,C as FDialog,z as FDialogBody,S as FDialogFooter,F as FDialogHeader,P as FFile,h as FGrid,_ as FIcoArrow,T as FIcoClose,H as FInputFileForm,W as FOpenImgFull,O as FPagination,u as FPaper,E as FPreloader,B as FProgress,A as FRadioButton,U as FSelect,V as FSelectItem,f as FStack,g as FTable,x as FTableBody,k as FTableDataCell,N as FTableFooter,v as FTableHead,y as FTableHeaderCell,w as FTableRow,m as FTextField,I as FTimeline,M as FTimelineCard};
|
|
1
|
+
import{jsx as n,jsxs as r}from"react/jsx-runtime";import t,{useRef as e,useState as i,useEffect as o,useMemo as a}from"react";var l=function(){return l=Object.assign||function(n){for(var r,t=1,e=arguments.length;t<e;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(n[i]=r[i]);return n},l.apply(this,arguments)};function d(n,r,t){if(t||2===arguments.length)for(var e,i=0,o=r.length;i<o;i++)!e&&i in r||(e||(e=Array.prototype.slice.call(r,0,i)),e[i]=r[i]);return n.concat(e||Array.prototype.slice.call(r))}function c(n,r){void 0===r&&(r={});var t=r.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}c(".btn-default-primary {\r\n color: #2F80ED !important;\r\n background-color: #fff !important;\r\n border-color: #2F80ED !important;\r\n}\r\n.btn-default-secondary {\r\n color: #6c757d !important;\r\n background-color: #fff !important;\r\n border-color: #6c757d !important;\r\n}\r\n.btn-default-success {\r\n color: #198754 !important;\r\n background-color: #fff !important;\r\n border-color: #198754 !important;\r\n}\r\n.btn-default-danger {\r\n color: #dc3545 !important;\r\n background-color: #fff !important;\r\n border-color: #dc3545 !important;\r\n}\r\n.btn-default-warning {\r\n color: #ffc107 !important;\r\n background-color: #fff !important;\r\n border-color: #ffc107 !important;\r\n}\r\n.btn-default-info {\r\n color: #0dcaf0 !important;\r\n background-color: #fff !important;\r\n border-color: #0dcaf0 !important;\r\n}\r\n.btn-default-light {\r\n color: #f8f9fa !important;\r\n background-color: #fff !important;\r\n border-color: #f8f9fa !important;\r\n}\r\n.btn-default-dark {\r\n color: #212529 !important;\r\n background-color: #fff !important;\r\n border-color: #212529 !important;\r\n}\r\n.btn-default-link {\r\n color: #0a58ca !important;\r\n background-color: #fff !important;\r\n border-color: #0a58ca !important;\r\n text-decoration: underline !important;\r\n}");var s=function(r){var e=r.children,i=r.variant,o=void 0===i?"contained":i,a=r.color,d=void 0===a?"primary":a,c=r.size,s=void 0===c?"btn-sm":c,p=r.disabled,f=r.onClick,m=r.st,h=r.className,u=r.fullWidth,b=r.id,g=r.type,v=void 0===g?"button":g;return u?void 0===m?m={width:"100%"}:m.width="100%":void 0===m?m={width:"fit-content"}:m.width="fit-content",n(t.Fragment,{children:n("button",l({disabled:p,type:v,className:"btn ".concat("contained"===o?"btn":"btn-default","-").concat(d," ").concat(s," ").concat(void 0!==h?h:""),onClick:f,style:m,id:b},{children:e}))})};c(".btn-default-primary {\r\n color: #2F80ED !important;\r\n background-color: #fff !important;\r\n border-color: #2F80ED !important;\r\n}\r\n.btn-default-secondary {\r\n color: #6c757d !important;\r\n background-color: #fff !important;\r\n border-color: #6c757d !important;\r\n}\r\n.btn-default-success {\r\n color: #198754 !important;\r\n background-color: #fff !important;\r\n border-color: #198754 !important;\r\n}\r\n.btn-default-danger {\r\n color: #dc3545 !important;\r\n background-color: #fff !important;\r\n border-color: #dc3545 !important;\r\n}\r\n.btn-default-warning {\r\n color: #ffc107 !important;\r\n background-color: #fff !important;\r\n border-color: #ffc107 !important;\r\n}\r\n.btn-default-info {\r\n color: #0dcaf0 !important;\r\n background-color: #fff !important;\r\n border-color: #0dcaf0 !important;\r\n}\r\n.btn-default-light {\r\n color: #f8f9fa !important;\r\n background-color: #fff !important;\r\n border-color: #f8f9fa !important;\r\n}\r\n.btn-default-dark {\r\n color: #212529 !important;\r\n background-color: #fff !important;\r\n border-color: #212529 !important;\r\n}\r\n.btn-default-link {\r\n color: #0a58ca !important;\r\n background-color: #fff !important;\r\n border-color: #0a58ca !important;\r\n text-decoration: underline !important;\r\n}\r\n\r\n.cl-btn-3 {\r\n width: 10px;\r\n height: 10px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.cl-btn-3 .top,\r\n.cl-btn-3 .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.cl-btn-3 .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.cl-btn-3 .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.cl-btn-3:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.cl-btn-3:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.cl-btn-3:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}");var p=function(o){var a=o.children,c=o.variant,s=void 0===c?"contained":c,p=o.color,f=void 0===p?"primary":p,h=o.size,u=void 0===h?"btn-sm":h,b=o.disabled,g=o.st,v=o.className,x=o.fullWidth,w=o.id,y=o.onChange,k=o.multiple,N=void 0!==k&&k,C=o.maxCount,F=o.accept,z=o.spacing,S=o.direction,O=e(),B=i([]),j=B[0],E=B[1];return x&&(void 0===g?g={width:"100%"}:g.width="100%"),r(t.Fragment,{children:[n("button",l({disabled:b,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(f," ").concat(u," ").concat(void 0!==v?v:""),style:g,id:w,onClick:function(){return O.current.click()}},{children:a})),n("input",{style:{display:"none"},ref:O,onChange:function(n){var r=d([],j,!0);Object.values(n.target.files).map((function(n){r.push(n)})),E(r),y(r)},multiple:N,type:"file",hidden:!0,maxCount:C,accept:F}),n("div",l({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n(m,l({direction:S,spacing:z},{children:void 0!==j&&j.map((function(t,e){return r("span",l({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n("span",l({className:"tag-file-name"},{children:t.name})),r("span",l({className:"tag-file-size"},{children:["(",Math.round(+t.size/1024)," КБ)"]})),r("div",l({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=d([],j,!0);n.splice(e,1),E(n)}},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))]}))}))}))}))]})};c('.ui.input {\r\n font-size: 1em;\r\n}\r\n.ui.input {\r\n position: relative;\r\n border: 2px solid #e4e9f100;\r\n}\r\n\r\n.ui.icon.input>i.icon:not(.link) {\r\n pointer-events: none;\r\n}\r\n.ui[class*="left icon"].input>i.icon {\r\n right: auto;\r\n left: 1px;\r\n border-radius: .28571429rem 0 0 .28571429rem;\r\n}\r\n.ui.icon.input>i.icon {\r\n cursor: default;\r\n position: absolute;\r\n line-height: 1;\r\n text-align: center;\r\n top: 0;\r\n right: 0;\r\n margin: 0;\r\n height: 100%;\r\n width: 2.67142857em;\r\n opacity: .5;\r\n border-radius: 0 .28571429rem .28571429rem 0;\r\n transition: opacity .3s ease;\r\n}\r\ni.icon, i.icons {\r\n font-size: 1em;\r\n}\r\ni.icon {\r\n animation: 1.2s spin infinite linear;\r\n}\r\n\r\n.ui.loading.loading.input>i.icon:before {\r\n position: absolute;\r\n content: \'\';\r\n top: 50%;\r\n left: 50%;\r\n margin: -.64285714em 0 0 -.64285714em;\r\n width: 1.28571429em;\r\n height: 1.28571429em;\r\n border-radius: 500rem;\r\n border: .2em solid rgba(0,0,0,.1);\r\n}\r\n.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {\r\n left: 0;\r\n position: absolute;\r\n text-align: center;\r\n top: 50%;\r\n width: 100%;\r\n margin-top: -.5em;\r\n}\r\n\r\ni.icon.search:before {\r\n content: "\\f002";\r\n}\r\ni.icon:before {\r\n background: 0 0!important;\r\n}\r\n\r\n.ui.loading.loading.input>i.icon:after {\r\n position: absolute;\r\n content: \'\';\r\n top: 50%;\r\n left: 50%;\r\n margin: -.64285714em 0 0 -.64285714em;\r\n width: 1.28571429em;\r\n height: 1.28571429em;\r\n -webkit-animation: button-spin .6s linear;\r\n animation: button-spin .6s linear;\r\n -webkit-animation-iteration-count: infinite;\r\n animation-iteration-count: infinite;\r\n border-radius: 500rem;\r\n border-color: #2164BE transparent transparent;\r\n border-style: solid;\r\n border-width: .2em;\r\n box-shadow: 0 0 0 1px transparent;\r\n}\r\n.ui.icon.input>i.icon:after, .ui.icon.input>i.icon:before {\r\n left: 0;\r\n position: absolute;\r\n text-align: center;\r\n top: 50%;\r\n width: 100%;\r\n margin-top: -.5em;\r\n}\r\n\r\n.ui[class*="left icon"].input>input {\r\n padding-left: 2.67142857em!important;\r\n padding-right: 1em!important;\r\n}');var f=function(e){var i=e.label,o=e.value,a=e.onChange,d=e.type,c=e.onBlur,s=e.onFocus,p=e.fullWidth,f=e.disabled,h=e.readOnly,u=e.defaultValue,b=e.errText,g=e.helpText,v=e.onInput,x=e.st,w=e.id,y=e.className,k=e.load,N=void 0!==k&&k,C=e.min,F=e.max;p?void 0===x?x={width:"100%"}:x.width="100%":void 0===x?x={width:"fit-content"}:x.width="fit-content";return x=Object.assign({},x,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n(t.Fragment,{children:r("div",l({className:"\n form-group ".concat(void 0!==y?y:""),style:x,id:w},{children:[i&&n("label",l({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:i})),r("div",l({className:"".concat(N?"ui left icon input loading":"")},{children:[n("input",{style:{borderColor:void 0!==b&&b.length>0?"red":"#C4C4C4"},min:C,max:F,disabled:f,defaultValue:u,required:!0,onInput:v,readOnly:h||N,value:o,onChange:a,type:void 0===d?"text":d,className:"form-control",onBlur:c,onFocus:s}),void 0!==g&&n("span",l({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:g})),void 0!==b&&b.length>0&&n(m,l({direction:"column",st:{paddingLeft:"11px"}},{children:null==b?void 0:b.map((function(r,t){return n("span",l({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),N&&n("i",{className:"search icon"})]}))]}))})};c(".margin-item {\r\n margin: 0 0 0 8px;\r\n}");var m=function(r){var e=r.children,i=r.alignItems,o=r.justifyContent,a=r.direction,d=void 0===a?"column":a,c=r.spacing,s=void 0===c?0:c,p=r.className,f=r.st,m=r.id,h={gap:"".concat(8*+s,"px"),display:"flex",flexDirection:d,WebkitBoxPack:o,justifyContent:o,WebkitBoxAlign:i,alignItems:i};return void 0!==f&&(h=Object.assign(h,f)),n(t.Fragment,{children:n("div",l({className:p,style:h,id:m},{children:e}))})},h=function(e){var i=e.children,o=e.className,a=e.st,d=e.id,c=e.obj,s=e.xs,p=e.sm,f=e.md,m=e.lg,h=e.xl,u=e.xxl,b=e.colAuto,g={paddingBottom:"16px"};return void 0!==a&&(g=Object.assign(g,a)),r(t.Fragment,{children:["container"===c&&n("div",l({className:"container"},{children:n("div",l({className:"row ".concat(void 0!==o?o:""),style:a,id:d},{children:i}))})),"item"===c&&n("div",l({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==p?"col-sm-".concat(p):""," ").concat(void 0!==f?"col-md-".concat(f):""," ").concat(void 0!==m?"col-lg-".concat(m):""," ").concat(void 0!==h?"col-lg-".concat(m):""," ").concat(void 0!==u?"col-xxl-".concat(u):""," ").concat(void 0!==b?b:""),style:g,id:d},{children:i})),void 0===c&&n("div",{children:i})]})};c(".f-container {\r\n width: 100%;\r\n margin-left: auto;\r\n box-sizing: border-box;\r\n margin-right: auto;\r\n display: block;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n@media (min-width: 1400px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 600px;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 1200px) and (max-width: 1399px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 1140px;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) and (max-width: 1199px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 1200px;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 991px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 900px;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) and (max-width: 767px) {\r\n .container-xs {\r\n max-width: 444px;\r\n }\r\n\r\n .container-sm {\r\n max-width: 600px;\r\n }\r\n\r\n .container-md {\r\n max-width: 100%;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .container-xs {\r\n max-width: 100%;\r\n }\r\n\r\n .container-sm {\r\n max-width: 100%;\r\n }\r\n\r\n .container-md {\r\n max-width: 100%;\r\n }\r\n\r\n .container-lg {\r\n max-width: 100%;\r\n }\r\n\r\n .container-xl {\r\n max-width: 100%;\r\n }\r\n\r\n .container-fluid {\r\n max-width: 100%;\r\n }\r\n}");var u=function(r){var e=r.children,i=r.className,o=r.st,a=r.id,d=r.maxWidth,c=void 0===d?"container-xs":d;return n(t.Fragment,{children:n("div",l({className:"".concat(void 0!==i?i:""," ").concat(c," f-container"),style:o,id:a},{children:e}))})};c('.panel {\r\n border: 0 none;\r\n}\r\n\r\n.panel-default {\r\n box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);\r\n margin-bottom: 20px;\r\n background-color: #fff;\r\n border-radius: 8px;\r\n}\r\n\r\n.panel-default > .panel-heading {\r\n color: #000;\r\n}\r\n\r\n.panel-default > .panel-heading {\r\n background-color: #F8F8F8;\r\n}\r\n\r\n.panel-heading {\r\n padding: 10px 40px;\r\n border-bottom: 1px solid transparent;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n}\r\n\r\n.panel-body {\r\n padding: 15px 40px;\r\n}\r\n\r\n.portlet-body .panel-title:last-child, .panel-group.panel-group-accordion .panel-title:last-child, .form-title:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.panel-group.panel-group-accordion .panel-title, .portlet-body .panel-title {\r\n font-size: 16px;\r\n}\r\n\r\n.portlet-body .panel-title, .panel-group.panel-group-accordion .panel-title, .form-title {\r\n font-family: "SF UI Display", sans-serif;\r\n line-height: 1.2;\r\n color: inherit;\r\n font-weight: bold;\r\n margin: 0;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.panel-title {\r\n font-size: 1em;\r\n font-weight: 500;\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n}\r\n\r\n.panel-title {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n font-size: 16px;\r\n color: inherit;\r\n}');var b=function(e){var i=e.label,a=e.children,d=e.st,c=e.fontSizeLabel,s=e.id,p=e.className,f=e.fontSizeBody,m=e.onAnimationEnd,h=e.animated;return o((function(){if(void 0!==h){var n=document.getElementsByClassName("animated-".concat(h.name))[0];null==n||n.setAttribute(h.name,h.value)}}),[null==h?void 0:h.value]),n(t.Fragment,{children:r("div",l({className:"panel panel-default ".concat(p," ").concat(void 0!==h?"animated-".concat(h.name):""),style:d,id:s,onAnimationEnd:m},{children:[i&&n("div",l({className:"panel-heading"},{children:n("h3",l({style:{fontSize:c},className:"panel-title"},{children:i}))})),n("div",l({className:"panel-body",style:{fontSize:f}},{children:a}))]}))})};c(".table-responsive .table {\r\n min-width: 100%;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.table-bordered.table-bordered-half {\r\n border-width: 0;\r\n}\r\n\r\ntable, .table {\r\n font-size: 13px;\r\n color: #656565;\r\n border-collapse: collapse;\r\n border-top-width: 0;\r\n}\r\n\r\n.table-bordered {\r\n border: 1px solid #C4C4C4;\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-bottom: 20px;\r\n}\r\n\r\ntable {\r\n background-color: transparent;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntable thead tr {\r\n border-top: 0;\r\n}\r\ntable thead tr th {\r\n border-top: 0;\r\n}\r\ntable thead tr th:first-child {\r\n border-left: 0;\r\n}\r\ntable thead tr th:last-child {\r\n border-right: 0;\r\n}\r\ntable tbody tr td:first-child {\r\n border-left: 0;\r\n}\r\ntable tbody tr td:last-child {\r\n border-right: 0;\r\n}\r\n\r\ntable > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {\r\n vertical-align: middle;\r\n}\r\n\r\n.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {\r\n padding: 12px 20px;\r\n line-height: 1.42857;\r\n}");var g=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("table",l({className:"table table-bordered table-bordered-half ".concat(a),style:e,id:o,onClick:d},{children:i}))})},v=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("thead",l({style:e,id:o,className:a,onClick:d},{children:i}))})},x=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("tbody",l({style:e,className:a,id:o,onClick:d},{children:i}))})},w=function(r){var e=r.st,i=r.children,o=r.onClick,a=r.id,d=r.className;return n(t.Fragment,{children:n("tr",l({style:e,onClick:o,id:a,className:d},{children:i}))})},y=function(r){var e=r.st,i=r.row,o=r.col,a=r.children,d=r.onClick,c=r.id,s=r.className;return n(t.Fragment,{children:n("th",l({style:e,rowSpan:i,colSpan:o,onClick:d,id:c,className:s},{children:a}))})},k=function(r){var e=r.st,i=r.row,o=r.col,a=r.children,d=r.onClick,c=r.id,s=r.onBlur,p=r.onFocus,f=r.className;return n(t.Fragment,{children:n("td",l({style:e,rowSpan:i,colSpan:o,onClick:d,id:c,onBlur:s,onFocus:p,className:f},{children:a}))})},N=function(r){var e=r.st,i=r.children,o=r.id,a=r.className,d=r.onClick;return n(t.Fragment,{children:n("tfoot",l({style:e,id:o,className:a,onClick:d},{children:i}))})};c(".f-dialog {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n background: rgba(0, 0, 0, 0.65);\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1000;\r\n}\r\n\r\n.f-dialog:target {\r\n display: none;\r\n -webkit-animation: fade .6s;\r\n -moz-animation: fade .6s;\r\n animation: fade .6s;\r\n}\r\n\r\n.f-dialog-table {\r\n justify-content: center;\r\n align-items: center;\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.f-dialog-content {\r\n display: flex;\r\n flex-direction: column;\r\n /* максимально возможная ширина */\r\n margin: 8em 1em 5em 1em;\r\n max-width: 100vh;\r\n max-height: 95vh;\r\n}\r\n\r\n/* Заголовок с кнопкой закрытия */\r\n.f-dialog-container {\r\n width: 100%;\r\n}\r\n\r\n.f-dialog-container div:nth-child(1) {\r\n float: left;\r\n}\r\n\r\n.f-dialog-container div:nth-child(2) {\r\n float: right;\r\n}\r\n\r\n.cl-btn-3 {\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.cl-btn-3 .top,\r\n.cl-btn-3 .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.cl-btn-3 .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.cl-btn-3 .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.cl-btn-3:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.cl-btn-3:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.cl-btn-3:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0%;\r\n }\r\n to {\r\n top: 0%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0%;\r\n }\r\n to {\r\n left: 0%;\r\n width: 100%;\r\n }\r\n}\r\n");var C=function(r){var e=r.children,i=r.openAndClose,a=r.id,d=r.className,c=r.st;return o((function(){document.body.style.overflow=i?"hidden":"auto"}),[i]),n(t.Fragment,{children:n("div",l({className:"f-dialog ".concat(void 0!==d?d:""),style:{display:i?"block":"none"},id:a},{children:n("div",l({className:"f-dialog-table"},{children:n("div",l({className:"f-dialog-content modal-content",style:c},{children:e}))}))}))})},F=function(e){var i=e.title,o=e.handleClose;return n(t.Fragment,{children:n("div",l({className:"modal-header"},{children:r("div",l({className:"f-dialog-container"},{children:[n("div",{children:n("h4",l({className:"modal-title",style:{margin:0}},{children:void 0===i?"":i}))}),void 0!==o&&n("div",{children:r("div",l({className:"cl-btn-3",onClick:o},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})]}))}))})},z=function(r){var e=r.st,i=r.children,o={};return r.scroll&&(o.overflowY="scroll"),void 0!==e&&(o=Object.assign(o,e)),n(t.Fragment,{children:n("div",l({className:"modal-body",style:o},{children:i}))})},S=function(r){var e=r.children;return n(t.Fragment,{children:n("div",l({className:"modal-footer"},{children:e}))})};c(".f-progress {\r\n width: 5rem;\r\n height: 5rem;\r\n margin: 2rem;\r\n border-radius: 50%;\r\n border: 0.7rem solid rgba(151, 159, 208, 0.3);\r\n border-top-color: #2164BE;\r\n animation: 1.2s spin infinite linear;\r\n}");var O=function(r){var e=r.st,i=r.color,o=void 0===i?"primary":i,a={borderTopColor:"primary"===o?"#007bff":"secondary"===o?"#6c757d":"success"===o?"#28a745":"danger"===o?"#dc3545":"warning"===o?"#ffc107":"info"===o?"#17a2b8":"light"===o?"#f8f9fa":"dark"===o?"#343a40":"#007bff"};return void 0!==e&&(a=Object.assign(a,e)),n(t.Fragment,{children:n("div",{style:a,className:"f-progress"})})};c(".f-preloader {\r\n display: block;\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 1001;\r\n}\r\n\r\n.f-preloader-row {\r\n position: relative;\r\n top: 50%;\r\n left: 50%;\r\n width: 70px;\r\n height: 70px;\r\n margin-top: -35px;\r\n margin-left: -35px;\r\n text-align: center;\r\n animation: preloader-rotate 2s infinite linear;\r\n}");var B=function(r){var e=r.st,i=r.backgroundColor,o=void 0===i?"#e0e0e0":i,a=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var c={backgroundColor:o,display:d?"block":"none"};return void 0!==e&&(c=Object.assign(c,e)),n(t.Fragment,{children:n("div",l({className:"f-preloader",style:c},{children:n("div",l({className:"f-preloader-row"},{children:a}))}))})};c('.f-checkbox label {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n color: #656565;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n align-items: center;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-color: #fff;\r\n margin: 0;\r\n font: inherit;\r\n color: #fff;\r\n width: 1.15em;\r\n height: 1.15em;\r\n border: 1px solid #C4C4C4;\r\n border-radius: 0.15em;\r\n display: grid;\r\n place-content: center;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]::before {\r\n content: "";\r\n width: 10px;\r\n height: 10px;\r\n -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n transform: scale(0);\r\n transform-origin: bottom left;\r\n transition: 120ms transform ease-in-out;\r\n background-color: #fff;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:checked::before {\r\n transform: scale(1);\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:checked {\r\n transform: scale(1);\r\n border: 1px solid #2F80ED;\r\n background-color: #2F80ED;\r\n color: #fff;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:focus {\r\n outline: none !important;\r\n}\r\n\r\n.f-checkbox label input[type=checkbox]:disabled {\r\n cursor: not-allowed;\r\n}\r\n');var j=function(e){var i=e.label,o=e.onClick,a=e.defaultChecked,d=e.className,c=e.id,s=e.st,p=e.checked,f=e.disabled;return n(t.Fragment,{children:n("div",l({className:"f-checkbox ".concat(void 0!==d?d:""),id:c,style:s},{children:r("label",{children:[n("input",{defaultChecked:a,type:"checkbox",onClick:o,checked:p,disabled:f}),i]})}))})};c('.f-radio label {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 8px;\r\n color: #656565;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n align-items: center;\r\n}\r\n\r\n/* Наружний круг */\r\n.f-radio label input[type=radio] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-color: white;\r\n margin: 0;\r\n font: inherit;\r\n color: #C4C4C4;\r\n width: 16px;\r\n height: 16px;\r\n border: 1px solid #C4C4C4;\r\n border-radius: 50%;\r\n transform: translateY(-0.075em);\r\n display: grid;\r\n place-content: center;\r\n}\r\n\r\n/* Наружний круг Когда активен */\r\n.f-radio label input[type=radio]:checked {\r\n border: 1px solid #2F80ED;\r\n}\r\n\r\n.f-radio label input[type=radio]:focus {\r\n outline: none !important;\r\n}\r\n\r\n/* Наружний круг Когда заблокирован */\r\n.f-radio label input[type=radio]:disabled {\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Внутренний круг */\r\n.f-radio label input[type=radio]::before {\r\n content: "";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n transform: scale(0);\r\n transition: 120ms transform ease-in-out;\r\n box-shadow: inset 1em 1em #2F80ED;\r\n}\r\n\r\n/* Внутренний круг Когда активен */\r\n.f-radio label input[type=radio]:checked::before {\r\n transform: scale(1);\r\n}\r\n');var E=function(e){var i=e.label,o=e.onClick,a=e.className,d=e.id,c=e.st,s=e.checked,p=e.disabled;return n(t.Fragment,{children:n("div",l({className:"f-radio ".concat(void 0!==a?a:""),id:d,style:c},{children:r("label",{children:[n("input",{type:"radio",onClick:o,checked:s,disabled:p}),i]})}))})},A=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};c(".pagination-container {\r\n display: flex;\r\n list-style-type: none;\r\n}\r\n.pagination-container .pagination-item {\r\n padding: 0 12px;\r\n height: 32px;\r\n text-align: center;\r\n margin: auto 4px;\r\n color: rgba(0, 0, 0, 0.87);\r\n display: flex;\r\n box-sizing: border-box;\r\n align-items: center;\r\n letter-spacing: 0.01071em;\r\n border-radius: 4px;\r\n line-height: 1.43;\r\n font-size: 13px;\r\n min-width: 32px;\r\n}\r\n.pagination-container .pagination-item.dots:hover {\r\n background-color: transparent;\r\n cursor: default;\r\n}\r\n.pagination-container .pagination-item:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n cursor: pointer;\r\n}\r\n.pagination-container .pagination-item.selected {\r\n background-color: #2F80ED;\r\n color: white;\r\n}\r\n.pagination-container .pagination-item .arrow::before {\r\n position: relative;\r\n /* top: 3pt; Uncomment this to lower the icons as requested in comments*/\r\n content: '';\r\n /* By using an em scale, the arrows will size with the font */\r\n display: inline-block;\r\n width: 0.4em;\r\n height: 0.4em;\r\n border-right: 0.12em solid rgba(0, 0, 0, 0.87);\r\n border-top: 0.12em solid rgba(0, 0, 0, 0.87);\r\n}\r\n.pagination-container .pagination-item .arrow.left {\r\n transform: rotate(-135deg) translate(-50%);\r\n}\r\n.pagination-container .pagination-item .arrow.right {\r\n transform: rotate(45deg);\r\n}\r\n.pagination-container .pagination-item.disabled {\r\n pointer-events: none;\r\n}\r\n.pagination-container .pagination-item.disabled .arrow::before {\r\n border-right: 0.12em solid rgba(0, 0, 0, 0.43);\r\n border-top: 0.12em solid rgba(0, 0, 0, 0.43);\r\n}\r\n.pagination-container .pagination-item.disabled:hover {\r\n background-color: transparent;\r\n cursor: default;\r\n}\r\n");var D=function(e){var i=e.currentPage,o=e.totalCount,c=e.pageSize,s=e.onPageChange,p=e.id,f=e.className,m=e.st,h=e.siblingCount,u=function(n){var r=n.totalCount,t=n.pageSize,e=n.siblingCount,i=void 0===e?1:e,o=n.currentPage;return a((function(){var n=Math.ceil(r/t);if(i+5>=n)return A(1,n);var e=Math.max(o-i,1),a=Math.min(o+i,n),l=e>2,c=a<n-2,s=n;return!l&&c?d(d([],A(1,3+2*i),!0),["...",n],!1):l&&!c?d([1,"..."],A(n-(3+2*i)+1,n),!0):l&&c?d(d([1,"..."],A(e,a),!0),["...",s],!1):void 0}),[r,t,i,o])}({currentPage:i,totalCount:o,siblingCount:h,pageSize:c});if(0===i||u.length<2)return null;var b=u[u.length-1];return n(t.Fragment,{children:r("ul",l({className:"pagination-container ".concat(void 0!==f?f:""),style:m,id:"".concat(void 0!==p?p:"")},{children:[n("li",l({className:"pagination-item ".concat(1===i?"disabled":""),onClick:function(){s(i-1)}},{children:n("div",{className:"arrow left"})})),u.map((function(r){return n("li","..."===r?l({className:"pagination-item dots"},{children:"…"}):l({className:"pagination-item ".concat(r===i?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n("li",l({className:"pagination-item ".concat(i===b?"disabled":""),onClick:function(){s(i+1)}},{children:n("div",{className:"arrow right"})}))]}))})};c('.fv-tl-block-card {\r\n position: relative;\r\n max-width: 100%;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd) {\r\n padding: 30px 0 30px 30px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) {\r\n padding: 30px 30px 30px 0;\r\n}\r\n\r\n.fv-tl-block-card::before {\r\n content: "";\r\n position: absolute;\r\n width: 50%;\r\n border: solid #0d6efd;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd)::before {\r\n left: 0px;\r\n top: -4.5px;\r\n bottom: -4.5px;\r\n border-width: 5px 0 5px 5px;\r\n border-radius: 50px 0 0 50px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even)::before {\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n border-width: 5px 5px 5px 0;\r\n border-radius: 0 50px 50px 0;\r\n}\r\n\r\n.fv-tl-block-card:first-child::before {\r\n border-top: 0;\r\n border-top-left-radius: 0;\r\n}\r\n\r\n.fv-tl-block-card:last-child:nth-child(odd)::before {\r\n border-bottom: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\n\r\n.fv-tl-block-card:last-child:nth-child(even)::before {\r\n border-bottom: 0;\r\n border-bottom-right-radius: 0;\r\n}\r\n\r\n.fv-tl-card {\r\n position: inherit;\r\n z-index: 1;\r\n}\r\n\r\n.fv-tl-line-circle {\r\n color: #0d6efd;\r\n position: relative;\r\n}\r\n\r\n.fv-tl-line-circle::before {\r\n content: "";\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n background: white;\r\n border-radius: 999px;\r\n border: 3px solid #0d6efd;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle {\r\n text-align: right;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(odd) > .fv-tl-line-circle::before {\r\n left: -32px;\r\n}\r\n\r\n.fv-tl-block-card:nth-child(even) > .fv-tl-line-circle::before {\r\n right: -30px;\r\n}');var I=function(r){var e=r.children,i=r.st,o=r.id,a=r.className;return n(t.Fragment,{children:n("div",l({className:"fv-timeline ".concat(void 0!==a?a:""),style:i,id:o},{children:e}))})},M=function(e){var i=e.children,o=e.st,a=e.title,d=e.id,c=e.className;return n(t.Fragment,{children:r("div",l({className:"fv-tl-block-card ".concat(void 0!==c?c:""),id:d},{children:[n("div",{className:"fv-tl-line-circle"}),n(b,l({label:a,st:o,className:"fv-tl-card"},{children:i}))]}))})};c(".fv_close {\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n transform: rotate(45deg) scale(2);\r\n}\r\n\r\n.fv_close .top,\r\n.fv_close .bot {\r\n display: block;\r\n background: #337AB7;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n animation-timing-function: cubic-bezier(1, 0, 0, 1);\r\n animation-iteration-count: 1;\r\n}\r\n\r\n.fv_close .top {\r\n height: 100%;\r\n width: 2px;\r\n margin-left: -1px;\r\n transform: skewY(45deg);\r\n top: 0;\r\n}\r\n\r\n.fv_close .bot {\r\n width: 100%;\r\n height: 2px;\r\n margin-top: -1px;\r\n transform: skewX(-45deg);\r\n left: 0;\r\n}\r\n\r\n.fv_close:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.fv_close:hover .top {\r\n animation: top-out 0.25s forwards, top-in 0.25s forwards 0.25s;\r\n}\r\n\r\n.fv_close:hover .bot {\r\n animation: bot-out 0.25s forwards 0.1s, bot-in 0.25s forwards 0.35s;\r\n}\r\n\r\n@-webkit-keyframes top-out {\r\n from {\r\n top: 0;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0;\r\n }\r\n}\r\n\r\n@keyframes top-out {\r\n from {\r\n top: 0;\r\n height: 100%;\r\n }\r\n to {\r\n top: 100%;\r\n height: 0;\r\n }\r\n}\r\n\r\n@-webkit-keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0;\r\n }\r\n to {\r\n top: 0;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@keyframes top-in {\r\n from {\r\n top: -100%;\r\n height: 0;\r\n }\r\n to {\r\n top: 0;\r\n height: 100%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-out {\r\n from {\r\n left: 0;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0;\r\n }\r\n}\r\n\r\n@keyframes bot-out {\r\n from {\r\n left: 0;\r\n width: 100%;\r\n }\r\n to {\r\n left: 100%;\r\n width: 0;\r\n }\r\n}\r\n\r\n@-webkit-keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0;\r\n }\r\n to {\r\n left: 0;\r\n width: 100%;\r\n }\r\n}\r\n\r\n@keyframes bot-in {\r\n from {\r\n left: -100%;\r\n width: 0;\r\n }\r\n to {\r\n left: 0;\r\n width: 100%;\r\n }\r\n}");var V=function(e){var i=e.handleClose,o=e.st,a=e.className,d=e.id;return n(t.Fragment,{children:r("div",l({className:"fv_close ".concat(void 0!==a?a:""),onClick:i,style:o,id:d},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})};c(".primary {\r\n fill: #2F80ED !important;\r\n}\r\n.secondary {\r\n fill: #6c757d !important;\r\n}\r\n.success {\r\n fill: #198754 !important;\r\n}\r\n.danger {\r\n fill: #dc3545 !important;\r\n}\r\n.warning {\r\n fill: #ffc107 !important;\r\n}\r\n.info {\r\n fill: #0dcaf0 !important;\r\n}\r\n.light {\r\n fill: #f8f9fa !important;\r\n}\r\n.dark {\r\n fill: #212529 !important;\r\n}\r\n.link {\r\n fill: #0a58ca !important;\r\n}\r\n\r\n.arrow-icon {\r\n transition: all .2s ease;\r\n}");var L=function(r){var t=r.color,e=void 0===t?"primary":t,i=r.size,o=void 0===i?32:i,a=r.st,d=r.direction,c=void 0===d?"right":d,s=r.handleClick,p=r.id,f=r.className,m={transform:"rotate(\n ".concat("down"===c?90:"up"===c?-90:"right"===c?0:180,"deg)")};return a=Object.assign({},m,a),n("svg",l({width:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:"arrow-icon ".concat(e," ").concat(void 0!==f?f:""),style:a,onClick:s,id:p},{children:n("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"})}))};c(".primary {\r\n fill: #2F80ED !important;\r\n}\r\n.secondary {\r\n fill: #6c757d !important;\r\n}\r\n.success {\r\n fill: #198754 !important;\r\n}\r\n.danger {\r\n fill: #dc3545 !important;\r\n}\r\n.warning {\r\n fill: #ffc107 !important;\r\n}\r\n.info {\r\n fill: #0dcaf0 !important;\r\n}\r\n.light {\r\n fill: #f8f9fa !important;\r\n}\r\n.dark {\r\n fill: #212529 !important;\r\n}\r\n.link {\r\n fill: #0a58ca !important;\r\n}");var H=function(r){var t=r.color,e=void 0===t?"primary":t,i=r.size,o=void 0===i?32:i,a=r.st,d=r.className,c=r.id,s=r.handleClick;return n("svg",l({onClick:s,className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium ".concat(e," ").concat(void 0!==d?d:""),id:c,width:o,style:a,focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"AddCircleOutlineOutlinedIcon"},{children:n("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"})}))},T=function(t){var e=t.color,i=void 0===e?"primary":e,o=t.size,a=void 0===o?32:o,d=t.st,c=t.id,s=t.className,p=t.handleClick;return r("svg",l({onClick:p,xmlns:"http://www.w3.org/2000/svg",width:a,style:d,className:"bi bi-trash ".concat(i," ").concat(void 0!==s?s:""),viewBox:"0 0 16 16",id:c},{children:[n("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"}),n("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"})]}))};c(".fv-opn-img-full-body {\r\n position: relative;\r\n padding: 20px 30px 15px;\r\n}\r\n\r\n.fv-opn-img-full-body {\r\n position: relative;\r\n flex: 1 1 auto;\r\n padding: var(--bs-modal-padding);\r\n}\r\n");var W=function(e){var i=e.id,o=e.className,a=e.st,d=e.imagesUrl,c=e.selectedImg,s=e.setSelectedImg,p=e.handleClose,f=e.openAndClose,h={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"};return void 0!==a&&(h=Object.assign(h,a)),n(t.Fragment,{children:0!==d.length&&c>=0&&c<d.length&&n(C,l({openAndClose:f,st:h,className:o,id:i},{children:n("div",l({className:"fv-opn-img-full-body"},{children:r(m,l({direction:"row-reverse",spacing:2},{children:[n("div",l({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==p&&n(V,{handleClose:function(){p(),document.body.style.overflow="auto"}})})),r(m,l({direction:"row",spacing:2,alignItems:"center",justifyContent:"center"},{children:[c>0?n(L,{direction:"left",handleClick:function(){return s(c-1)}}):n("div",l({style:{width:"35px",height:"35px"}},{children:"ㅤ"})),n("img",{src:d[c],style:{objectFit:"contain",width:"100%",height:"100%"}}),c<d.length-1?n(L,{direction:"right",handleClick:function(){return s(c+1)}}):n("div",l({style:{width:"35px",height:"35px"}},{children:"ㅤ"}))]}))]}))}))}))})};c(":root {\r\n --color-bg: #eeedeb;\r\n --color-title: #0e1c4e;\r\n --color-summary-1: #fff6ee;\r\n --color-summary-1-highlight: #FBE62B;\r\n --color-summary-2: #fafaff;\r\n --color-summary-2-highlight: #2F80ED;\r\n --color-summary-3: #fff0f3;\r\n --color-summary-3-highlight: #D10000;\r\n}\r\n\r\n.card h1 {\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 20px;\r\n line-height: 1.2;\r\n color: var(--color-title);\r\n}\r\n\r\n.fv-accord-title {\r\n cursor: pointer;\r\n}\r\n\r\n.card details {\r\n display: flex;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n background: rgba(0, 0, 0, 0.05);\r\n border-left: 15px solid gray;\r\n padding: 15px;\r\n margin: 0;\r\n}\r\n\r\n.card details.warning {\r\n --highlight: var(--color-summary-1-highlight);\r\n background: var(--color-summary-1);\r\n border-left-color: var(--color-summary-1-highlight);\r\n}\r\n\r\n.card details.warning p {\r\n list-style-type: corona-warning;\r\n}\r\n\r\n.card details.info {\r\n --highlight: var(--color-summary-2-highlight);\r\n background: var(--color-summary-2);\r\n border-left-color: var(--color-summary-2-highlight);\r\n}\r\n\r\n.card details.info p {\r\n list-style-type: corona-info;\r\n}\r\n\r\n.card details.alert {\r\n --highlight: var(--color-summary-3-highlight);\r\n background: var(--color-summary-3);\r\n border-left-color: var(--highlight);\r\n}\r\n\r\n.card details.alert p {\r\n list-style-type: corona-alert;\r\n}\r\n\r\n.card details summary,\r\n.card details p {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n align-content: center;\r\n justify-content: flex-start;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-size: 18px;\r\n color: var(--color-title);\r\n padding: 20px;\r\n}\r\n\r\n.card details[open] summary {\r\n font-weight: 700;\r\n}\r\n");var _=function(e){var i=e.variant,o=void 0===i?"info":i,a=e.title,d=e.children,c=e.id,s=e.className,p=e.st;return n(t.Fragment,{children:n("div",l({className:"card ".concat(void 0!==s?s:""),id:c},{children:r("details",l({className:o,style:p},{children:[n("summary",l({className:"fv-accord-title"},{children:a})),d]}))}))})};c('.custom-file {\r\n position: relative;\r\n}\r\n\r\n.custom-file .custom-file-input:not([disabled]) {\r\n cursor: pointer;\r\n}\r\n\r\n.custom-file .custom-file-input {\r\n position: absolute;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n opacity: 0;\r\n}\r\n\r\ninput[type="file"] {\r\n display: block;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label {\r\n position: relative;\r\n display: block;\r\n background: rgba(47, 128, 237, 0.1);\r\n border: 1px dashed #2F80ED;\r\n border-radius: 8px;\r\n padding: 20px;\r\n padding-top: 10px;\r\n text-align: center;\r\n font-family: "SF UI Display", sans-serif;\r\n font-size: 14px;\r\n color: #7AAEF3;\r\n}\r\n\r\n.custom-file .custom-file-label {\r\n cursor: pointer;\r\n padding: 5px;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file .svg-icon .icon-md, .svg-icon.lexicon-icon-md {\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.custom-file svg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n.custom-file .svg-icon {\r\n display: inline-block;\r\n fill: currentColor;\r\n width: 22px;\r\n height: 22px;\r\n vertical-align: middle;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label b, .custom-file.custom-file-dropzone .custom-file-label .svg-icon {\r\n color: #2F80ED;\r\n}\r\n\r\n.custom-file b, strong {\r\n font-weight: bold;\r\n}\r\n\r\n.custom-file.custom-file-dropzone .custom-file-label small {\r\n font-size: 13px;\r\n}\r\n\r\n.custom-file small, .small {\r\n font-size: 92%;\r\n}\r\n\r\n.custom-file small {\r\n font-size: 80%;\r\n}\r\n\r\n.form-group .custom-files-preview {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n min-height: 34px;\r\n}\r\n\r\n.custom-file .hidden {\r\n display: none !important;\r\n}');var P=function(i){var a=i.id,d=i.className,c=i.st,s=i.dataMaxSize,p=i.name,f=i.accept,m=i.multiple,h=void 0!==m&&m,u=i.onChange,b=i.disabled,g=void 0!==b&&b,v=i.deleteFile,x=i.title,w={customFileLabel:void 0,svgIcon:void 0,span:void 0,b:void 0};g&&(w={customFileLabel:{backgroundColor:"#F3F3F3",borderRadius:"8px",border:"1px dashed #C4C4C4"},svgIcon:{color:"#888888"},span:{color:"#C4C4C4"},b:{color:"#888888"}});var y=e({value:void 0});return o((function(){v&&(y.current.value=null)}),[v]),n(t.Fragment,{children:r("div",l({className:"custom-file custom-file-dropzone",style:c},{children:[n("input",{accept:f,type:"file",className:"custom-file-input ".concat(void 0!==d?d:""),name:p,id:a,title:x,"data-max-size":null==s?void 0:s.size,multiple:h,onChange:function(n){if(n.target.files&&n.target.files[0]){var r=void 0;if("МБ"===(null==s?void 0:s.dimension)?r=1024*s.size*1024:"КБ"===(null==s?void 0:s.dimension)&&(r=1024*s.size),void 0!==r){var t=new DataTransfer;Object.values(n.target.files).forEach((function(n){n.size<=r&&t.items.add(n)})),u(t.files)}else u(n.target.files)}},disabled:g,ref:y}),r("label",l({className:"custom-file-label",style:w.customFileLabel},{children:[r("svg",l({className:"svg-icon icon-md",focusable:"false",role:"img",viewBox:"0 0 36 35",style:w.svgIcon},{children:[n("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"}),n("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"})]})),n("br",{}),r("span",l({style:w.span},{children:[n("b",l({style:w.b},{children:"Выберите"}))," или переместите файл для загрузки",n("br",{})," ",r("small",{children:["Максимальный размер ",null==s?void 0:s.size," ",null==s?void 0:s.dimension]})]}))]}))]}))})},U=function(e){var i=e.id,o=e.className,a=e.st,d=e.handleDelete,c=e.name;return n(t.Fragment,{children:r(m,l({direction:"row",spacing:1,className:o,id:i,st:a},{children:[r("svg",l({className:"svg-icon text-primary",focusable:"false",role:"img",viewBox:"0 0 24 24"},{children:[n("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"}),n("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"})]})),r(m,l({direction:"row",justifyContent:"space-between",st:{width:"100%"}},{children:[n("span",{children:c}),n(V,{handleClose:d,st:{width:"10px",height:"10px",marginTop:"7px",marginRight:"15px",marginLeft:"8px"}})]}))]}))})};c("");var Y=function(e){var i=e.label,o=e.st,a=e.onChange,d=e.children,c=e.value,s=e.multiple,p=e.size,f=e.fullWidth,m=e.disabled,h=e.defaultValue,u=e.id,b=e.className;return n(t.Fragment,{children:r("div",l({className:"form-group ".concat(void 0!==b?b:""),style:{width:f?"100%":"fit-content",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},id:u},{children:[n("label",l({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:i})),n("select",l({disabled:m,style:o,className:"form-control",onChange:a,value:c,multiple:s,size:p,defaultValue:h},{children:d}))]}))})},q=function(r){var e=r.st,i=r.value,o=r.children,a=r.onClick,d=r.disabled,c=r.className,s=r.id;return n(t.Fragment,{children:n("option",l({selected:!0,disabled:d,onClick:a,style:e,value:i,className:c,id:s},{children:o}))})},R=function(e){var i=e.label,o=e.st,a=e.value,d=e.onChange,c=e.fullWidth,s=e.defaultValue,p=e.disabled,f=e.readOnly,m={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:c?"100%":"fit-content"};return o=Object.assign({},o,m),n(t.Fragment,{children:r("div",l({className:"form-group",style:o},{children:[i&&n("label",l({className:"control-label",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:i})),n("input",{readOnly:f,disabled:p,required:!0,defaultValue:s,value:a,onChange:d,type:"date",className:"form-control"})]}))})},X=function(e){var a=e.value,d=e.st,c=e.label,s=e.optionLabel,p=e.optArray,f=e.fetchingFc,m=e.selectedOpt,h=e.fullWidth,u=e.id,b=e.className,g=e.disabled,v=e.readOnly,x=i(!1),w=x[0],y=x[1],k=i(""),N=k[0],C=k[1],F=i(void 0),z=F[0],S=F[1];return d=Object.assign({},d,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"fit-content"}),h&&(d.width="100%"),o((function(){C(a)}),[a]),n(t.Fragment,{children:r("div",l({className:"form-group ".concat(void 0!==b?b:""),style:d,id:u},{children:[c&&n("label",l({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:c})),n("input",{readOnly:v,disabled:g,required:!0,type:"text",list:"cars",value:N,onChange:function(n){""!==n.target.value?(C(n.target.value),f(n.target.value,S),y(!0)):(C(""),S(void 0),m(void 0),y(!1))},className:"form-control input-select-search",onFocus:function(){void 0===a||""===a[s]?y(!1):y(!0)},onBlur:function(){0===Object.values(N).length&&y(!1)}}),n("div",l({className:"dropdown-select-search",style:{display:w?"block":"none",width:"inherit"}},{children:null!=z&&z.slice(0,10).map((function(r,t){return n("option",l({onClick:function(){m(r),y(!1),C(r[s])}},{children:p(r)}),t)}))}))]}))})};export{_ as FAccordion,s as FButton,p as FButtonFile,j as FCheckbox,u as FContainer,C as FDialog,z as FDialogBody,S as FDialogFooter,F as FDialogHeader,U as FFile,R as FFullDateField,h as FGrid,L as FIcoArrow,V as FIcoClose,P as FInputFileForm,W as FOpenImgFull,D as FPagination,b as FPaper,H as FPlusIcon,B as FPreloader,O as FProgress,E as FRadioButton,Y as FSelect,q as FSelectItem,X as FSelectSearchDb,m as FStack,g as FTable,x as FTableBody,k as FTableDataCell,N as FTableFooter,v as FTableHead,y as FTableHeaderCell,w as FTableRow,f as FTextField,I as FTimeline,M as FTimelineCard,T as FTrashIcon};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|