npm - fui-material - Versions diffs - 0.1.55 → 0.1.56 - Mend

fui-material 0.1.55 → 0.1.56

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.

Files changed (3) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),r=require("react");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=t(r),i=function(){return i=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},i.apply(this,arguments)};function o(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 a(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))}}a(".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}");a(".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}");a('.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}');a(".margin-item  {\r\n    margin: 0 0 0 8px;\r\n}");var l=function(r){var t=r.children,o=r.alignItems,a=r.justifyContent,l=r.direction,d=void 0===l?"column":l,s=r.spacing,c=void 0===s?0:s,m=r.className,f=r.st,p=r.id,h={gap:"".concat(8*+c,"px"),display:"flex",flexDirection:d,WebkitBoxPack:a,justifyContent:a,WebkitBoxAlign:o,alignItems:o};return void 0!==f&&(h=Object.assign(h,f)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:m,style:h,id:p},{children:t}))})},d=function(r){var t=r.children,o=r.className,a=r.st,l=r.id,d=r.obj,s=r.xs,c=r.sm,m=r.md,f=r.lg,p=r.xl,h=r.xxl,x=r.colAuto,b={paddingBottom:"16px"};return void 0!==a&&(b=Object.assign(b,a)),n.jsxs(e.default.Fragment,{children:["container"===d&&n.jsx("div",i({className:"container"},{children:n.jsx("div",i({className:"row ".concat(void 0!==o?o:""),style:a,id:l},{children:t}))})),"item"===d&&n.jsx("div",i({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==c?"col-sm-".concat(c):""," ").concat(void 0!==m?"col-md-".concat(m):""," ").concat(void 0!==f?"col-lg-".concat(f):""," ").concat(void 0!==p?"col-lg-".concat(f):""," ").concat(void 0!==h?"col-xxl-".concat(h):""," ").concat(void 0!==x?x:""),style:b,id:l},{children:t})),void 0===d&&n.jsx("div",{children:t})]})};a(".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}");a('.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 s=function(r){var t=r.label,o=r.children,a=r.st,l=r.fontSizeLabel,d=r.id,s=r.className,c=r.fontSizeBody;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"panel panel-default ".concat(s),style:a,id:d},{children:[t&&n.jsx("div",i({className:"panel-heading"},{children:n.jsx("h3",i({style:{fontSize:l},className:"panel-title"},{children:t}))})),n.jsx("div",i({className:"panel-body",style:{fontSize:c}},{children:o}))]}))})};a(".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}");a(".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: inline-block;\r\n    /* максимально возможная ширина */\r\n    max-width: 50em;\r\n    max-height: 50em;\r\n\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 t=r.children,o=r.openAndClose,a=r.id,l=r.className,d=r.st;return document.body.style.overflow=o?"hidden":"auto",n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f-dialog ".concat(void 0!==l?l:""),style:{display:o?"block":"none"},id:a},{children:n.jsx("div",i({className:"f-dialog-table"},{children:n.jsx("div",i({className:"f-dialog-content modal-content",style:d},{children:t}))}))}))})};a(".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}");a(".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 m=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};a(".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");a(".f_timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.f_timeline .f_timeline_body {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.f_timeline .fv_timeline_num {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row-reverse;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block .fv_left_line {\r\n    height: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillLeft 3s normal forwards;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_circle {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    flex-wrap: wrap;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    background-color: #2164BE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-left: 60px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-right: 30px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: block;\r\n    width: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillBottom 3s normal forwards;\r\n}\r\n\r\n.f_timeline .f_timeline_body:last-child .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: none;\r\n}\r\n\r\n@keyframes fillLeft {\r\n    0% {\r\n        width: 0;\r\n    }\r\n    100% {\r\n        width: 30px;\r\n    }\r\n}\r\n\r\n@keyframes fillBottom {\r\n    0% {\r\n        height: 0;\r\n    }\r\n    100% {\r\n        height: 100%;\r\n    }\r\n}");a(".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 f=function(r){var t=r.handleClose,o=r.st,a=r.className,l=r.id;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"fv_close ".concat(void 0!==a?a:""),onClick:t,style:o,id:l},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))})};a(".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 p=function(r){var t=r.className,o=r.id,a=r.st,l=r.handleNext;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"arrow-slider ".concat(void 0!==t?t:""),style:a,id:o,onClick:l},{children:n.jsx("svg",i({width:"35px",height:"35px",viewBox:"5 0 18 14"},{children:n.jsxs("g",{children:[n.jsx("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.jsx("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"})]})}))}))})};a(".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 h=function(r){var t=r.className,o=r.id,a=r.st,l=r.handleBack;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"arrow-slider ".concat(void 0!==t?t:""),id:o,style:a,onClick:l},{children:n.jsx("svg",i({width:"35px",height:"35px",viewBox:"-5 0 18 14"},{children:n.jsxs("g",i({transform:"translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000)"},{children:[n.jsx("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.jsx("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"})]}))}))}))})};a(".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");exports.FButton=function(r){var t=r.children,o=r.variant,a=void 0===o?"contained":o,l=r.color,d=void 0===l?"primary":l,s=r.size,c=void 0===s?"btn-sm":s,m=r.disabled,f=r.onClick,p=r.st,h=r.className,x=r.fullWidth,b=r.id,u=r.type,g=void 0===u?"button":u;return x&&(void 0===p?p={width:"100%"}:p.width="100%"),n.jsx(e.default.Fragment,{children:n.jsx("button",i({disabled:m,type:g,className:"btn ".concat("contained"===a?"btn":"btn-default","-").concat(d," ").concat(c," ").concat(void 0!==h?h:""),onClick:f,style:p,id:b},{children:t}))})},exports.FButtonFile=function(t){var a=t.children,d=t.variant,s=void 0===d?"contained":d,c=t.color,m=void 0===c?"primary":c,f=t.size,p=void 0===f?"btn-sm":f,h=t.disabled,x=t.st,b=t.className,u=t.fullWidth,g=t.id,v=t.onChange,w=t.multiple,y=void 0!==w&&w,k=t.maxCount,j=t.accept,_=t.spacing,N=t.direction,F=r.useRef(),C=r.useState([]),z=C[0],B=C[1];return u&&(void 0===x?x={width:"100%"}:x.width="100%"),n.jsxs(e.default.Fragment,{children:[n.jsx("button",i({disabled:h,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(m," ").concat(p," ").concat(void 0!==b?b:""),style:x,id:g,onClick:function(){return F.current.click()}},{children:a})),n.jsx("input",{style:{display:"none"},ref:F,onChange:function(n){var r=o([],z,!0);Object.values(n.target.files).map((function(n){r.push(n)})),B(r),v(r)},multiple:y,type:"file",hidden:!0,maxCount:k,accept:j}),n.jsx("div",i({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n.jsx(l,i({direction:N,spacing:_},{children:void 0!==z&&z.map((function(r,t){return n.jsxs("span",i({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n.jsx("span",i({className:"tag-file-name"},{children:r.name})),n.jsxs("span",i({className:"tag-file-size"},{children:["(",Math.round(+r.size/1024)," КБ)"]})),n.jsxs("div",i({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=o([],z,!0);n.splice(t,1),B(n)}},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))]}))}))}))}))]})},exports.FCheckbox=function(r){var t=r.label,o=r.onClick,a=r.defaultChecked,l=r.className,d=r.id,s=r.st,c=r.checked;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:void 0!==l?"checkbox ".concat(l):"checkbox",id:d,style:s},{children:n.jsxs("label",{children:[n.jsx("input",{defaultChecked:a,type:"checkbox",onClick:o,checked:c}),t&&n.jsx("span",{children:t})]})}))})},exports.FContainer=function(r){var t=r.children,o=r.className,a=r.st,l=r.id,d=r.maxWidth,s=void 0===d?"container-xs":d;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"".concat(void 0!==o?o:""," ").concat(s," f-container"),style:a,id:l},{children:t}))})},exports.FDialog=c,exports.FDialogBody=function(r){var t=r.st,o=r.children,a={};return r.scroll&&(a.overflowY="scroll"),void 0!==t&&(a=Object.assign(a,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-body",style:a},{children:o}))})},exports.FDialogFooter=function(r){var t=r.children;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-footer"},{children:t}))})},exports.FDialogHeader=function(r){var t=r.title,o=r.handleClose;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-header"},{children:n.jsxs("div",i({className:"f-dialog-container"},{children:[n.jsx("div",{children:n.jsx("h4",i({className:"modal-title",style:{margin:0}},{children:void 0===t?"":t}))}),void 0!==o&&n.jsx("div",{children:n.jsxs("div",i({className:"cl-btn-3",onClick:o},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))})]}))}))})},exports.FGrid=d,exports.FIcoArrowLeft=h,exports.FIcoArrowRight=p,exports.FIcoClose=f,exports.FOpenImgFull=function(t){var o=t.id,a=t.className,s=t.st,m=t.imagesUrl,x=t.selectedImg,b=t.handleClose,u=t.openAndClose,g=r.useState(x),v=g[0],w=g[1],y={boxShadow:"2px 2px 10px 5px rgb(0 0 0 / 0%)",backgroundColor:"inherit",overflow:"inherit"};void 0!==s&&(y=Object.assign(y,s));var k={display:"flex",justifyContent:"center",alignItems:"center"};return n.jsx(e.default.Fragment,{children:0!==m.length&&v>=0&&v<m.length&&n.jsx(c,i({openAndClose:u,st:y,className:a,id:o},{children:n.jsx("div",i({className:"fv-opn-img-full-body"},{children:n.jsxs(l,i({direction:"row-reverse"},{children:[n.jsx("div",i({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==b&&n.jsx(f,{handleClose:b})})),n.jsxs(d,i({obj:"container"},{children:[n.jsx(d,i({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:k},{children:v>0&&n.jsx(h,{handleBack:function(){return w(v-1)}})})),n.jsx(d,i({obj:"item",sm:10,md:10,lg:10,xl:10,xxl:10,st:k},{children:n.jsx("img",{src:m[v],style:{objectFit:"contain",width:"100%",height:"100%"}})})),n.jsx(d,i({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:k},{children:v<m.length-1&&n.jsx(p,{handleNext:function(){return w(v+1)}})}))]}))]}))}))}))})},exports.FPagination=function(t){var a=t.currentPage,l=t.totalCount,d=t.pageSize,s=t.onPageChange,c=t.id,f=t.className,p=t.st,h=t.siblingCount,x=function(n){var t=n.totalCount,e=n.pageSize,i=n.siblingCount,a=void 0===i?1:i,l=n.currentPage;return r.useMemo((function(){var n=Math.ceil(t/e);if(a+5>=n)return m(1,n);var r=Math.max(l-a,1),i=Math.min(l+a,n),d=r>2,s=i<n-2,c=n;return!d&&s?o(o([],m(1,3+2*a),!0),["...",n],!1):d&&!s?o([1,"..."],m(n-(3+2*a)+1,n),!0):d&&s?o(o([1,"..."],m(r,i),!0),["...",c],!1):void 0}),[t,e,a,l])}({currentPage:a,totalCount:l,siblingCount:h,pageSize:d});if(0===a||x.length<2)return null;var b=x[x.length-1];return n.jsx(e.default.Fragment,{children:n.jsxs("ul",i({className:"pagination-container ".concat(void 0!==f?f:""),style:p,id:"".concat(void 0!==c?c:"")},{children:[n.jsx("li",i({className:"pagination-item ".concat(1===a?"disabled":""),onClick:function(){s(a-1)}},{children:n.jsx("div",{className:"arrow left"})})),x.map((function(r){return"..."===r?n.jsx("li",i({className:"pagination-item dots"},{children:"…"})):n.jsx("li",i({className:"pagination-item ".concat(r===a?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n.jsx("li",i({className:"pagination-item ".concat(a===b?"disabled":""),onClick:function(){s(a+1)}},{children:n.jsx("div",{className:"arrow right"})}))]}))})},exports.FPaper=s,exports.FPreloader=function(r){var t=r.st,o=r.backgroundColor,a=void 0===o?"#e0e0e0":o,l=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var s={backgroundColor:a,display:d?"block":"none"};return void 0!==t&&(s=Object.assign(s,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f-preloader",style:s},{children:n.jsx("div",i({className:"f-preloader-row"},{children:l}))}))})},exports.FProgress=function(r){var t=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!==t&&(a=Object.assign(a,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",{style:a,className:"f-progress"})})},exports.FStack=l,exports.FTable=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("table",i({className:"table table-bordered table-bordered-half ".concat(l),style:t,id:a,onClick:d},{children:o}))})},exports.FTableBody=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("tbody",i({style:t,className:l,id:a,onClick:d},{children:o}))})},exports.FTableDataCell=function(r){var t=r.st,o=r.row,a=r.col,l=r.children,d=r.onClick,s=r.id,c=r.onBlur,m=r.onFocus,f=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("td",i({style:t,rowSpan:o,colSpan:a,onClick:d,id:s,onBlur:c,onFocus:m,className:f},{children:l}))})},exports.FTableFooter=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick,s={};return s=void 0!==t?Object.assign({marginTop:"16px",display:"flex"},t):{marginTop:"16px",display:"flex"},n.jsx(e.default.Fragment,{children:n.jsx("tfoot",i({style:s,id:a,className:l,onClick:d},{children:o}))})},exports.FTableHead=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("thead",i({style:t,id:a,className:l,onClick:d},{children:o}))})},exports.FTableHeaderCell=function(r){var t=r.st,o=r.row,a=r.col,l=r.children,d=r.onClick,s=r.id,c=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("th",i({style:t,rowSpan:o,colSpan:a,onClick:d,id:s,className:c},{children:l}))})},exports.FTableRow=function(r){var t=r.st,o=r.children,a=r.onClick,l=r.id,d=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("tr",i({style:t,onClick:a,id:l,className:d},{children:o}))})},exports.FTextField=function(r){var t=r.label,o=r.value,a=r.onChange,d=r.type,s=r.onBlur,c=r.onFocus,m=r.fullWidth,f=r.disabled,p=r.readOnly,h=r.defaultValue,x=r.errText,b=r.helpText,u=r.onInput,g=r.st,v=r.id,w=r.className,y=r.load,k=void 0!==y&&y,j=r.min,_=r.max;m&&(void 0===g?g={width:"100%"}:g.width="100%");return g=Object.assign({},g,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"\n                form-group ".concat(void 0!==w?w:""),style:g,id:v},{children:[t&&n.jsx("label",i({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:t})),n.jsxs("div",i({className:"".concat(k?"ui left icon input loading":"")},{children:[n.jsx("input",{style:{borderColor:void 0!==x&&x.length>0?"red":"#C4C4C4"},min:j,max:_,disabled:f,defaultValue:h,required:!0,onInput:u,readOnly:p||k,value:o,onChange:a,type:void 0===d?"text":d,className:"form-control",onBlur:s,onFocus:c}),void 0!==b&&n.jsx("span",i({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:b})),void 0!==x&&x.length>0&&n.jsx(l,i({direction:"column",st:{paddingLeft:"11px"}},{children:null==x?void 0:x.map((function(r,t){return n.jsx("span",i({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),k&&n.jsx("i",{className:"search icon"})]}))]}))})},exports.FTimeline=function(r){var t=r.children,o=r.st,a=r.id,l=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f_timeline ".concat(void 0!==l?l:""),style:o,id:a},{children:t}))})},exports.FTimelineBody=function(r){var t=r.children,o=r.st,a=r.title,l=r.icon;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"f_timeline_body"},{children:[n.jsx(s,i({label:a,st:o},{children:t})),n.jsxs("div",i({className:"fv_timeline_num"},{children:[n.jsx("div",{style:{height:"100%"}}),n.jsxs("div",i({className:"fv_num_block"},{children:[n.jsx("div",i({className:"fv_left_block"},{children:n.jsx("div",{className:"fv_left_line"})})),n.jsx("div",i({className:"fv_circle"},{children:l}))]})),n.jsx("div",i({className:"fv_bottom_block"},{children:n.jsx("div",{className:"fv_bottom_line"})}))]}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),r=require("react");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=t(r),i=function(){return i=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},i.apply(this,arguments)};function o(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 a(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))}}a(".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}");a(".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}");a('.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}');a(".margin-item  {\r\n    margin: 0 0 0 8px;\r\n}");var l=function(r){var t=r.children,o=r.alignItems,a=r.justifyContent,l=r.direction,d=void 0===l?"column":l,s=r.spacing,c=void 0===s?0:s,m=r.className,f=r.st,p=r.id,h={gap:"".concat(8*+c,"px"),display:"flex",flexDirection:d,WebkitBoxPack:a,justifyContent:a,WebkitBoxAlign:o,alignItems:o};return void 0!==f&&(h=Object.assign(h,f)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:m,style:h,id:p},{children:t}))})},d=function(r){var t=r.children,o=r.className,a=r.st,l=r.id,d=r.obj,s=r.xs,c=r.sm,m=r.md,f=r.lg,p=r.xl,h=r.xxl,x=r.colAuto,b={paddingBottom:"16px"};return void 0!==a&&(b=Object.assign(b,a)),n.jsxs(e.default.Fragment,{children:["container"===d&&n.jsx("div",i({className:"container"},{children:n.jsx("div",i({className:"row ".concat(void 0!==o?o:""),style:a,id:l},{children:t}))})),"item"===d&&n.jsx("div",i({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==c?"col-sm-".concat(c):""," ").concat(void 0!==m?"col-md-".concat(m):""," ").concat(void 0!==f?"col-lg-".concat(f):""," ").concat(void 0!==p?"col-lg-".concat(f):""," ").concat(void 0!==h?"col-xxl-".concat(h):""," ").concat(void 0!==x?x:""),style:b,id:l},{children:t})),void 0===d&&n.jsx("div",{children:t})]})};a(".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}");a('.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 s=function(r){var t=r.label,o=r.children,a=r.st,l=r.fontSizeLabel,d=r.id,s=r.className,c=r.fontSizeBody;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"panel panel-default ".concat(s),style:a,id:d},{children:[t&&n.jsx("div",i({className:"panel-heading"},{children:n.jsx("h3",i({style:{fontSize:l},className:"panel-title"},{children:t}))})),n.jsx("div",i({className:"panel-body",style:{fontSize:c}},{children:o}))]}))})};a(".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}");a(".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: inline-block;\r\n    /* максимально возможная ширина */\r\n    max-width: 80em;\r\n    max-height: 80em;\r\n\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 t=r.children,o=r.openAndClose,a=r.id,l=r.className,d=r.st;return document.body.style.overflow=o?"hidden":"auto",n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f-dialog ".concat(void 0!==l?l:""),style:{display:o?"block":"none"},id:a},{children:n.jsx("div",i({className:"f-dialog-table"},{children:n.jsx("div",i({className:"f-dialog-content modal-content",style:d},{children:t}))}))}))})};a(".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}");a(".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 m=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};a(".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");a(".f_timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.f_timeline .f_timeline_body {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.f_timeline .fv_timeline_num {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row-reverse;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block .fv_left_line {\r\n    height: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillLeft 3s normal forwards;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_circle {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    flex-wrap: wrap;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    background-color: #2164BE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-left: 60px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-right: 30px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: block;\r\n    width: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillBottom 3s normal forwards;\r\n}\r\n\r\n.f_timeline .f_timeline_body:last-child .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: none;\r\n}\r\n\r\n@keyframes fillLeft {\r\n    0% {\r\n        width: 0;\r\n    }\r\n    100% {\r\n        width: 30px;\r\n    }\r\n}\r\n\r\n@keyframes fillBottom {\r\n    0% {\r\n        height: 0;\r\n    }\r\n    100% {\r\n        height: 100%;\r\n    }\r\n}");a(".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 f=function(r){var t=r.handleClose,o=r.st,a=r.className,l=r.id;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"fv_close ".concat(void 0!==a?a:""),onClick:t,style:o,id:l},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))})};a(".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 p=function(r){var t=r.className,o=r.id,a=r.st,l=r.handleNext;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"arrow-slider ".concat(void 0!==t?t:""),style:a,id:o,onClick:l},{children:n.jsx("svg",i({width:"35px",height:"35px",viewBox:"5 0 18 14"},{children:n.jsxs("g",{children:[n.jsx("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.jsx("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"})]})}))}))})};a(".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 h=function(r){var t=r.className,o=r.id,a=r.st,l=r.handleBack;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"arrow-slider ".concat(void 0!==t?t:""),id:o,style:a,onClick:l},{children:n.jsx("svg",i({width:"35px",height:"35px",viewBox:"-5 0 18 14"},{children:n.jsxs("g",i({transform:"translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000)"},{children:[n.jsx("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.jsx("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"})]}))}))}))})};a(".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");exports.FButton=function(r){var t=r.children,o=r.variant,a=void 0===o?"contained":o,l=r.color,d=void 0===l?"primary":l,s=r.size,c=void 0===s?"btn-sm":s,m=r.disabled,f=r.onClick,p=r.st,h=r.className,x=r.fullWidth,b=r.id,u=r.type,g=void 0===u?"button":u;return x&&(void 0===p?p={width:"100%"}:p.width="100%"),n.jsx(e.default.Fragment,{children:n.jsx("button",i({disabled:m,type:g,className:"btn ".concat("contained"===a?"btn":"btn-default","-").concat(d," ").concat(c," ").concat(void 0!==h?h:""),onClick:f,style:p,id:b},{children:t}))})},exports.FButtonFile=function(t){var a=t.children,d=t.variant,s=void 0===d?"contained":d,c=t.color,m=void 0===c?"primary":c,f=t.size,p=void 0===f?"btn-sm":f,h=t.disabled,x=t.st,b=t.className,u=t.fullWidth,g=t.id,v=t.onChange,w=t.multiple,y=void 0!==w&&w,k=t.maxCount,j=t.accept,_=t.spacing,N=t.direction,F=r.useRef(),C=r.useState([]),z=C[0],B=C[1];return u&&(void 0===x?x={width:"100%"}:x.width="100%"),n.jsxs(e.default.Fragment,{children:[n.jsx("button",i({disabled:h,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(m," ").concat(p," ").concat(void 0!==b?b:""),style:x,id:g,onClick:function(){return F.current.click()}},{children:a})),n.jsx("input",{style:{display:"none"},ref:F,onChange:function(n){var r=o([],z,!0);Object.values(n.target.files).map((function(n){r.push(n)})),B(r),v(r)},multiple:y,type:"file",hidden:!0,maxCount:k,accept:j}),n.jsx("div",i({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n.jsx(l,i({direction:N,spacing:_},{children:void 0!==z&&z.map((function(r,t){return n.jsxs("span",i({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n.jsx("span",i({className:"tag-file-name"},{children:r.name})),n.jsxs("span",i({className:"tag-file-size"},{children:["(",Math.round(+r.size/1024)," КБ)"]})),n.jsxs("div",i({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=o([],z,!0);n.splice(t,1),B(n)}},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))]}))}))}))}))]})},exports.FCheckbox=function(r){var t=r.label,o=r.onClick,a=r.defaultChecked,l=r.className,d=r.id,s=r.st,c=r.checked;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:void 0!==l?"checkbox ".concat(l):"checkbox",id:d,style:s},{children:n.jsxs("label",{children:[n.jsx("input",{defaultChecked:a,type:"checkbox",onClick:o,checked:c}),t&&n.jsx("span",{children:t})]})}))})},exports.FContainer=function(r){var t=r.children,o=r.className,a=r.st,l=r.id,d=r.maxWidth,s=void 0===d?"container-xs":d;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"".concat(void 0!==o?o:""," ").concat(s," f-container"),style:a,id:l},{children:t}))})},exports.FDialog=c,exports.FDialogBody=function(r){var t=r.st,o=r.children,a={};return r.scroll&&(a.overflowY="scroll"),void 0!==t&&(a=Object.assign(a,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-body",style:a},{children:o}))})},exports.FDialogFooter=function(r){var t=r.children;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-footer"},{children:t}))})},exports.FDialogHeader=function(r){var t=r.title,o=r.handleClose;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"modal-header"},{children:n.jsxs("div",i({className:"f-dialog-container"},{children:[n.jsx("div",{children:n.jsx("h4",i({className:"modal-title",style:{margin:0}},{children:void 0===t?"":t}))}),void 0!==o&&n.jsx("div",{children:n.jsxs("div",i({className:"cl-btn-3",onClick:o},{children:[n.jsx("span",{className:"top"}),n.jsx("span",{className:"bot"})]}))})]}))}))})},exports.FGrid=d,exports.FIcoArrowLeft=h,exports.FIcoArrowRight=p,exports.FIcoClose=f,exports.FOpenImgFull=function(t){var o=t.id,a=t.className,s=t.st,m=t.imagesUrl,x=t.selectedImg,b=t.handleClose,u=t.openAndClose,g=r.useState(x),v=g[0],w=g[1],y={boxShadow:"2px 2px 10px 5px rgb(0 0 0 / 0%)",backgroundColor:"inherit",overflow:"inherit"};void 0!==s&&(y=Object.assign(y,s));var k={display:"flex",justifyContent:"center",alignItems:"center"};return n.jsx(e.default.Fragment,{children:0!==m.length&&v>=0&&v<m.length&&n.jsx(c,i({openAndClose:u,st:y,className:a,id:o},{children:n.jsx("div",i({className:"fv-opn-img-full-body"},{children:n.jsxs(l,i({direction:"row-reverse"},{children:[n.jsx("div",i({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==b&&n.jsx(f,{handleClose:b})})),n.jsxs(d,i({obj:"container"},{children:[n.jsx(d,i({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:k},{children:v>0&&n.jsx(h,{handleBack:function(){return w(v-1)}})})),n.jsx(d,i({obj:"item",sm:10,md:10,lg:10,xl:10,xxl:10,st:k},{children:n.jsx("img",{src:m[v],style:{objectFit:"contain",width:"100%",height:"100%"}})})),n.jsx(d,i({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:k},{children:v<m.length-1&&n.jsx(p,{handleNext:function(){return w(v+1)}})}))]}))]}))}))}))})},exports.FPagination=function(t){var a=t.currentPage,l=t.totalCount,d=t.pageSize,s=t.onPageChange,c=t.id,f=t.className,p=t.st,h=t.siblingCount,x=function(n){var t=n.totalCount,e=n.pageSize,i=n.siblingCount,a=void 0===i?1:i,l=n.currentPage;return r.useMemo((function(){var n=Math.ceil(t/e);if(a+5>=n)return m(1,n);var r=Math.max(l-a,1),i=Math.min(l+a,n),d=r>2,s=i<n-2,c=n;return!d&&s?o(o([],m(1,3+2*a),!0),["...",n],!1):d&&!s?o([1,"..."],m(n-(3+2*a)+1,n),!0):d&&s?o(o([1,"..."],m(r,i),!0),["...",c],!1):void 0}),[t,e,a,l])}({currentPage:a,totalCount:l,siblingCount:h,pageSize:d});if(0===a||x.length<2)return null;var b=x[x.length-1];return n.jsx(e.default.Fragment,{children:n.jsxs("ul",i({className:"pagination-container ".concat(void 0!==f?f:""),style:p,id:"".concat(void 0!==c?c:"")},{children:[n.jsx("li",i({className:"pagination-item ".concat(1===a?"disabled":""),onClick:function(){s(a-1)}},{children:n.jsx("div",{className:"arrow left"})})),x.map((function(r){return"..."===r?n.jsx("li",i({className:"pagination-item dots"},{children:"…"})):n.jsx("li",i({className:"pagination-item ".concat(r===a?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n.jsx("li",i({className:"pagination-item ".concat(a===b?"disabled":""),onClick:function(){s(a+1)}},{children:n.jsx("div",{className:"arrow right"})}))]}))})},exports.FPaper=s,exports.FPreloader=function(r){var t=r.st,o=r.backgroundColor,a=void 0===o?"#e0e0e0":o,l=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var s={backgroundColor:a,display:d?"block":"none"};return void 0!==t&&(s=Object.assign(s,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f-preloader",style:s},{children:n.jsx("div",i({className:"f-preloader-row"},{children:l}))}))})},exports.FProgress=function(r){var t=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!==t&&(a=Object.assign(a,t)),n.jsx(e.default.Fragment,{children:n.jsx("div",{style:a,className:"f-progress"})})},exports.FStack=l,exports.FTable=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("table",i({className:"table table-bordered table-bordered-half ".concat(l),style:t,id:a,onClick:d},{children:o}))})},exports.FTableBody=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("tbody",i({style:t,className:l,id:a,onClick:d},{children:o}))})},exports.FTableDataCell=function(r){var t=r.st,o=r.row,a=r.col,l=r.children,d=r.onClick,s=r.id,c=r.onBlur,m=r.onFocus,f=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("td",i({style:t,rowSpan:o,colSpan:a,onClick:d,id:s,onBlur:c,onFocus:m,className:f},{children:l}))})},exports.FTableFooter=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick,s={};return s=void 0!==t?Object.assign({marginTop:"16px",display:"flex"},t):{marginTop:"16px",display:"flex"},n.jsx(e.default.Fragment,{children:n.jsx("tfoot",i({style:s,id:a,className:l,onClick:d},{children:o}))})},exports.FTableHead=function(r){var t=r.st,o=r.children,a=r.id,l=r.className,d=r.onClick;return n.jsx(e.default.Fragment,{children:n.jsx("thead",i({style:t,id:a,className:l,onClick:d},{children:o}))})},exports.FTableHeaderCell=function(r){var t=r.st,o=r.row,a=r.col,l=r.children,d=r.onClick,s=r.id,c=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("th",i({style:t,rowSpan:o,colSpan:a,onClick:d,id:s,className:c},{children:l}))})},exports.FTableRow=function(r){var t=r.st,o=r.children,a=r.onClick,l=r.id,d=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("tr",i({style:t,onClick:a,id:l,className:d},{children:o}))})},exports.FTextField=function(r){var t=r.label,o=r.value,a=r.onChange,d=r.type,s=r.onBlur,c=r.onFocus,m=r.fullWidth,f=r.disabled,p=r.readOnly,h=r.defaultValue,x=r.errText,b=r.helpText,u=r.onInput,g=r.st,v=r.id,w=r.className,y=r.load,k=void 0!==y&&y,j=r.min,_=r.max;m&&(void 0===g?g={width:"100%"}:g.width="100%");return g=Object.assign({},g,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"\n                form-group ".concat(void 0!==w?w:""),style:g,id:v},{children:[t&&n.jsx("label",i({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:t})),n.jsxs("div",i({className:"".concat(k?"ui left icon input loading":"")},{children:[n.jsx("input",{style:{borderColor:void 0!==x&&x.length>0?"red":"#C4C4C4"},min:j,max:_,disabled:f,defaultValue:h,required:!0,onInput:u,readOnly:p||k,value:o,onChange:a,type:void 0===d?"text":d,className:"form-control",onBlur:s,onFocus:c}),void 0!==b&&n.jsx("span",i({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:b})),void 0!==x&&x.length>0&&n.jsx(l,i({direction:"column",st:{paddingLeft:"11px"}},{children:null==x?void 0:x.map((function(r,t){return n.jsx("span",i({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),k&&n.jsx("i",{className:"search icon"})]}))]}))})},exports.FTimeline=function(r){var t=r.children,o=r.st,a=r.id,l=r.className;return n.jsx(e.default.Fragment,{children:n.jsx("div",i({className:"f_timeline ".concat(void 0!==l?l:""),style:o,id:a},{children:t}))})},exports.FTimelineBody=function(r){var t=r.children,o=r.st,a=r.title,l=r.icon;return n.jsx(e.default.Fragment,{children:n.jsxs("div",i({className:"f_timeline_body"},{children:[n.jsx(s,i({label:a,st:o},{children:t})),n.jsxs("div",i({className:"fv_timeline_num"},{children:[n.jsx("div",{style:{height:"100%"}}),n.jsxs("div",i({className:"fv_num_block"},{children:[n.jsx("div",i({className:"fv_left_block"},{children:n.jsx("div",{className:"fv_left_line"})})),n.jsx("div",i({className:"fv_circle"},{children:l}))]})),n.jsx("div",i({className:"fv_bottom_block"},{children:n.jsx("div",{className:"fv_bottom_line"})}))]}))]}))})};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as r}from"react/jsx-runtime";import t,{useRef as i,useState as e,useMemo as o}from"react";var a=function(){return a=Object.assign||function(n){for(var r,t=1,i=arguments.length;t<i;t++)for(var e in r=arguments[t])Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n},a.apply(this,arguments)};function l(n,r,t){if(t||2===arguments.length)for(var i,e=0,o=r.length;e<o;e++)!i&&e in r||(i||(i=Array.prototype.slice.call(r,0,e)),i[e]=r[e]);return n.concat(i||Array.prototype.slice.call(r))}function d(n,r){void 0===r&&(r={});var t=r.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===t&&i.firstChild?i.insertBefore(e,i.firstChild):i.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}d(".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 c=function(r){var i=r.children,e=r.variant,o=void 0===e?"contained":e,l=r.color,d=void 0===l?"primary":l,c=r.size,s=void 0===c?"btn-sm":c,m=r.disabled,f=r.onClick,p=r.st,h=r.className,b=r.fullWidth,g=r.id,u=r.type,v=void 0===u?"button":u;return b&&(void 0===p?p={width:"100%"}:p.width="100%"),n(t.Fragment,{children:n("button",a({disabled:m,type:v,className:"btn ".concat("contained"===o?"btn":"btn-default","-").concat(d," ").concat(s," ").concat(void 0!==h?h:""),onClick:f,style:p,id:g},{children:i}))})};d(".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 s=function(o){var d=o.children,c=o.variant,s=void 0===c?"contained":c,m=o.color,p=void 0===m?"primary":m,h=o.size,b=void 0===h?"btn-sm":h,g=o.disabled,u=o.st,v=o.className,x=o.fullWidth,w=o.id,y=o.onChange,k=o.multiple,_=void 0!==k&&k,N=o.maxCount,C=o.accept,F=o.spacing,z=o.direction,B=i(),j=e([]),S=j[0],O=j[1];return x&&(void 0===u?u={width:"100%"}:u.width="100%"),r(t.Fragment,{children:[n("button",a({disabled:g,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(p," ").concat(b," ").concat(void 0!==v?v:""),style:u,id:w,onClick:function(){return B.current.click()}},{children:d})),n("input",{style:{display:"none"},ref:B,onChange:function(n){var r=l([],S,!0);Object.values(n.target.files).map((function(n){r.push(n)})),O(r),y(r)},multiple:_,type:"file",hidden:!0,maxCount:N,accept:C}),n("div",a({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n(f,a({direction:z,spacing:F},{children:void 0!==S&&S.map((function(t,i){return r("span",a({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n("span",a({className:"tag-file-name"},{children:t.name})),r("span",a({className:"tag-file-size"},{children:["(",Math.round(+t.size/1024)," КБ)"]})),r("div",a({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=l([],S,!0);n.splice(i,1),O(n)}},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))]}))}))}))}))]})};d('.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(i){var e=i.label,o=i.value,l=i.onChange,d=i.type,c=i.onBlur,s=i.onFocus,m=i.fullWidth,p=i.disabled,h=i.readOnly,b=i.defaultValue,g=i.errText,u=i.helpText,v=i.onInput,x=i.st,w=i.id,y=i.className,k=i.load,_=void 0!==k&&k,N=i.min,C=i.max;m&&(void 0===x?x={width:"100%"}:x.width="100%");return x=Object.assign({},x,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n(t.Fragment,{children:r("div",a({className:"\n                form-group ".concat(void 0!==y?y:""),style:x,id:w},{children:[e&&n("label",a({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:e})),r("div",a({className:"".concat(_?"ui left icon input loading":"")},{children:[n("input",{style:{borderColor:void 0!==g&&g.length>0?"red":"#C4C4C4"},min:N,max:C,disabled:p,defaultValue:b,required:!0,onInput:v,readOnly:h||_,value:o,onChange:l,type:void 0===d?"text":d,className:"form-control",onBlur:c,onFocus:s}),void 0!==u&&n("span",a({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:u})),void 0!==g&&g.length>0&&n(f,a({direction:"column",st:{paddingLeft:"11px"}},{children:null==g?void 0:g.map((function(r,t){return n("span",a({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),_&&n("i",{className:"search icon"})]}))]}))})};d(".margin-item  {\r\n    margin: 0 0 0 8px;\r\n}");var f=function(r){var i=r.children,e=r.alignItems,o=r.justifyContent,l=r.direction,d=void 0===l?"column":l,c=r.spacing,s=void 0===c?0:c,m=r.className,f=r.st,p=r.id,h={gap:"".concat(8*+s,"px"),display:"flex",flexDirection:d,WebkitBoxPack:o,justifyContent:o,WebkitBoxAlign:e,alignItems:e};return void 0!==f&&(h=Object.assign(h,f)),n(t.Fragment,{children:n("div",a({className:m,style:h,id:p},{children:i}))})},p=function(i){var e=i.children,o=i.className,l=i.st,d=i.id,c=i.obj,s=i.xs,m=i.sm,f=i.md,p=i.lg,h=i.xl,b=i.xxl,g=i.colAuto,u={paddingBottom:"16px"};return void 0!==l&&(u=Object.assign(u,l)),r(t.Fragment,{children:["container"===c&&n("div",a({className:"container"},{children:n("div",a({className:"row ".concat(void 0!==o?o:""),style:l,id:d},{children:e}))})),"item"===c&&n("div",a({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==m?"col-sm-".concat(m):""," ").concat(void 0!==f?"col-md-".concat(f):""," ").concat(void 0!==p?"col-lg-".concat(p):""," ").concat(void 0!==h?"col-lg-".concat(p):""," ").concat(void 0!==b?"col-xxl-".concat(b):""," ").concat(void 0!==g?g:""),style:u,id:d},{children:e})),void 0===c&&n("div",{children:e})]})};d(".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 h=function(r){var i=r.children,e=r.className,o=r.st,l=r.id,d=r.maxWidth,c=void 0===d?"container-xs":d;return n(t.Fragment,{children:n("div",a({className:"".concat(void 0!==e?e:""," ").concat(c," f-container"),style:o,id:l},{children:i}))})};d('.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(i){var e=i.label,o=i.children,l=i.st,d=i.fontSizeLabel,c=i.id,s=i.className,m=i.fontSizeBody;return n(t.Fragment,{children:r("div",a({className:"panel panel-default ".concat(s),style:l,id:c},{children:[e&&n("div",a({className:"panel-heading"},{children:n("h3",a({style:{fontSize:d},className:"panel-title"},{children:e}))})),n("div",a({className:"panel-body",style:{fontSize:m}},{children:o}))]}))})};d(".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 i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("table",a({className:"table table-bordered table-bordered-half ".concat(l),style:i,id:o,onClick:d},{children:e}))})},u=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("thead",a({style:i,id:o,className:l,onClick:d},{children:e}))})},v=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("tbody",a({style:i,className:l,id:o,onClick:d},{children:e}))})},x=function(r){var i=r.st,e=r.children,o=r.onClick,l=r.id,d=r.className;return n(t.Fragment,{children:n("tr",a({style:i,onClick:o,id:l,className:d},{children:e}))})},w=function(r){var i=r.st,e=r.row,o=r.col,l=r.children,d=r.onClick,c=r.id,s=r.className;return n(t.Fragment,{children:n("th",a({style:i,rowSpan:e,colSpan:o,onClick:d,id:c,className:s},{children:l}))})},y=function(r){var i=r.st,e=r.row,o=r.col,l=r.children,d=r.onClick,c=r.id,s=r.onBlur,m=r.onFocus,f=r.className;return n(t.Fragment,{children:n("td",a({style:i,rowSpan:e,colSpan:o,onClick:d,id:c,onBlur:s,onFocus:m,className:f},{children:l}))})},k=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick,c={};return c=void 0!==i?Object.assign({marginTop:"16px",display:"flex"},i):{marginTop:"16px",display:"flex"},n(t.Fragment,{children:n("tfoot",a({style:c,id:o,className:l,onClick:d},{children:e}))})};d(".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: inline-block;\r\n    /* максимально возможная ширина */\r\n    max-width: 50em;\r\n    max-height: 50em;\r\n\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 _=function(r){var i=r.children,e=r.openAndClose,o=r.id,l=r.className,d=r.st;return document.body.style.overflow=e?"hidden":"auto",n(t.Fragment,{children:n("div",a({className:"f-dialog ".concat(void 0!==l?l:""),style:{display:e?"block":"none"},id:o},{children:n("div",a({className:"f-dialog-table"},{children:n("div",a({className:"f-dialog-content modal-content",style:d},{children:i}))}))}))})},N=function(i){var e=i.title,o=i.handleClose;return n(t.Fragment,{children:n("div",a({className:"modal-header"},{children:r("div",a({className:"f-dialog-container"},{children:[n("div",{children:n("h4",a({className:"modal-title",style:{margin:0}},{children:void 0===e?"":e}))}),void 0!==o&&n("div",{children:r("div",a({className:"cl-btn-3",onClick:o},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})]}))}))})},C=function(r){var i=r.st,e=r.children,o={};return r.scroll&&(o.overflowY="scroll"),void 0!==i&&(o=Object.assign(o,i)),n(t.Fragment,{children:n("div",a({className:"modal-body",style:o},{children:e}))})},F=function(r){var i=r.children;return n(t.Fragment,{children:n("div",a({className:"modal-footer"},{children:i}))})};d(".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 z=function(r){var i=r.st,e=r.color,o=void 0===e?"primary":e,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!==i&&(a=Object.assign(a,i)),n(t.Fragment,{children:n("div",{style:a,className:"f-progress"})})};d(".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 i=r.st,e=r.backgroundColor,o=void 0===e?"#e0e0e0":e,l=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var c={backgroundColor:o,display:d?"block":"none"};return void 0!==i&&(c=Object.assign(c,i)),n(t.Fragment,{children:n("div",a({className:"f-preloader",style:c},{children:n("div",a({className:"f-preloader-row"},{children:l}))}))})},j=function(i){var e=i.label,o=i.onClick,l=i.defaultChecked,d=i.className,c=i.id,s=i.st,m=i.checked;return n(t.Fragment,{children:n("div",a({className:void 0!==d?"checkbox ".concat(d):"checkbox",id:c,style:s},{children:r("label",{children:[n("input",{defaultChecked:l,type:"checkbox",onClick:o,checked:m}),e&&n("span",{children:e})]})}))})},S=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};d(".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(i){var e=i.currentPage,d=i.totalCount,c=i.pageSize,s=i.onPageChange,m=i.id,f=i.className,p=i.st,h=i.siblingCount,b=function(n){var r=n.totalCount,t=n.pageSize,i=n.siblingCount,e=void 0===i?1:i,a=n.currentPage;return o((function(){var n=Math.ceil(r/t);if(e+5>=n)return S(1,n);var i=Math.max(a-e,1),o=Math.min(a+e,n),d=i>2,c=o<n-2,s=n;return!d&&c?l(l([],S(1,3+2*e),!0),["...",n],!1):d&&!c?l([1,"..."],S(n-(3+2*e)+1,n),!0):d&&c?l(l([1,"..."],S(i,o),!0),["...",s],!1):void 0}),[r,t,e,a])}({currentPage:e,totalCount:d,siblingCount:h,pageSize:c});if(0===e||b.length<2)return null;var g=b[b.length-1];return n(t.Fragment,{children:r("ul",a({className:"pagination-container ".concat(void 0!==f?f:""),style:p,id:"".concat(void 0!==m?m:"")},{children:[n("li",a({className:"pagination-item ".concat(1===e?"disabled":""),onClick:function(){s(e-1)}},{children:n("div",{className:"arrow left"})})),b.map((function(r){return n("li","..."===r?a({className:"pagination-item dots"},{children:"…"}):a({className:"pagination-item ".concat(r===e?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n("li",a({className:"pagination-item ".concat(e===g?"disabled":""),onClick:function(){s(e+1)}},{children:n("div",{className:"arrow right"})}))]}))})};d(".f_timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.f_timeline .f_timeline_body {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.f_timeline .fv_timeline_num {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row-reverse;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block .fv_left_line {\r\n    height: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillLeft 3s normal forwards;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_circle {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    flex-wrap: wrap;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    background-color: #2164BE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-left: 60px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-right: 30px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: block;\r\n    width: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillBottom 3s normal forwards;\r\n}\r\n\r\n.f_timeline .f_timeline_body:last-child .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: none;\r\n}\r\n\r\n@keyframes fillLeft {\r\n    0% {\r\n        width: 0;\r\n    }\r\n    100% {\r\n        width: 30px;\r\n    }\r\n}\r\n\r\n@keyframes fillBottom {\r\n    0% {\r\n        height: 0;\r\n    }\r\n    100% {\r\n        height: 100%;\r\n    }\r\n}");var A=function(r){var i=r.children,e=r.st,o=r.id,l=r.className;return n(t.Fragment,{children:n("div",a({className:"f_timeline ".concat(void 0!==l?l:""),style:e,id:o},{children:i}))})},E=function(i){var e=i.children,o=i.st,l=i.title,d=i.icon;return n(t.Fragment,{children:r("div",a({className:"f_timeline_body"},{children:[n(b,a({label:l,st:o},{children:e})),r("div",a({className:"fv_timeline_num"},{children:[n("div",{style:{height:"100%"}}),r("div",a({className:"fv_num_block"},{children:[n("div",a({className:"fv_left_block"},{children:n("div",{className:"fv_left_line"})})),n("div",a({className:"fv_circle"},{children:d}))]})),n("div",a({className:"fv_bottom_block"},{children:n("div",{className:"fv_bottom_line"})}))]}))]}))})};d(".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(i){var e=i.handleClose,o=i.st,l=i.className,d=i.id;return n(t.Fragment,{children:r("div",a({className:"fv_close ".concat(void 0!==l?l:""),onClick:e,style:o,id:d},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})};d(".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 X=function(i){var e=i.className,o=i.id,l=i.st,d=i.handleNext;return n(t.Fragment,{children:n("div",a({className:"arrow-slider ".concat(void 0!==e?e:""),style:l,id:o,onClick:d},{children:n("svg",a({width:"35px",height:"35px",viewBox:"5 0 18 14"},{children:r("g",{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"})]})}))}))})};d(".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 D=function(i){var e=i.className,o=i.id,l=i.st,d=i.handleBack;return n(t.Fragment,{children:n("div",a({className:"arrow-slider ".concat(void 0!==e?e:""),id:o,style:l,onClick:d},{children:n("svg",a({width:"35px",height:"35px",viewBox:"-5 0 18 14"},{children:r("g",a({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"})]}))}))}))})};d(".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 I=function(i){var o=i.id,l=i.className,d=i.st,c=i.imagesUrl,s=i.selectedImg,m=i.handleClose,h=i.openAndClose,b=e(s),g=b[0],u=b[1],v={boxShadow:"2px 2px 10px 5px rgb(0 0 0 / 0%)",backgroundColor:"inherit",overflow:"inherit"};void 0!==d&&(v=Object.assign(v,d));var x={display:"flex",justifyContent:"center",alignItems:"center"};return n(t.Fragment,{children:0!==c.length&&g>=0&&g<c.length&&n(_,a({openAndClose:h,st:v,className:l,id:o},{children:n("div",a({className:"fv-opn-img-full-body"},{children:r(f,a({direction:"row-reverse"},{children:[n("div",a({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==m&&n(T,{handleClose:m})})),r(p,a({obj:"container"},{children:[n(p,a({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:x},{children:g>0&&n(D,{handleBack:function(){return u(g-1)}})})),n(p,a({obj:"item",sm:10,md:10,lg:10,xl:10,xxl:10,st:x},{children:n("img",{src:c[g],style:{objectFit:"contain",width:"100%",height:"100%"}})})),n(p,a({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:x},{children:g<c.length-1&&n(X,{handleNext:function(){return u(g+1)}})}))]}))]}))}))}))})};export{c as FButton,s as FButtonFile,j as FCheckbox,h as FContainer,_ as FDialog,C as FDialogBody,F as FDialogFooter,N as FDialogHeader,p as FGrid,D as FIcoArrowLeft,X as FIcoArrowRight,T as FIcoClose,I as FOpenImgFull,O as FPagination,b as FPaper,B as FPreloader,z as FProgress,f as FStack,g as FTable,v as FTableBody,y as FTableDataCell,k as FTableFooter,u as FTableHead,w as FTableHeaderCell,x as FTableRow,m as FTextField,A as FTimeline,E as FTimelineBody};
+import{jsx as n,jsxs as r}from"react/jsx-runtime";import t,{useRef as i,useState as e,useMemo as o}from"react";var a=function(){return a=Object.assign||function(n){for(var r,t=1,i=arguments.length;t<i;t++)for(var e in r=arguments[t])Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n},a.apply(this,arguments)};function l(n,r,t){if(t||2===arguments.length)for(var i,e=0,o=r.length;e<o;e++)!i&&e in r||(i||(i=Array.prototype.slice.call(r,0,e)),i[e]=r[e]);return n.concat(i||Array.prototype.slice.call(r))}function d(n,r){void 0===r&&(r={});var t=r.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===t&&i.firstChild?i.insertBefore(e,i.firstChild):i.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}d(".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 c=function(r){var i=r.children,e=r.variant,o=void 0===e?"contained":e,l=r.color,d=void 0===l?"primary":l,c=r.size,s=void 0===c?"btn-sm":c,m=r.disabled,f=r.onClick,p=r.st,h=r.className,b=r.fullWidth,g=r.id,u=r.type,v=void 0===u?"button":u;return b&&(void 0===p?p={width:"100%"}:p.width="100%"),n(t.Fragment,{children:n("button",a({disabled:m,type:v,className:"btn ".concat("contained"===o?"btn":"btn-default","-").concat(d," ").concat(s," ").concat(void 0!==h?h:""),onClick:f,style:p,id:g},{children:i}))})};d(".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 s=function(o){var d=o.children,c=o.variant,s=void 0===c?"contained":c,m=o.color,p=void 0===m?"primary":m,h=o.size,b=void 0===h?"btn-sm":h,g=o.disabled,u=o.st,v=o.className,x=o.fullWidth,w=o.id,y=o.onChange,k=o.multiple,_=void 0!==k&&k,N=o.maxCount,C=o.accept,F=o.spacing,z=o.direction,B=i(),j=e([]),S=j[0],O=j[1];return x&&(void 0===u?u={width:"100%"}:u.width="100%"),r(t.Fragment,{children:[n("button",a({disabled:g,className:"btn ".concat("contained"===s?"btn":"btn-default","-").concat(p," ").concat(b," ").concat(void 0!==v?v:""),style:u,id:w,onClick:function(){return B.current.click()}},{children:d})),n("input",{style:{display:"none"},ref:B,onChange:function(n){var r=l([],S,!0);Object.values(n.target.files).map((function(n){r.push(n)})),O(r),y(r)},multiple:_,type:"file",hidden:!0,maxCount:N,accept:C}),n("div",a({className:"custom-files-preview",id:"files",style:{marginTop:"16px"}},{children:n(f,a({direction:z,spacing:F},{children:void 0!==S&&S.map((function(t,i){return r("span",a({className:"tag tag-default tag-file tag-block",style:{width:"fit-content",display:"flex",justifyContent:"flex-end"}},{children:[n("span",a({className:"tag-file-name"},{children:t.name})),r("span",a({className:"tag-file-size"},{children:["(",Math.round(+t.size/1024)," КБ)"]})),r("div",a({className:"cl-btn-3",style:{marginLeft:"16px",marginTop:"2px",width:"10px",height:"10px"},onClick:function(){var n=l([],S,!0);n.splice(i,1),O(n)}},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))]}))}))}))}))]})};d('.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(i){var e=i.label,o=i.value,l=i.onChange,d=i.type,c=i.onBlur,s=i.onFocus,m=i.fullWidth,p=i.disabled,h=i.readOnly,b=i.defaultValue,g=i.errText,u=i.helpText,v=i.onInput,x=i.st,w=i.id,y=i.className,k=i.load,_=void 0!==k&&k,N=i.min,C=i.max;m&&(void 0===x?x={width:"100%"}:x.width="100%");return x=Object.assign({},x,{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}),n(t.Fragment,{children:r("div",a({className:"\n                form-group ".concat(void 0!==y?y:""),style:x,id:w},{children:[e&&n("label",a({className:"control-label with-offset",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:e})),r("div",a({className:"".concat(_?"ui left icon input loading":"")},{children:[n("input",{style:{borderColor:void 0!==g&&g.length>0?"red":"#C4C4C4"},min:N,max:C,disabled:p,defaultValue:b,required:!0,onInput:v,readOnly:h||_,value:o,onChange:l,type:void 0===d?"text":d,className:"form-control",onBlur:c,onFocus:s}),void 0!==u&&n("span",a({style:{whiteSpace:"initial",color:"#a6a3a3",fontSize:"12px"}},{children:u})),void 0!==g&&g.length>0&&n(f,a({direction:"column",st:{paddingLeft:"11px"}},{children:null==g?void 0:g.map((function(r,t){return n("span",a({style:{whiteSpace:"initial",color:"red"}},{children:r}),t)}))})),_&&n("i",{className:"search icon"})]}))]}))})};d(".margin-item  {\r\n    margin: 0 0 0 8px;\r\n}");var f=function(r){var i=r.children,e=r.alignItems,o=r.justifyContent,l=r.direction,d=void 0===l?"column":l,c=r.spacing,s=void 0===c?0:c,m=r.className,f=r.st,p=r.id,h={gap:"".concat(8*+s,"px"),display:"flex",flexDirection:d,WebkitBoxPack:o,justifyContent:o,WebkitBoxAlign:e,alignItems:e};return void 0!==f&&(h=Object.assign(h,f)),n(t.Fragment,{children:n("div",a({className:m,style:h,id:p},{children:i}))})},p=function(i){var e=i.children,o=i.className,l=i.st,d=i.id,c=i.obj,s=i.xs,m=i.sm,f=i.md,p=i.lg,h=i.xl,b=i.xxl,g=i.colAuto,u={paddingBottom:"16px"};return void 0!==l&&(u=Object.assign(u,l)),r(t.Fragment,{children:["container"===c&&n("div",a({className:"container"},{children:n("div",a({className:"row ".concat(void 0!==o?o:""),style:l,id:d},{children:e}))})),"item"===c&&n("div",a({className:"".concat(void 0!==o?o:""," ").concat(void 0!==s?"col-".concat(s):""," ").concat(void 0!==m?"col-sm-".concat(m):""," ").concat(void 0!==f?"col-md-".concat(f):""," ").concat(void 0!==p?"col-lg-".concat(p):""," ").concat(void 0!==h?"col-lg-".concat(p):""," ").concat(void 0!==b?"col-xxl-".concat(b):""," ").concat(void 0!==g?g:""),style:u,id:d},{children:e})),void 0===c&&n("div",{children:e})]})};d(".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 h=function(r){var i=r.children,e=r.className,o=r.st,l=r.id,d=r.maxWidth,c=void 0===d?"container-xs":d;return n(t.Fragment,{children:n("div",a({className:"".concat(void 0!==e?e:""," ").concat(c," f-container"),style:o,id:l},{children:i}))})};d('.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(i){var e=i.label,o=i.children,l=i.st,d=i.fontSizeLabel,c=i.id,s=i.className,m=i.fontSizeBody;return n(t.Fragment,{children:r("div",a({className:"panel panel-default ".concat(s),style:l,id:c},{children:[e&&n("div",a({className:"panel-heading"},{children:n("h3",a({style:{fontSize:d},className:"panel-title"},{children:e}))})),n("div",a({className:"panel-body",style:{fontSize:m}},{children:o}))]}))})};d(".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 i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("table",a({className:"table table-bordered table-bordered-half ".concat(l),style:i,id:o,onClick:d},{children:e}))})},u=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("thead",a({style:i,id:o,className:l,onClick:d},{children:e}))})},v=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick;return n(t.Fragment,{children:n("tbody",a({style:i,className:l,id:o,onClick:d},{children:e}))})},x=function(r){var i=r.st,e=r.children,o=r.onClick,l=r.id,d=r.className;return n(t.Fragment,{children:n("tr",a({style:i,onClick:o,id:l,className:d},{children:e}))})},w=function(r){var i=r.st,e=r.row,o=r.col,l=r.children,d=r.onClick,c=r.id,s=r.className;return n(t.Fragment,{children:n("th",a({style:i,rowSpan:e,colSpan:o,onClick:d,id:c,className:s},{children:l}))})},y=function(r){var i=r.st,e=r.row,o=r.col,l=r.children,d=r.onClick,c=r.id,s=r.onBlur,m=r.onFocus,f=r.className;return n(t.Fragment,{children:n("td",a({style:i,rowSpan:e,colSpan:o,onClick:d,id:c,onBlur:s,onFocus:m,className:f},{children:l}))})},k=function(r){var i=r.st,e=r.children,o=r.id,l=r.className,d=r.onClick,c={};return c=void 0!==i?Object.assign({marginTop:"16px",display:"flex"},i):{marginTop:"16px",display:"flex"},n(t.Fragment,{children:n("tfoot",a({style:c,id:o,className:l,onClick:d},{children:e}))})};d(".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: inline-block;\r\n    /* максимально возможная ширина */\r\n    max-width: 80em;\r\n    max-height: 80em;\r\n\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 _=function(r){var i=r.children,e=r.openAndClose,o=r.id,l=r.className,d=r.st;return document.body.style.overflow=e?"hidden":"auto",n(t.Fragment,{children:n("div",a({className:"f-dialog ".concat(void 0!==l?l:""),style:{display:e?"block":"none"},id:o},{children:n("div",a({className:"f-dialog-table"},{children:n("div",a({className:"f-dialog-content modal-content",style:d},{children:i}))}))}))})},N=function(i){var e=i.title,o=i.handleClose;return n(t.Fragment,{children:n("div",a({className:"modal-header"},{children:r("div",a({className:"f-dialog-container"},{children:[n("div",{children:n("h4",a({className:"modal-title",style:{margin:0}},{children:void 0===e?"":e}))}),void 0!==o&&n("div",{children:r("div",a({className:"cl-btn-3",onClick:o},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})]}))}))})},C=function(r){var i=r.st,e=r.children,o={};return r.scroll&&(o.overflowY="scroll"),void 0!==i&&(o=Object.assign(o,i)),n(t.Fragment,{children:n("div",a({className:"modal-body",style:o},{children:e}))})},F=function(r){var i=r.children;return n(t.Fragment,{children:n("div",a({className:"modal-footer"},{children:i}))})};d(".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 z=function(r){var i=r.st,e=r.color,o=void 0===e?"primary":e,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!==i&&(a=Object.assign(a,i)),n(t.Fragment,{children:n("div",{style:a,className:"f-progress"})})};d(".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 i=r.st,e=r.backgroundColor,o=void 0===e?"#e0e0e0":e,l=r.children,d=r.open;document.body.style.overflow=d?"hidden":"auto";var c={backgroundColor:o,display:d?"block":"none"};return void 0!==i&&(c=Object.assign(c,i)),n(t.Fragment,{children:n("div",a({className:"f-preloader",style:c},{children:n("div",a({className:"f-preloader-row"},{children:l}))}))})},j=function(i){var e=i.label,o=i.onClick,l=i.defaultChecked,d=i.className,c=i.id,s=i.st,m=i.checked;return n(t.Fragment,{children:n("div",a({className:void 0!==d?"checkbox ".concat(d):"checkbox",id:c,style:s},{children:r("label",{children:[n("input",{defaultChecked:l,type:"checkbox",onClick:o,checked:m}),e&&n("span",{children:e})]})}))})},S=function(n,r){var t=r-n+1;return Array.from({length:t},(function(r,t){return t+n}))};d(".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(i){var e=i.currentPage,d=i.totalCount,c=i.pageSize,s=i.onPageChange,m=i.id,f=i.className,p=i.st,h=i.siblingCount,b=function(n){var r=n.totalCount,t=n.pageSize,i=n.siblingCount,e=void 0===i?1:i,a=n.currentPage;return o((function(){var n=Math.ceil(r/t);if(e+5>=n)return S(1,n);var i=Math.max(a-e,1),o=Math.min(a+e,n),d=i>2,c=o<n-2,s=n;return!d&&c?l(l([],S(1,3+2*e),!0),["...",n],!1):d&&!c?l([1,"..."],S(n-(3+2*e)+1,n),!0):d&&c?l(l([1,"..."],S(i,o),!0),["...",s],!1):void 0}),[r,t,e,a])}({currentPage:e,totalCount:d,siblingCount:h,pageSize:c});if(0===e||b.length<2)return null;var g=b[b.length-1];return n(t.Fragment,{children:r("ul",a({className:"pagination-container ".concat(void 0!==f?f:""),style:p,id:"".concat(void 0!==m?m:"")},{children:[n("li",a({className:"pagination-item ".concat(1===e?"disabled":""),onClick:function(){s(e-1)}},{children:n("div",{className:"arrow left"})})),b.map((function(r){return n("li","..."===r?a({className:"pagination-item dots"},{children:"…"}):a({className:"pagination-item ".concat(r===e?"selected":""),id:"test-id",onClick:function(){return s(r)}},{children:r}))})),n("li",a({className:"pagination-item ".concat(e===g?"disabled":""),onClick:function(){s(e+1)}},{children:n("div",{className:"arrow right"})}))]}))})};d(".f_timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.f_timeline .f_timeline_body {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.f_timeline .fv_timeline_num {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block {\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: center;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row-reverse;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block {\r\n    height: 2px;\r\n    width: 30px;\r\n    flex-direction: row;\r\n    display: flex;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_left_block .fv_left_line {\r\n    height: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillLeft 3s normal forwards;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_num_block .fv_circle {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    flex-wrap: wrap;\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    background-color: #2164BE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.f_timeline .f_timeline_body:nth-child(2n+1) .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-left: 60px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 2px;\r\n    height: 100%;\r\n    margin-right: 30px;\r\n}\r\n\r\n.f_timeline .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: block;\r\n    width: 2px;\r\n    background-color: #2164BE;\r\n    animation: fillBottom 3s normal forwards;\r\n}\r\n\r\n.f_timeline .f_timeline_body:last-child .fv_timeline_num .fv_bottom_block .fv_bottom_line {\r\n    display: none;\r\n}\r\n\r\n@keyframes fillLeft {\r\n    0% {\r\n        width: 0;\r\n    }\r\n    100% {\r\n        width: 30px;\r\n    }\r\n}\r\n\r\n@keyframes fillBottom {\r\n    0% {\r\n        height: 0;\r\n    }\r\n    100% {\r\n        height: 100%;\r\n    }\r\n}");var A=function(r){var i=r.children,e=r.st,o=r.id,l=r.className;return n(t.Fragment,{children:n("div",a({className:"f_timeline ".concat(void 0!==l?l:""),style:e,id:o},{children:i}))})},E=function(i){var e=i.children,o=i.st,l=i.title,d=i.icon;return n(t.Fragment,{children:r("div",a({className:"f_timeline_body"},{children:[n(b,a({label:l,st:o},{children:e})),r("div",a({className:"fv_timeline_num"},{children:[n("div",{style:{height:"100%"}}),r("div",a({className:"fv_num_block"},{children:[n("div",a({className:"fv_left_block"},{children:n("div",{className:"fv_left_line"})})),n("div",a({className:"fv_circle"},{children:d}))]})),n("div",a({className:"fv_bottom_block"},{children:n("div",{className:"fv_bottom_line"})}))]}))]}))})};d(".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(i){var e=i.handleClose,o=i.st,l=i.className,d=i.id;return n(t.Fragment,{children:r("div",a({className:"fv_close ".concat(void 0!==l?l:""),onClick:e,style:o,id:d},{children:[n("span",{className:"top"}),n("span",{className:"bot"})]}))})};d(".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 X=function(i){var e=i.className,o=i.id,l=i.st,d=i.handleNext;return n(t.Fragment,{children:n("div",a({className:"arrow-slider ".concat(void 0!==e?e:""),style:l,id:o,onClick:d},{children:n("svg",a({width:"35px",height:"35px",viewBox:"5 0 18 14"},{children:r("g",{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"})]})}))}))})};d(".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 D=function(i){var e=i.className,o=i.id,l=i.st,d=i.handleBack;return n(t.Fragment,{children:n("div",a({className:"arrow-slider ".concat(void 0!==e?e:""),id:o,style:l,onClick:d},{children:n("svg",a({width:"35px",height:"35px",viewBox:"-5 0 18 14"},{children:r("g",a({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"})]}))}))}))})};d(".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 I=function(i){var o=i.id,l=i.className,d=i.st,c=i.imagesUrl,s=i.selectedImg,m=i.handleClose,h=i.openAndClose,b=e(s),g=b[0],u=b[1],v={boxShadow:"2px 2px 10px 5px rgb(0 0 0 / 0%)",backgroundColor:"inherit",overflow:"inherit"};void 0!==d&&(v=Object.assign(v,d));var x={display:"flex",justifyContent:"center",alignItems:"center"};return n(t.Fragment,{children:0!==c.length&&g>=0&&g<c.length&&n(_,a({openAndClose:h,st:v,className:l,id:o},{children:n("div",a({className:"fv-opn-img-full-body"},{children:r(f,a({direction:"row-reverse"},{children:[n("div",a({style:{position:"fixed",top:"70px",right:"20px"}},{children:void 0!==m&&n(T,{handleClose:m})})),r(p,a({obj:"container"},{children:[n(p,a({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:x},{children:g>0&&n(D,{handleBack:function(){return u(g-1)}})})),n(p,a({obj:"item",sm:10,md:10,lg:10,xl:10,xxl:10,st:x},{children:n("img",{src:c[g],style:{objectFit:"contain",width:"100%",height:"100%"}})})),n(p,a({obj:"item",sm:1,md:1,lg:1,xl:1,xxl:1,st:x},{children:g<c.length-1&&n(X,{handleNext:function(){return u(g+1)}})}))]}))]}))}))}))})};export{c as FButton,s as FButtonFile,j as FCheckbox,h as FContainer,_ as FDialog,C as FDialogBody,F as FDialogFooter,N as FDialogHeader,p as FGrid,D as FIcoArrowLeft,X as FIcoArrowRight,T as FIcoClose,I as FOpenImgFull,O as FPagination,b as FPaper,B as FPreloader,z as FProgress,f as FStack,g as FTable,v as FTableBody,y as FTableDataCell,k as FTableFooter,u as FTableHead,w as FTableHeaderCell,x as FTableRow,m as FTextField,A as FTimeline,E as FTimelineBody};
 //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"