@vchasno/ui-kit 0.3.24 → 0.3.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/Datepicker/index.cjs.js +1 -1
- package/dist/Datepicker/index.js +1 -1
- package/dist/Datepicker/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/Datepicker/types/components/Select/utils.d.ts +2 -0
- package/dist/Datepicker/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/Menu/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/Menu/types/components/Select/utils.d.ts +2 -0
- package/dist/Menu/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/ProjectsPopover/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/Select/utils.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/Select/index.cjs.js +8 -24
- package/dist/Select/index.cjs.js.map +1 -1
- package/dist/Select/index.js +8 -24
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/Select/types/components/Select/utils.d.ts +2 -0
- package/dist/Select/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/SelectCreatable/index.cjs.js +8 -24
- package/dist/SelectCreatable/index.cjs.js.map +1 -1
- package/dist/SelectCreatable/index.js +8 -24
- package/dist/SelectCreatable/index.js.map +1 -1
- package/dist/SelectCreatable/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/SelectCreatable/types/components/Select/utils.d.ts +2 -0
- package/dist/SelectCreatable/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/Snackbar/index.cjs.js +626 -444
- package/dist/Snackbar/index.cjs.js.map +1 -1
- package/dist/Snackbar/index.js +628 -446
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/Snackbar/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/Snackbar/types/components/Select/utils.d.ts +2 -0
- package/dist/Snackbar/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/dist/css/Input.global.css +1 -1
- package/dist/css/LabelText.global.css +1 -0
- package/dist/css/Paragraph.global.css +8 -0
- package/dist/css/Select.global.css +1 -1
- package/dist/css/Text.global.css +4 -0
- package/dist/css/TextAreaInput.global.css +7 -9
- package/dist/index.d.ts +4 -2
- package/dist/index.js +1065 -883
- package/dist/index.js.map +1 -1
- package/dist/types/components/Paragraph/Paragraph.d.ts +1 -0
- package/dist/types/components/Select/utils.d.ts +2 -0
- package/dist/types/components/TextAreaInput/TextAreaInput.d.ts +3 -2
- package/package.json +1 -2
- package/dist/Datepicker/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/Menu/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/ProjectsPopover/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/Select/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/SelectCreatable/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/Snackbar/types/components/Select/useCheckValueExists.d.ts +0 -3
- package/dist/types/components/Select/useCheckValueExists.d.ts +0 -3
package/dist/index.js
CHANGED
|
@@ -261,7 +261,7 @@ var InputMeta = function (_a) {
|
|
|
261
261
|
error && React$1.createElement("span", { className: "vchasno-ui-meta__error" }, error)));
|
|
262
262
|
};
|
|
263
263
|
|
|
264
|
-
var css_248z$j = ".vchasno-ui-label-text {\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 12px;\n display: inline-flex;\n max-width: calc(100% - 20px);\n align-self: flex-start;\n padding: 0 4px;\n background-color: var(--vchasno-ui-input-bg-color);\n color: var(--vchasno-ui-label-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n gap: 3px;\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n pointer-events: none;\n text-overflow: ellipsis;\n transform: translate(0, -50%);\n transition:\n color var(--vchasno-ui-transition-duration-sec, 0.3s),\n top 0.3s,\n font-size 0.3s;\n white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\n[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\n[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n top: 0;\n font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n position: relative;\n top: -0.2em;\n display: none;\n color: var(--vchasno-ui-input-color-error);\n font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n display: none;\n color: var(--vchasno-ui-label-color-default);\n transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n display: block;\n}\n\n.vchasno-ui-label-text__content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n";
|
|
264
|
+
var css_248z$j = ".vchasno-ui-label-text {\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 12px;\n display: inline-flex;\n max-width: calc(100% - 20px);\n align-self: flex-start;\n padding: 0 4px;\n border-radius: 4px;\n background-color: var(--vchasno-ui-input-bg-color);\n color: var(--vchasno-ui-label-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n gap: 3px;\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n pointer-events: none;\n text-overflow: ellipsis;\n transform: translate(0, -50%);\n transition:\n color var(--vchasno-ui-transition-duration-sec, 0.3s),\n top 0.3s,\n font-size 0.3s;\n white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\n[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\n[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n top: 0;\n font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n position: relative;\n top: -0.2em;\n display: none;\n color: var(--vchasno-ui-input-color-error);\n font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n display: none;\n color: var(--vchasno-ui-label-color-default);\n transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n display: block;\n}\n\n.vchasno-ui-label-text__content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n";
|
|
265
265
|
styleInject(css_248z$j);
|
|
266
266
|
|
|
267
267
|
var LabelText = function (_a) {
|
|
@@ -278,7 +278,7 @@ var LabelText = function (_a) {
|
|
|
278
278
|
React$1.createElement("sup", null, "*")));
|
|
279
279
|
};
|
|
280
280
|
|
|
281
|
-
var css_248z$i = ".vchasno-ui-input {\n display: inline-flex;\n max-width: 100%;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-input input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input .vchasno-ui-text-input,\n.vchasno-ui-input .vchasno-ui-mask-input {\n flex-grow: 1;\n}\n\n.vchasno-ui-input.--wide {\n width: 100%;\n}\n\n.vchasno-ui-input__wrapper {\n position: relative;\n display: flex;\n height: 50px;\n box-sizing: border-box;\n align-items: center;\n padding-right: 33px;\n padding-left: 16px;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n background-color: var(--vchasno-ui-input-bg-color);\n outline: solid 3px transparent;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper > input {\n max-width: 100%;\n}\n\n.vchasno-ui-input__wrapper__start-element {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n font-size: var(--vchasno-ui-input-font-size, 14px);\n line-height: var(--vchasno-ui-input-font-size, 14px);\n}\n\n.vchasno-ui-input__feedback {\n position: absolute;\n top: 10px;\n right: 10px;\n display: block;\n width: 18px;\n height: 18px;\n}\n\n.vchasno-ui-input .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper {\n background-color: var(--vchasno-ui-input-bg-color-disabled);\n color: var(--vchasno-ui-input-font-color-disabled);\n}\n\n.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover {\n cursor: text;\n}\n\n.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper,\n.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-border-color-focused);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-color-error);\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-input.--disabled,\n.vchasno-ui-input.--disabled * {\n cursor: not-allowed;\n opacity: 0.8;\n}\n";
|
|
281
|
+
var css_248z$i = ".vchasno-ui-input {\n display: inline-flex;\n max-width: 100%;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-input input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input .vchasno-ui-text-input,\n.vchasno-ui-input .vchasno-ui-mask-input {\n flex-grow: 1;\n}\n\n.vchasno-ui-input.--wide {\n width: 100%;\n}\n\n.vchasno-ui-input__wrapper {\n position: relative;\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n align-items: center;\n padding-right: 33px;\n padding-left: 16px;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n background-color: var(--vchasno-ui-input-bg-color);\n outline: solid 3px transparent;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper > input {\n max-width: 100%;\n}\n\n.vchasno-ui-input__wrapper__start-element {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n font-size: var(--vchasno-ui-input-font-size, 14px);\n line-height: var(--vchasno-ui-input-font-size, 14px);\n}\n\n.vchasno-ui-input__feedback {\n position: absolute;\n top: 10px;\n right: 10px;\n display: block;\n width: 18px;\n height: 18px;\n}\n\n.vchasno-ui-input .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper {\n background-color: var(--vchasno-ui-input-bg-color-disabled);\n color: var(--vchasno-ui-input-font-color-disabled);\n}\n\n.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover {\n cursor: text;\n}\n\n.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper,\n.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-border-color-focused);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-color-error);\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-input.--disabled,\n.vchasno-ui-input.--disabled * {\n cursor: not-allowed;\n opacity: 0.8;\n}\n";
|
|
282
282
|
styleInject(css_248z$i);
|
|
283
283
|
|
|
284
284
|
var Input = function (_a) {
|
|
@@ -405,7 +405,7 @@ var TextInput = React$1.forwardRef(function (_a, ref) {
|
|
|
405
405
|
});
|
|
406
406
|
TextInput.displayName = 'TextInput';
|
|
407
407
|
|
|
408
|
-
var css_248z$e = ".vchasno-ui-text {\n color: var(--vchasno-ui-text-primary-color, #333);\n}\n\n.vchasno-ui-text.--ellipsis {\n display: inline-block;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vchasno-ui-text.--secondary {\n color: var(--vchasno-ui-text-secondary-color, #6b8091);\n}\n\n.vchasno-ui-text.--success {\n color: var(--vchasno-ui-text-success-color, #1cb800);\n}\n\n.vchasno-ui-text.--warning {\n color: var(--vchasno-ui-text-warning-color, #ffb200);\n}\n\n.vchasno-ui-text.--danger {\n color: var(--vchasno-ui-text-error-color, #ff5937);\n}\n\n.vchasno-ui-text.--code {\n padding: 0.2em 0.4em 0.1em;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 3px;\n margin: 0 0.2em;\n background: hsl(0deg 0% 58.8% / 10%);\n font-size: 85%;\n}\n\n.vchasno-ui-text.--inherit {\n font-size: inherit;\n}\n\n.vchasno-ui-text.--link,\n.vchasno-ui-text.--like-link {\n color: #087dc1;\n cursor: pointer;\n}\n\n.vchasno-ui-text.--link {\n text-decoration-line: underline;\n}\n\n.vchasno-ui-text.--normal {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.vchasno-ui-text.--small {\n font-size: 0.8rem;\n line-height: 0.9rem;\n}\n\n.vchasno-ui-text.--large {\n font-size: 1.2rem;\n line-height: 1.3rem;\n}\n\n.vchasno-ui-text.--required::after {\n position: relative;\n top: -3px;\n right: -2px;\n color: var(--vchasno-ui-text-error-color, #ff5937);\n content: '*';\n}\n";
|
|
408
|
+
var css_248z$e = ".vchasno-ui-text {\n color: var(--vchasno-ui-text-primary-color, #333);\n}\n\n.vchasno-ui-text.--ellipsis {\n display: inline-block;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vchasno-ui-text.--secondary {\n color: var(--vchasno-ui-text-secondary-color, #6b8091);\n}\n\n.vchasno-ui-text.--success {\n color: var(--vchasno-ui-text-success-color, #1cb800);\n}\n\n.vchasno-ui-text.--warning {\n color: var(--vchasno-ui-text-warning-color, #ffb200);\n}\n\n.vchasno-ui-text.--danger {\n color: var(--vchasno-ui-text-error-color, #ff5937);\n}\n\n.vchasno-ui-text.--code {\n padding: 0.2em 0.4em 0.1em;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 3px;\n margin: 0 0.2em;\n background: hsl(0deg 0% 58.8% / 10%);\n font-size: 85%;\n}\n\n.vchasno-ui-text.--inherit {\n font-size: inherit;\n}\n\n.vchasno-ui-text.--link,\n.vchasno-ui-text.--like-link {\n color: #087dc1;\n cursor: pointer;\n}\n\n.vchasno-ui-text.--link {\n text-decoration-line: underline;\n}\n\n.vchasno-ui-text.--normal {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.vchasno-ui-text.--small {\n font-size: 0.8rem;\n line-height: 0.9rem;\n}\n\n.vchasno-ui-text.--large {\n font-size: 1.2rem;\n line-height: 1.3rem;\n}\n\n.vchasno-ui-text.--required::after {\n position: relative;\n top: -3px;\n right: -2px;\n color: var(--vchasno-ui-text-error-color, #ff5937);\n content: '*';\n}\n\nstrong.vchasno-ui-text {\n font-weight: 700;\n}\n";
|
|
409
409
|
styleInject(css_248z$e);
|
|
410
410
|
|
|
411
411
|
var typeToCN = {
|
|
@@ -419,24 +419,24 @@ var typeToCN = {
|
|
|
419
419
|
};
|
|
420
420
|
var Text = React$1.forwardRef(function (_a, ref) {
|
|
421
421
|
var _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, _c = _a.code, code = _c === void 0 ? false : _c, _d = _a.del, del = _d === void 0 ? false : _d, _e = _a.underline, underline = _e === void 0 ? false : _e, _f = _a.strong, strong = _f === void 0 ? false : _f, children = _a.children, ellipsis = _a.ellipsis, _g = _a.required, required = _g === void 0 ? false : _g, rest = __rest(_a, ["type", "className", "code", "del", "underline", "strong", "children", "ellipsis", "required"]);
|
|
422
|
-
var
|
|
422
|
+
var element = 'span';
|
|
423
423
|
if (del) {
|
|
424
|
-
|
|
424
|
+
element = 'del';
|
|
425
425
|
}
|
|
426
426
|
if (strong) {
|
|
427
|
-
|
|
427
|
+
element = 'strong';
|
|
428
428
|
}
|
|
429
429
|
if (underline) {
|
|
430
|
-
|
|
430
|
+
element = 'u';
|
|
431
431
|
}
|
|
432
432
|
if (code) {
|
|
433
|
-
|
|
433
|
+
element = 'code';
|
|
434
434
|
}
|
|
435
|
-
return
|
|
435
|
+
return React$1.createElement(element, __assign({ ref: ref, className: cn('vchasno-ui-text', className, typeToCN[type], {
|
|
436
436
|
'--code': code,
|
|
437
437
|
'--ellipsis': ellipsis,
|
|
438
438
|
'--required': required,
|
|
439
|
-
}), title: ellipsis && typeof children === 'string' ? children : undefined }, rest),
|
|
439
|
+
}), title: ellipsis && typeof children === 'string' ? children : undefined }, rest), children);
|
|
440
440
|
});
|
|
441
441
|
Text.displayName = 'Text';
|
|
442
442
|
|
|
@@ -465,12 +465,12 @@ var Title = React$1.forwardRef(function (_a, ref) {
|
|
|
465
465
|
});
|
|
466
466
|
Title.displayName = 'Title';
|
|
467
467
|
|
|
468
|
-
var css_248z$b = ".vchasno-ui-paragraph {\n color: var(--vchasno-ui-text-primary-color);\n}\n\n.vchasno-ui-paragraph.--ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n";
|
|
468
|
+
var css_248z$b = ".vchasno-ui-paragraph {\n color: var(--vchasno-ui-text-primary-color);\n}\n\n.vchasno-ui-paragraph.--ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vchasno-ui-paragraph.--ellipsis-line {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n white-space: unset;\n}\n";
|
|
469
469
|
styleInject(css_248z$b);
|
|
470
470
|
|
|
471
471
|
var Paragraph = React$1.forwardRef(function (_a, ref) {
|
|
472
|
-
var _b = _a.ellipsis, ellipsis = _b === void 0 ? false : _b, children = _a.children, className = _a.className, textAlign = _a.textAlign, rest = __rest(_a, ["ellipsis", "children", "className", "textAlign"]);
|
|
473
|
-
return (React$1.createElement("p", __assign({ ref: ref, title: ellipsis && typeof children === 'string' ? children : undefined, className: cn('vchasno-ui-paragraph', className, { '--ellipsis': ellipsis }, textAlign && "--text-".concat(textAlign)) }, rest), children));
|
|
472
|
+
var _b = _a.ellipsis, ellipsis = _b === void 0 ? false : _b, children = _a.children, className = _a.className, textAlign = _a.textAlign, ellipsisLine = _a.ellipsisLine, rest = __rest(_a, ["ellipsis", "children", "className", "textAlign", "ellipsisLine"]);
|
|
473
|
+
return (React$1.createElement("p", __assign({ ref: ref, title: ellipsis && typeof children === 'string' ? children : undefined, className: cn('vchasno-ui-paragraph', className, { '--ellipsis': ellipsis, '--ellipsis-line': ellipsisLine !== undefined }, textAlign && "--text-".concat(textAlign)) }, rest, { style: ellipsisLine ? { WebkitLineClamp: ellipsisLine } : undefined }), children));
|
|
474
474
|
});
|
|
475
475
|
Paragraph.displayName = 'Paragraph';
|
|
476
476
|
|
|
@@ -501,488 +501,102 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
501
501
|
return target;
|
|
502
502
|
}
|
|
503
503
|
|
|
504
|
-
var
|
|
505
|
-
if (typeof ref === 'function') {
|
|
506
|
-
ref(value);
|
|
507
|
-
return;
|
|
508
|
-
}
|
|
509
|
-
ref.current = value;
|
|
510
|
-
};
|
|
504
|
+
var propTypes = {exports: {}};
|
|
511
505
|
|
|
512
|
-
var
|
|
513
|
-
var prevUserRef = React$1.useRef();
|
|
514
|
-
return React$1.useCallback(function (instance) {
|
|
515
|
-
libRef.current = instance;
|
|
506
|
+
var reactIs$3 = {exports: {}};
|
|
516
507
|
|
|
517
|
-
|
|
518
|
-
updateRef(prevUserRef.current, null);
|
|
519
|
-
}
|
|
508
|
+
var reactIs_production_min$2 = {};
|
|
520
509
|
|
|
521
|
-
|
|
510
|
+
/** @license React v16.13.1
|
|
511
|
+
* react-is.production.min.js
|
|
512
|
+
*
|
|
513
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
514
|
+
*
|
|
515
|
+
* This source code is licensed under the MIT license found in the
|
|
516
|
+
* LICENSE file in the root directory of this source tree.
|
|
517
|
+
*/
|
|
522
518
|
|
|
523
|
-
|
|
524
|
-
return;
|
|
525
|
-
}
|
|
519
|
+
var hasRequiredReactIs_production_min$2;
|
|
526
520
|
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
521
|
+
function requireReactIs_production_min$2 () {
|
|
522
|
+
if (hasRequiredReactIs_production_min$2) return reactIs_production_min$2;
|
|
523
|
+
hasRequiredReactIs_production_min$2 = 1;
|
|
524
|
+
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
|
525
|
+
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
|
526
|
+
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min$2.AsyncMode=l;reactIs_production_min$2.ConcurrentMode=m;reactIs_production_min$2.ContextConsumer=k;reactIs_production_min$2.ContextProvider=h;reactIs_production_min$2.Element=c;reactIs_production_min$2.ForwardRef=n;reactIs_production_min$2.Fragment=e;reactIs_production_min$2.Lazy=t;reactIs_production_min$2.Memo=r;reactIs_production_min$2.Portal=d;
|
|
527
|
+
reactIs_production_min$2.Profiler=g;reactIs_production_min$2.StrictMode=f;reactIs_production_min$2.Suspense=p;reactIs_production_min$2.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$2.isConcurrentMode=A;reactIs_production_min$2.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$2.isContextProvider=function(a){return z(a)===h};reactIs_production_min$2.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$2.isForwardRef=function(a){return z(a)===n};reactIs_production_min$2.isFragment=function(a){return z(a)===e};reactIs_production_min$2.isLazy=function(a){return z(a)===t};
|
|
528
|
+
reactIs_production_min$2.isMemo=function(a){return z(a)===r};reactIs_production_min$2.isPortal=function(a){return z(a)===d};reactIs_production_min$2.isProfiler=function(a){return z(a)===g};reactIs_production_min$2.isStrictMode=function(a){return z(a)===f};reactIs_production_min$2.isSuspense=function(a){return z(a)===p};
|
|
529
|
+
reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min$2.typeOf=z;
|
|
530
|
+
return reactIs_production_min$2;
|
|
531
|
+
}
|
|
530
532
|
|
|
531
|
-
var
|
|
532
|
-
|
|
533
|
-
var _excluded$d = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"];
|
|
534
|
-
var TextareaAutosize = function TextareaAutosize(_ref, userRef) {
|
|
535
|
-
_ref.cacheMeasurements;
|
|
536
|
-
_ref.maxRows;
|
|
537
|
-
_ref.minRows;
|
|
538
|
-
var _ref$onChange = _ref.onChange,
|
|
539
|
-
onChange = _ref$onChange === void 0 ? noop$1 : _ref$onChange;
|
|
540
|
-
_ref.onHeightChange;
|
|
541
|
-
var props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
542
|
-
props.value !== undefined;
|
|
543
|
-
var libRef = React__namespace.useRef(null);
|
|
544
|
-
var ref = useComposedRef(libRef, userRef);
|
|
545
|
-
React__namespace.useRef(0);
|
|
546
|
-
React__namespace.useRef();
|
|
547
|
-
return /*#__PURE__*/React__namespace.createElement("textarea", _extends$1({}, props, {
|
|
548
|
-
onChange: onChange,
|
|
549
|
-
ref: ref
|
|
550
|
-
}));
|
|
551
|
-
};
|
|
552
|
-
var index = /* #__PURE__ */React__namespace.forwardRef(TextareaAutosize);
|
|
533
|
+
var reactIs_development$2 = {};
|
|
553
534
|
|
|
554
|
-
|
|
555
|
-
|
|
535
|
+
/** @license React v16.13.1
|
|
536
|
+
* react-is.development.js
|
|
537
|
+
*
|
|
538
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
539
|
+
*
|
|
540
|
+
* This source code is licensed under the MIT license found in the
|
|
541
|
+
* LICENSE file in the root directory of this source tree.
|
|
542
|
+
*/
|
|
556
543
|
|
|
557
|
-
var
|
|
558
|
-
var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, _b = _a.placeholder, placeholder = _b === void 0 ? ' ' : _b, //need "space" for correct label working
|
|
559
|
-
rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "textareaClassName", "labelProps", "placeholder"]);
|
|
560
|
-
return (React$1.createElement(Input, { required: required, wide: wide, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
|
|
561
|
-
React$1.createElement(index, __assign({}, rest, { placeholder: placeholder, title: rest.title || 'Введіть текст', ref: ref, required: required, disabled: disabled, className: cn('vchasno-ui-textarea-input', textareaClassName) }))));
|
|
562
|
-
});
|
|
563
|
-
TextAreaInput.displayName = 'TextAreaInput';
|
|
544
|
+
var hasRequiredReactIs_development$2;
|
|
564
545
|
|
|
565
|
-
|
|
566
|
-
|
|
546
|
+
function requireReactIs_development$2 () {
|
|
547
|
+
if (hasRequiredReactIs_development$2) return reactIs_development$2;
|
|
548
|
+
hasRequiredReactIs_development$2 = 1;
|
|
567
549
|
|
|
568
|
-
var iconMap = {
|
|
569
|
-
info: function () { return React$1.createElement(React$1.Fragment, null, "\uD83E\uDD14"); },
|
|
570
|
-
cross: function () { return React$1.createElement(React$1.Fragment, null, "\u274C"); },
|
|
571
|
-
error: function () { return React$1.createElement(React$1.Fragment, null, "\u2757\uFE0F"); },
|
|
572
|
-
warning: function () { return React$1.createElement(React$1.Fragment, null, "\u26A0\uFE0F"); },
|
|
573
|
-
success: function () { return React$1.createElement(React$1.Fragment, null, "\u2705"); },
|
|
574
|
-
config: function () { return React$1.createElement(React$1.Fragment, null, "\u2699\uFE0F"); },
|
|
575
|
-
};
|
|
576
|
-
var Alert = function (_a) {
|
|
577
|
-
var _b = _a.type, type = _b === void 0 ? 'info' : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? true : _c, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, _e = _a.scrollIntoView, scrollIntoView = _e === void 0 ? false : _e, icon = _a.icon, className = _a.className, children = _a.children, onClose = _a.onClose, wide = _a.wide, _f = _a.close, close = _f === void 0 ? false : _f, customIcon = _a.customIcon;
|
|
578
|
-
var iconNode = null;
|
|
579
|
-
if (customIcon) {
|
|
580
|
-
iconNode = React$1.createElement("span", { className: "vchasno-ui-alert__icon-wrapper" }, customIcon);
|
|
581
|
-
}
|
|
582
|
-
else {
|
|
583
|
-
var Icon = iconMap[icon || type];
|
|
584
|
-
iconNode = (React$1.createElement("span", { className: "vchasno-ui-alert__icon-wrapper" },
|
|
585
|
-
React$1.createElement(Icon, null)));
|
|
586
|
-
}
|
|
587
|
-
var closeNode = null;
|
|
588
|
-
if (typeof onClose === 'function') {
|
|
589
|
-
closeNode = (React$1.createElement("span", { className: "vchasno-ui-alert__close-icon", onClick: onClose },
|
|
590
|
-
React$1.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
591
|
-
React$1.createElement("path", { d: "M6.4 5L9.7 1.7C10.1 1.3 10.1 0.7 9.7 0.3C9.3 -0.1 8.7 -0.1 8.3 0.3L5 3.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L3.6 5L0.3 8.3C-0.1 8.7 -0.1 9.3 0.3 9.7C0.5 9.9 0.7 10 1 10C1.3 10 1.5 9.9 1.7 9.7L5 6.4L8.3 9.7C8.5 9.9 8.7 10 9 10C9.3 10 9.5 9.9 9.7 9.7C10.1 9.3 10.1 8.7 9.7 8.3L6.4 5Z", fill: "currentColor" }))));
|
|
592
|
-
}
|
|
593
|
-
var rootRef = React$1.useRef(null);
|
|
594
|
-
React$1.useEffect(function () {
|
|
595
|
-
if (scrollIntoView && rootRef.current) {
|
|
596
|
-
rootRef.current.scrollIntoView({
|
|
597
|
-
behavior: 'smooth',
|
|
598
|
-
block: 'center',
|
|
599
|
-
});
|
|
600
|
-
}
|
|
601
|
-
}, [scrollIntoView]);
|
|
602
|
-
return (React$1.createElement("span", { ref: rootRef, className: cn('vchasno-ui-alert', "--".concat(type), { '--close': close }, { '--wide': wide }, { '--left-border': leftBorder }, className) },
|
|
603
|
-
!hideIcon && iconNode,
|
|
604
|
-
React$1.createElement("div", null, children),
|
|
605
|
-
closeNode));
|
|
606
|
-
};
|
|
607
550
|
|
|
608
|
-
var css_248z$8 = ".vchasno-ui-switch {\n --vchasno-ui-switc-hcircle-size: calc(var(--vchasno-ui-switch-height) - 4px);\n\n display: inline-flex;\n align-content: center;\n cursor: pointer;\n line-height: var(--vchasno-ui-switch-height);\n}\n\n.vchasno-ui-switch.--sm {\n --vchasno-ui-switch-height: 20px;\n}\n\n.vchasno-ui-switch.--md {\n --vchasno-ui-switch-height: 30px;\n}\n\n.vchasno-ui-switch.--lg {\n --vchasno-ui-switch-height: 40px;\n}\n\n.vchasno-ui-switch--bg {\n position: relative;\n z-index: 0;\n display: inline-flex;\n height: var(--vchasno-ui-switch-height, 20px);\n box-sizing: border-box;\n flex-shrink: 0;\n border-radius: 100px;\n aspect-ratio: 36/20;\n background: var(--vchasno-ui-switch-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n transition: background-color 0.3s;\n}\n\n.vchasno-ui-switch__active .vchasno-ui-switch--bg {\n background: var(--vchasno-ui-switch-active-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n}\n\n.vchasno-ui-switch__disabled {\n cursor: default;\n opacity: 0.7;\n}\n\n.vchasno-ui-switch--circle {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n height: var(--vchasno-ui-switc-hcircle-size);\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n aspect-ratio: 1/1;\n background-color: var(--vchasno-ui-switch-circle-color);\n transform: translate(2px, 2px);\n transition: transform 0.3s;\n}\n\n.vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(18px, 2px);\n}\n\n.vchasno-ui-switch.--md .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(26px, 2px);\n}\n\n.vchasno-ui-switch.--lg .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(34px, 2px);\n}\n\n.vchasno-ui-spinner {\n color: var(--vchasno-ui-switch-spinner-color);\n}\n\n.vchasno-ui-switch--label {\n margin-left: 12px;\n color: var(--vchasno-ui-input-font-color);\n font-size: var(--vchasno-ui-input-font-size);\n user-select: none;\n}\n";
|
|
609
|
-
styleInject(css_248z$8);
|
|
610
551
|
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
md: 26,
|
|
614
|
-
lg: 36,
|
|
615
|
-
};
|
|
616
|
-
var Switch = React$1.forwardRef(function (_a, ref) {
|
|
617
|
-
var className = _a.className, label = _a.label, onChange = _a.onChange, onChecked = _a.onChecked, value = _a.value, _b = _a.defaultChecked, defaultChecked = _b === void 0 ? false : _b, disabled = _a.disabled, loading = _a.loading, id = _a.id, _c = _a.size, size = _c === void 0 ? 'md' : _c, rest = __rest(_a, ["className", "label", "onChange", "onChecked", "value", "defaultChecked", "disabled", "loading", "id", "size"]);
|
|
618
|
-
var _d = React$1.useState(defaultChecked), checked = _d[0], setChecked = _d[1];
|
|
619
|
-
var isFullParentControlled = typeof value === 'boolean';
|
|
620
|
-
var inputChecked = isFullParentControlled ? value : checked;
|
|
621
|
-
var handleChange = function (event) {
|
|
622
|
-
if (!isFullParentControlled) {
|
|
623
|
-
setChecked(function () { return event.target.checked; });
|
|
624
|
-
}
|
|
625
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
626
|
-
onChecked === null || onChecked === void 0 ? void 0 : onChecked(event.target.checked, event);
|
|
627
|
-
};
|
|
628
|
-
return (React$1.createElement("label", { className: cn('vchasno-ui-switch', "--".concat(size), {
|
|
629
|
-
'vchasno-ui-switch__active': inputChecked,
|
|
630
|
-
'vchasno-ui-switch__disabled': disabled,
|
|
631
|
-
}, className) },
|
|
632
|
-
React$1.createElement("span", { className: "vchasno-ui-switch--bg" },
|
|
633
|
-
React$1.createElement("input", __assign({}, rest, { ref: ref, disabled: disabled, id: id, type: "checkbox", hidden: true, onChange: handleChange, checked: inputChecked })),
|
|
634
|
-
React$1.createElement("span", { className: "vchasno-ui-switch--circle" }, loading && (React$1.createElement(Spinner, { width: spinnerSizeMap[size], height: spinnerSizeMap[size] })))),
|
|
635
|
-
label && React$1.createElement("span", { className: "vchasno-ui-switch--label" }, label)));
|
|
636
|
-
});
|
|
637
|
-
Switch.displayName = 'Switch';
|
|
552
|
+
if (process.env.NODE_ENV !== "production") {
|
|
553
|
+
(function() {
|
|
638
554
|
|
|
639
|
-
|
|
640
|
-
|
|
555
|
+
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
556
|
+
// nor polyfill, then a plain number is used for performance.
|
|
557
|
+
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
558
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
559
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
560
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
561
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
562
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
563
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
564
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
565
|
+
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
641
566
|
|
|
642
|
-
var
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
if (containerRef.current && uiIndicatorRef.current) {
|
|
654
|
-
var containerReact = containerRef.current.getBoundingClientRect();
|
|
655
|
-
var list = Array.from(containerRef.current.querySelectorAll('li') || []);
|
|
656
|
-
var target = list.find(function (el) { var _a; return ((_a = el.dataset) === null || _a === void 0 ? void 0 : _a.key) === activeKeyValue; });
|
|
657
|
-
if (target) {
|
|
658
|
-
var _a = target.getBoundingClientRect(), width = _a.width, x = _a.x;
|
|
659
|
-
uiIndicatorRef.current.style.width = "".concat(width, "px");
|
|
660
|
-
uiIndicatorRef.current.style.left = "".concat(x - containerReact.x, "px");
|
|
661
|
-
}
|
|
662
|
-
isSkipTransitionRef.current = false;
|
|
663
|
-
}
|
|
664
|
-
}, [activeKeyValue]);
|
|
665
|
-
React$1.useEffect(function () {
|
|
666
|
-
if (containerRef.current && scrollContainerRef.current) {
|
|
667
|
-
var withScroll_1 = containerRef.current.scrollWidth > scrollContainerRef.current.clientWidth;
|
|
668
|
-
if (withScroll_1) {
|
|
669
|
-
setWithScroll(true);
|
|
670
|
-
}
|
|
671
|
-
}
|
|
672
|
-
}, []);
|
|
673
|
-
var activeTabItem = items.find(function (item) { return item.key === activeKeyValue; });
|
|
674
|
-
return (React$1.createElement(React$1.Fragment, null,
|
|
675
|
-
React$1.createElement("div", { className: cn('vchasno-ui-tabs-wrapper-root', (_b = {},
|
|
676
|
-
_b['--skip-animation'] = isSkipTransitionRef.current,
|
|
677
|
-
_b['--ping-left'] = withScroll && activeTabItem !== items[0],
|
|
678
|
-
_b['--ping-right'] = withScroll && activeTabItem !== items[items.length - 1],
|
|
679
|
-
_b)) },
|
|
680
|
-
React$1.createElement("div", { ref: scrollContainerRef, className: cn('vchasno-ui-tabs-wrapper', (_c = {},
|
|
681
|
-
_c['--h-scroll'] = withScroll,
|
|
682
|
-
_c)) },
|
|
683
|
-
React$1.createElement("ul", { className: cn('vchasno-ui-tabs', className), ref: containerRef },
|
|
684
|
-
items.map(function (item) {
|
|
685
|
-
return (React$1.createElement("li", { "data-key": item.key, className: cn('vchasno-ui-tabs__label-item', item.className, {
|
|
686
|
-
'--active': item === activeTabItem,
|
|
687
|
-
'--disabled': item.disabled,
|
|
688
|
-
}), key: item.key, onClick: function (event) {
|
|
689
|
-
if (item.disabled) {
|
|
690
|
-
return;
|
|
691
|
-
}
|
|
692
|
-
setActiveState(item.key);
|
|
693
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(item.key);
|
|
694
|
-
if (withScroll) {
|
|
695
|
-
event.currentTarget.scrollIntoView({
|
|
696
|
-
behavior: 'smooth',
|
|
697
|
-
block: 'center',
|
|
698
|
-
inline: 'center',
|
|
699
|
-
});
|
|
700
|
-
}
|
|
701
|
-
} }, item.label));
|
|
702
|
-
}),
|
|
703
|
-
React$1.createElement("span", { ref: uiIndicatorRef, className: "vchasno-ui-tabs__indicator" })))),
|
|
704
|
-
!isPending && (activeTabItem === null || activeTabItem === void 0 ? void 0 : activeTabItem.children),
|
|
705
|
-
isPending && (React$1.createElement(FlexBox, { justify: "center", align: "center", style: { minHeight: 300 } },
|
|
706
|
-
React$1.createElement(Spinner, { color: "var(--vchasno-ui-tabs-active-color, #087dc1)" })))));
|
|
707
|
-
};
|
|
567
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
568
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
569
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
570
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
571
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
572
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
573
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
574
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
575
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
576
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
577
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
708
578
|
|
|
709
|
-
|
|
710
|
-
|
|
579
|
+
function isValidElementType(type) {
|
|
580
|
+
return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
581
|
+
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
582
|
+
}
|
|
711
583
|
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
'--loading': loading,
|
|
716
|
-
'--disabled': disabled,
|
|
717
|
-
}) },
|
|
718
|
-
React$1.createElement("input", __assign({ ref: ref, type: "checkbox", hidden: true, disabled: disabled }, rest)),
|
|
719
|
-
React$1.createElement("span", { className: "vchasno-ui-checkbox__box" },
|
|
720
|
-
loading && React$1.createElement(Spinner, { height: "90%" }),
|
|
721
|
-
partial ? (React$1.createElement("svg", { className: "vchasno-ui-checkbox__svg", width: "8", height: "2", viewBox: "0 0 8 2", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
722
|
-
React$1.createElement("rect", { width: "8", height: "2", rx: "1", fill: "currentColor" }))) : (React$1.createElement("svg", { className: "vchasno-ui-checkbox__svg", width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
723
|
-
React$1.createElement("path", { d: "M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z", fill: "currentColor" })))),
|
|
724
|
-
label && React$1.createElement("span", { className: "vchasno-ui-checkbox__label" }, label)));
|
|
725
|
-
});
|
|
726
|
-
Checkbox.displayName = 'Checkbox';
|
|
584
|
+
function typeOf(object) {
|
|
585
|
+
if (typeof object === 'object' && object !== null) {
|
|
586
|
+
var $$typeof = object.$$typeof;
|
|
727
587
|
|
|
728
|
-
|
|
729
|
-
|
|
588
|
+
switch ($$typeof) {
|
|
589
|
+
case REACT_ELEMENT_TYPE:
|
|
590
|
+
var type = object.type;
|
|
730
591
|
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
React$1.useLayoutEffect(function () {
|
|
740
|
-
var handleResize = function () {
|
|
741
|
-
if (ref.current) {
|
|
742
|
-
setRect(ref.current.getBoundingClientRect());
|
|
743
|
-
}
|
|
744
|
-
};
|
|
745
|
-
handleResize();
|
|
746
|
-
if (window.ResizeObserver) {
|
|
747
|
-
var resizeObserver_1 = new ResizeObserver(handleResize);
|
|
748
|
-
if (ref.current) {
|
|
749
|
-
resizeObserver_1.observe(ref.current);
|
|
750
|
-
}
|
|
751
|
-
return function () {
|
|
752
|
-
if (ref.current) {
|
|
753
|
-
resizeObserver_1.unobserve(ref.current);
|
|
754
|
-
}
|
|
755
|
-
resizeObserver_1.disconnect();
|
|
756
|
-
};
|
|
757
|
-
}
|
|
758
|
-
window.addEventListener('resize', handleResize);
|
|
759
|
-
return function () {
|
|
760
|
-
window.removeEventListener('resize', handleResize);
|
|
761
|
-
};
|
|
762
|
-
}, []);
|
|
763
|
-
return { rect: rect, ref: ref };
|
|
764
|
-
};
|
|
765
|
-
|
|
766
|
-
var composeBubblePath = function (width, height, bubble, radiusOffset) {
|
|
767
|
-
return [
|
|
768
|
-
"M0 ".concat(radiusOffset),
|
|
769
|
-
"L0 ".concat(height - radiusOffset),
|
|
770
|
-
"Q0 ".concat(height, " ").concat(radiusOffset, " ").concat(height),
|
|
771
|
-
"H".concat(width - bubble - radiusOffset),
|
|
772
|
-
"Q".concat(width - bubble, " ").concat(height, " ").concat(width - bubble, " ").concat(height - radiusOffset),
|
|
773
|
-
"L".concat(width - bubble, " ").concat(height - bubble / 2),
|
|
774
|
-
"Q".concat(width - bubble, " ").concat(height - bubble, " ").concat(width - bubble / 2, " ").concat(height - bubble),
|
|
775
|
-
"H".concat(width - radiusOffset),
|
|
776
|
-
"Q".concat(width, " ").concat(height - bubble, " ").concat(width, " ").concat(height - bubble - radiusOffset),
|
|
777
|
-
"V".concat(radiusOffset),
|
|
778
|
-
"Q".concat(width, " 0 ").concat(width - radiusOffset, " 0"),
|
|
779
|
-
"H".concat(radiusOffset),
|
|
780
|
-
"Q0 0 0 ".concat(radiusOffset),
|
|
781
|
-
].join(' ');
|
|
782
|
-
};
|
|
783
|
-
|
|
784
|
-
var css_248z$4 = ".vchasno-ui-BubbleBox {\n --vchasno-ui-bubble-height: 40px;\n --vchasno-ui-bubble-width: 40px;\n --vchasno-ui-bubble-shadow: 2px 4px 6px rgb(0 0 0 / 20%);\n\n position: relative;\n min-height: calc(var(--vchasno-ui-bubble-height) * 2);\n box-sizing: border-box;\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n overflow: visible;\n pointer-events: none;\n transform: translateZ(0);\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg path {\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow {\n filter: drop-shadow(var(--vchasno-ui-bubble-shadow));\n}\n\n.vchasno-ui-BubbleBox__bubble {\n position: absolute;\n z-index: 1;\n right: 0;\n bottom: 0;\n display: flex;\n width: var(--vchasno-ui-bubble-width);\n height: var(--vchasno-ui-bubble-height);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: var(--vchasno-ui-bubble-width);\n margin: 0;\n cursor: pointer;\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n";
|
|
785
|
-
styleInject(css_248z$4);
|
|
786
|
-
|
|
787
|
-
var BubbleBox = function (_a) {
|
|
788
|
-
var className = _a.className, controlClassName = _a.controlClassName, svgClassName = _a.svgClassName, control = _a.control, children = _a.children, backgroundColor = _a.backgroundColor, shadow = _a.shadow, _b = _a.bubbleSize, bubbleSize = _b === void 0 ? 40 : _b, borderColor = _a.borderColor, _c = _a.innerOffset, innerOffset = _c === void 0 ? 5 : _c, _d = _a.radiusOffset, radiusOffset = _d === void 0 ? 8 : _d, _e = _a.borderWith, borderWith = _e === void 0 ? 1 : _e, rest = __rest(_a, ["className", "controlClassName", "svgClassName", "control", "children", "backgroundColor", "shadow", "bubbleSize", "borderColor", "innerOffset", "radiusOffset", "borderWith"]);
|
|
789
|
-
var _f = useClientRect(), rect = _f.rect, ref = _f.ref;
|
|
790
|
-
var bubbleHeight = Array.isArray(bubbleSize) ? bubbleSize[1] : bubbleSize;
|
|
791
|
-
var bubbleWidth = Array.isArray(bubbleSize) ? bubbleSize[0] : bubbleSize;
|
|
792
|
-
var elementWidth = (rect === null || rect === void 0 ? void 0 : rect.width) || 0;
|
|
793
|
-
var height = (rect === null || rect === void 0 ? void 0 : rect.height) || 0;
|
|
794
|
-
var css = __assign({ '--vchasno-ui-bubble-width': "".concat(bubbleWidth, "px"), '--vchasno-ui-bubble-height': "".concat(bubbleHeight, "px") }, rest.style);
|
|
795
|
-
var d = React$1.useMemo(function () {
|
|
796
|
-
return composeBubblePath(elementWidth, height, Math.max(bubbleHeight, bubbleWidth) + innerOffset * 2, radiusOffset);
|
|
797
|
-
}, [elementWidth, height, bubbleHeight, bubbleWidth, innerOffset, radiusOffset]);
|
|
798
|
-
return (React$1.createElement("div", __assign({}, rest, { ref: ref, className: cn('vchasno-ui-BubbleBox', className), style: css }),
|
|
799
|
-
rect && (React$1.createElement("svg", { className: cn('vchasno-ui-BubbleBox__svg', { 'vchasno-ui-BubbleBox__shadow': shadow }, svgClassName), width: elementWidth, height: height, xmlns: "http://www.w3.org/2000/svg" },
|
|
800
|
-
React$1.createElement("path", { d: d, fill: backgroundColor || 'transparent', stroke: borderColor || backgroundColor || 'transparent', strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: borderWith }))),
|
|
801
|
-
control && (React$1.createElement("div", { className: cn('vchasno-ui-BubbleBox__bubble', controlClassName) }, control)),
|
|
802
|
-
children));
|
|
803
|
-
};
|
|
804
|
-
|
|
805
|
-
/**
|
|
806
|
-
* Merges multiple refs into a single ref callback.
|
|
807
|
-
* @see <https://www.jameskerr.blog/posts/react-useref-and-forward-ref/>
|
|
808
|
-
*/
|
|
809
|
-
function mergeRefs() {
|
|
810
|
-
var refs = [];
|
|
811
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
812
|
-
refs[_i] = arguments[_i];
|
|
813
|
-
}
|
|
814
|
-
return function (value) {
|
|
815
|
-
refs.forEach(function (ref) {
|
|
816
|
-
if (typeof ref === 'function') {
|
|
817
|
-
ref(value);
|
|
818
|
-
}
|
|
819
|
-
else if (ref != null) {
|
|
820
|
-
ref.current = value;
|
|
821
|
-
}
|
|
822
|
-
});
|
|
823
|
-
};
|
|
824
|
-
}
|
|
825
|
-
|
|
826
|
-
var composeRoundedBorderPath = function (width, height, radiusOffset) {
|
|
827
|
-
return [
|
|
828
|
-
"M0 ".concat(radiusOffset),
|
|
829
|
-
"L0 ".concat(height - radiusOffset),
|
|
830
|
-
"Q0 ".concat(height, " ").concat(radiusOffset, " ").concat(height),
|
|
831
|
-
"H".concat(width - radiusOffset),
|
|
832
|
-
"Q".concat(width, " ").concat(height, " ").concat(width, " ").concat(height - radiusOffset),
|
|
833
|
-
"V".concat(radiusOffset),
|
|
834
|
-
"Q".concat(width, " 0 ").concat(width - radiusOffset, " 0"),
|
|
835
|
-
"H".concat(radiusOffset),
|
|
836
|
-
"Q0 0 0 ".concat(radiusOffset),
|
|
837
|
-
].join(' ');
|
|
838
|
-
};
|
|
839
|
-
|
|
840
|
-
var css_248z$3 = ".vchasno-ui-SvgBorder {\n --vchasno-ui-svg-border-animation-duration-sec: 1s;\n --vchasno-ui-svg-border-stroke-dashoffset: 100%;\n\n position: relative;\n}\n\n.vchasno-ui-SvgBorder__svg {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n overflow: visible;\n pointer-events: none;\n transform: translateZ(0);\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-SvgBorder__svg--animation-border-offset {\n animation: stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;\n animation-play-state: paused;\n}\n\n.vchasno-ui-SvgBorder__svg--animation-play {\n animation-play-state: running;\n}\n\n@keyframes stroke-offset {\n to {\n stroke-dashoffset: var(--vchasno-ui-svg-border-stroke-dashoffset);\n }\n}\n";
|
|
841
|
-
styleInject(css_248z$3);
|
|
842
|
-
|
|
843
|
-
/**
|
|
844
|
-
* @link <https://css-tricks.com/svg-line-animation-works/>
|
|
845
|
-
*/
|
|
846
|
-
var SvgBorder = React$1.forwardRef(function (_a, forwardedRef) {
|
|
847
|
-
var className = _a.className, svgClassName = _a.svgClassName, _b = _a.strokeDasharray, strokeDasharray = _b === void 0 ? '4' : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? 'inherit' : _d, _e = _a.borderRadius, borderRadius = _e === void 0 ? 8 : _e, animation = _a.animation, animationPlay = _a.animationPlay, _f = _a.animationDurationSec, animationDurationSec = _f === void 0 ? 5 : _f, _g = _a.dashoffset, dashoffset = _g === void 0 ? '100%' : _g, children = _a.children, rest = __rest(_a, ["className", "svgClassName", "strokeDasharray", "strokeWidth", "color", "borderRadius", "animation", "animationPlay", "animationDurationSec", "dashoffset", "children"]);
|
|
848
|
-
var _h = useClientRect(), rect = _h.rect, ref = _h.ref;
|
|
849
|
-
var width = (rect === null || rect === void 0 ? void 0 : rect.width) || 0;
|
|
850
|
-
var height = (rect === null || rect === void 0 ? void 0 : rect.height) || 0;
|
|
851
|
-
var d = React$1.useMemo(function () { return composeRoundedBorderPath(width, height, borderRadius); }, [width, height, borderRadius]);
|
|
852
|
-
var css = __assign({ '--vchasno-ui-svg-border-animation-duration-sec': "".concat(animationDurationSec, "s"), '--vchasno-ui-svg-border-stroke-dashoffset': dashoffset }, rest.style);
|
|
853
|
-
return (React$1.createElement("div", __assign({}, rest, { ref: mergeRefs(ref, forwardedRef), className: cn('vchasno-ui-SvgBorder', className), style: css }),
|
|
854
|
-
React$1.createElement("svg", { className: cn('vchasno-ui-SvgBorder__svg', {
|
|
855
|
-
'vchasno-ui-SvgBorder__svg--animation-border-offset': animation === 'border-offset',
|
|
856
|
-
'vchasno-ui-SvgBorder__svg--animation-play': animationPlay,
|
|
857
|
-
}, svgClassName), width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg" },
|
|
858
|
-
React$1.createElement("path", { d: d, strokeLinejoin: "round", strokeLinecap: "round", stroke: color, fill: "transparent", strokeDasharray: strokeDasharray, strokeWidth: strokeWidth })),
|
|
859
|
-
children));
|
|
860
|
-
});
|
|
861
|
-
SvgBorder.displayName = 'SvgBorder';
|
|
862
|
-
|
|
863
|
-
var vchasno = "url('data:image/svg+xml,<svg width=\"120\" height=\"32\" viewBox=\"0 0 120 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.7934 25.8227C80.9722 25.8227 76.9707 21.8651 76.9707 16.9997C76.9707 12.1349 81.0785 8.17676 85.6354 8.17676V10.731C82.5978 10.731 79.502 13.5433 79.502 16.9997C79.502 20.4562 82.3285 23.2685 85.7539 23.2685C89.1788 23.2685 91.9855 20.4562 91.9855 16.9997C91.9855 15.9356 91.7288 14.8986 91.2281 13.9806C89.5402 15.7854 86.9785 18.6324 86.9461 18.6677L86.1062 19.6026L82.3877 16.2616L84.0711 14.354L85.922 16.0163C87.1841 14.6238 89.5109 12.0705 90.489 11.0845L91.4377 10.1277L92.3292 11.1397C93.7529 12.755 94.5366 14.8363 94.5366 16.9997C94.5366 21.8651 90.6145 25.8227 85.7934 25.8227Z\" fill=\"%23D4D6DD\"/><mask id=\"mask0_23982_77045\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"5\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 5.50256V24.018H13.1532V5.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_23982_77045)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.99951 15.6089V21.473H6.18746C7.44198 21.473 8.38971 21.2298 9.03014 20.7445C9.67056 20.2592 9.99052 19.4929 9.99052 18.4456C9.99052 17.4832 9.66398 16.77 9.0114 16.3057C8.35883 15.8413 7.36706 15.6089 6.03659 15.6089H2.99951ZM2.99951 13.1516H5.88623C7.14126 13.1516 8.05709 12.9514 8.63474 12.5503C9.21188 12.1493 9.50096 11.4678 9.50096 10.5049C9.50096 9.6354 9.1891 9.00654 8.56589 8.61778C7.94268 8.22953 6.95293 8.0354 5.59766 8.0354H2.99951V13.1516ZM-0.00012207 5.50256H5.44678C7.97354 5.50256 9.80015 5.87396 10.9251 6.61674C12.0505 7.36003 12.6135 8.53347 12.6135 10.1381C12.6135 11.2185 12.337 12.1181 11.7852 12.8354C11.2329 13.5531 10.4375 14.0047 9.4007 14.1907V14.3169C10.6886 14.5621 11.6364 15.0453 12.2434 15.7672C12.8499 16.489 13.1531 17.4663 13.1531 18.699C13.1531 20.3623 12.5775 21.6645 11.4273 22.606C10.2765 23.5475 8.67675 24.018 6.62637 24.018H-0.00012207V5.50256Z\" fill=\"%23D4D6DD\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.2529 10.0111V15.1278C19.2529 16.5633 19.989 17.2806 21.4618 17.2806C22.1731 17.2806 22.8677 17.1815 23.5455 16.9828C24.2229 16.7845 24.9509 16.4658 25.7291 16.0269V10.0111H28.6786V24.0183H25.7291V18.0785C24.917 18.5853 24.1333 18.9587 23.3759 19.1994C22.6181 19.44 21.7924 19.56 20.8968 19.56C19.4494 19.56 18.3194 19.1825 17.5083 18.4269C16.6963 17.6714 16.2908 16.6139 16.2908 15.2545V10.0111H19.2529Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.1882 21.9918C38.2589 21.9918 39.1186 21.6904 39.7676 21.0866C40.4156 20.4828 40.7402 19.6363 40.7402 18.5471V17.3313L38.9576 17.4074C37.5689 17.458 36.5584 17.692 35.9271 18.1104C35.2953 18.5282 34.9794 19.1678 34.9794 20.0291C34.9794 20.6539 35.1631 21.1372 35.5317 21.4789C35.8993 21.8212 36.4516 21.9918 37.1882 21.9918ZM41.5811 24.0184L40.9913 22.0679H40.8905C40.2212 22.9205 39.5479 23.5014 38.87 23.8094C38.1921 24.1175 37.3219 24.2712 36.2592 24.2712C34.8959 24.2712 33.8307 23.8998 33.0652 23.157C32.2997 22.4143 31.917 21.3629 31.917 20.0035C31.917 18.5599 32.4481 17.4707 33.5107 16.7361C34.5734 16.0015 36.1924 15.6005 38.3678 15.533L40.765 15.4569V14.7095C40.765 13.815 40.5579 13.1458 40.1438 12.7024C39.7302 12.259 39.0877 12.0373 38.2175 12.0373C37.5062 12.0373 36.8242 12.143 36.1716 12.354C35.5191 12.565 34.8913 12.8143 34.2888 13.1014L33.335 10.9736C34.0884 10.5767 34.9121 10.2748 35.8071 10.0679C36.7027 9.86101 37.5477 9.75781 38.3425 9.75781C40.1084 9.75781 41.4403 10.1466 42.3405 10.9231C43.2396 11.7001 43.6897 12.92 43.6897 14.5834V24.0184H41.5811Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.4036 24.2715C51.3036 24.2715 49.7073 23.6534 48.6153 22.4161C47.5238 21.1793 46.9775 19.4041 46.9775 17.0909C46.9775 14.7353 47.5486 12.9244 48.6907 11.6574C49.8329 10.391 51.4833 9.75757 53.642 9.75757C55.1061 9.75757 56.4239 10.0324 57.5954 10.5811L56.7049 12.9749C55.458 12.485 54.4282 12.2403 53.6172 12.2403C51.2155 12.2403 50.0151 13.8485 50.0151 17.0654C50.0151 18.6357 50.3138 19.8158 50.9122 20.6051C51.5106 21.3949 52.387 21.7892 53.5413 21.7892C54.855 21.7892 56.0974 21.4603 57.2694 20.8018V23.3979C56.7424 23.7101 56.1789 23.9338 55.5815 24.0692C54.9826 24.2041 54.2571 24.2715 53.4036 24.2715Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.4822 10.0111V15.6341H70.0211V10.0111H72.9706V24.0183H70.0211V17.9774H63.4822V24.0183H60.5327V10.0111H63.4822Z\" fill=\"%23D4D6DD\"/></svg>')";
|
|
864
|
-
var edo = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1605\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1605)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/><path d=\"M158 17.5212V18.5369C158 19.9333 157.819 21.186 157.457 22.2947C157.095 23.4034 156.577 24.3471 155.903 25.1257C155.238 25.9044 154.438 26.5011 153.504 26.9158C152.569 27.322 151.533 27.5251 150.397 27.5251C149.268 27.5251 148.237 27.322 147.302 26.9158C146.376 26.5011 145.572 25.9044 144.89 25.1257C144.208 24.3471 143.678 23.4034 143.299 22.2947C142.928 21.186 142.743 19.9333 142.743 18.5369V17.5212C142.743 16.1248 142.928 14.8764 143.299 13.7761C143.669 12.6674 144.191 11.7237 144.865 10.9451C145.547 10.158 146.351 9.56128 147.277 9.15503C148.212 8.74032 149.243 8.53296 150.371 8.53296C151.508 8.53296 152.544 8.74032 153.478 9.15503C154.413 9.56128 155.217 10.158 155.891 10.9451C156.564 11.7237 157.082 12.6674 157.444 13.7761C157.815 14.8764 158 16.1248 158 17.5212ZM154.83 18.5369V17.4958C154.83 16.4633 154.729 15.5535 154.527 14.7664C154.333 13.9708 154.043 13.3064 153.655 12.7732C153.276 12.2315 152.809 11.8253 152.253 11.5544C151.698 11.2751 151.07 11.1355 150.371 11.1355C149.673 11.1355 149.05 11.2751 148.502 11.5544C147.955 11.8253 147.488 12.2315 147.1 12.7732C146.721 13.3064 146.431 13.9708 146.229 14.7664C146.027 15.5535 145.926 16.4633 145.926 17.4958V18.5369C145.926 19.5694 146.027 20.4835 146.229 21.2791C146.431 22.0746 146.726 22.7475 147.113 23.2976C147.509 23.8393 147.98 24.2498 148.528 24.5291C149.075 24.7999 149.698 24.9353 150.397 24.9353C151.104 24.9353 151.731 24.7999 152.279 24.5291C152.826 24.2498 153.289 23.8393 153.668 23.2976C154.047 22.7475 154.333 22.0746 154.527 21.2791C154.729 20.4835 154.83 19.5694 154.83 18.5369Z\" fill=\"black\"/><path d=\"M138.79 24.7449V27.2712H125.238V24.7449H138.79ZM126.021 24.7449V31.8162H122.99L122.876 24.7449H126.021ZM141.24 24.7449L141.051 31.8035H138.07V24.7449H141.24ZM136.567 8.78687V11.3259H128.08V8.78687H136.567ZM138.992 8.78687V27.2712H135.834V8.78687H138.992ZM127.448 8.78687H130.618L130.176 16.2771C130.109 17.462 129.987 18.5284 129.81 19.4763C129.633 20.4242 129.418 21.2748 129.166 22.0281C128.922 22.7729 128.644 23.433 128.332 24.0085C128.021 24.5756 127.688 25.0665 127.334 25.4812C126.981 25.8959 126.619 26.2514 126.248 26.5476C125.886 26.8354 125.528 27.0766 125.175 27.2712H123.482V24.7449H124.303C124.531 24.5333 124.783 24.2286 125.061 23.8308C125.339 23.4246 125.608 22.8956 125.869 22.2439C126.139 21.5837 126.375 20.767 126.577 19.7937C126.779 18.8204 126.918 17.6482 126.993 16.2771L127.448 8.78687Z\" fill=\"black\"/><path d=\"M121.676 24.7449V27.2712H111.913V24.7449H121.676ZM112.81 8.78687V27.2712H109.64V8.78687H112.81ZM120.401 16.5056V18.9939H111.913V16.5056H120.401ZM121.613 8.78687V11.3259H111.913V8.78687H121.613Z\" fill=\"black\"/></svg>')";
|
|
865
|
-
var kasa = "url('data:image/svg+xml,<svg width=\"167\" height=\"41\" viewBox=\"0 0 167 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M123.94 27.2112H120.34L112.64 17.8112V27.2112H109.64V8.61118H112.64V17.6112L120.14 8.61118H123.44L115.94 17.6112L123.94 27.2112Z\" fill=\"black\"/><path d=\"M134.94 27.2112L134.34 25.2112H134.24C133.54 26.1112 132.84 26.6112 132.24 27.0112C131.64 27.4112 130.64 27.5112 129.64 27.5112C128.24 27.5112 127.14 27.1112 126.44 26.4112C125.64 25.7112 125.24 24.6112 125.24 23.2112C125.24 21.7112 125.74 20.7112 126.84 19.9112C127.94 19.1112 129.54 18.8112 131.74 18.7112L134.14 18.6112V17.8112C134.14 16.9112 133.94 16.2112 133.54 15.8112C133.14 15.4112 132.44 15.1112 131.54 15.1112C130.84 15.1112 130.14 15.2112 129.44 15.4112C128.74 15.6112 128.14 15.9112 127.54 16.2112L126.54 14.1112C127.34 13.7112 128.14 13.4112 129.04 13.2112C129.94 13.0112 130.84 12.9112 131.64 12.9112C133.44 12.9112 134.74 13.3112 135.74 14.1112C136.64 14.9112 137.14 16.1112 137.14 17.8112V27.3112L134.94 27.2112ZM130.44 25.2112C131.54 25.2112 132.44 24.9112 133.04 24.3112C133.74 23.7112 134.04 22.8112 134.04 21.7112V20.5112L132.24 20.6112C130.84 20.7112 129.84 20.9112 129.14 21.3112C128.44 21.7112 128.14 22.4112 128.14 23.2112C128.14 23.8112 128.34 24.3112 128.74 24.7112C129.14 25.0112 129.74 25.2112 130.44 25.2112Z\" fill=\"black\"/><path d=\"M146.94 27.5112C144.84 27.5112 143.24 26.9112 142.04 25.6112C140.94 24.4112 140.34 22.6112 140.34 20.2112C140.34 17.8112 140.94 16.0112 142.04 14.7112C143.24 13.4112 144.84 12.8112 147.04 12.8112C148.54 12.8112 149.84 13.1112 151.04 13.6112L150.14 16.0112C148.84 15.5112 147.84 15.3112 147.04 15.3112C144.64 15.3112 143.34 16.9112 143.34 20.2112C143.34 21.8112 143.64 23.0112 144.24 23.8112C144.84 24.6112 145.74 25.0112 146.94 25.0112C148.24 25.0112 149.54 24.7112 150.74 24.0112V26.6112C150.24 26.9112 149.64 27.1112 149.04 27.3112C148.54 27.4112 147.74 27.5112 146.94 27.5112Z\" fill=\"black\"/><path d=\"M162.94 27.2112L162.34 25.2112H162.24C161.54 26.1112 160.84 26.6112 160.24 27.0112C159.64 27.4112 158.64 27.5112 157.64 27.5112C156.24 27.5112 155.14 27.1112 154.44 26.4112C153.64 25.7112 153.24 24.6112 153.24 23.2112C153.24 21.7112 153.74 20.7112 154.84 19.9112C155.94 19.1112 157.54 18.8112 159.74 18.7112L162.14 18.6112V17.8112C162.14 16.9112 161.94 16.2112 161.54 15.8112C161.14 15.4112 160.44 15.1112 159.54 15.1112C158.84 15.1112 158.14 15.2112 157.44 15.4112C156.74 15.6112 156.14 15.9112 155.54 16.2112L154.54 14.1112C155.34 13.7112 156.14 13.4112 157.04 13.2112C157.94 13.0112 158.84 12.9112 159.64 12.9112C161.44 12.9112 162.74 13.3112 163.74 14.1112C164.64 14.9112 165.14 16.1112 165.14 17.8112V27.3112H162.94V27.2112ZM158.54 25.2112C159.64 25.2112 160.54 24.9112 161.14 24.3112C161.84 23.7112 162.14 22.8112 162.14 21.7112V20.5112L160.34 20.6112C158.94 20.7112 157.94 20.9112 157.24 21.3112C156.54 21.7112 156.24 22.4112 156.24 23.2112C156.24 23.8112 156.44 24.3112 156.84 24.7112C157.14 25.0112 157.74 25.2112 158.54 25.2112Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5112C80.5325 28.5112 76.6599 24.6984 76.6599 20.0112C76.6599 15.3244 80.6354 11.5112 85.0455 11.5112V13.9719C82.1058 13.9719 79.1097 16.6813 79.1097 20.0112C79.1097 23.3411 81.8451 26.0504 85.1602 26.0504C88.4747 26.0504 91.191 23.3411 91.191 20.0112C91.191 18.986 90.9426 17.9869 90.4581 17.1025C88.8245 18.8413 86.3454 21.5841 86.314 21.6181L85.5012 22.5187L81.9024 19.3L83.5315 17.4623L85.3228 19.0638C86.5443 17.7222 88.7961 15.2624 89.7427 14.3125L90.6609 13.3907L91.5237 14.3657C92.9015 15.9219 93.6599 17.9269 93.6599 20.0112C93.6599 24.6984 89.8642 28.5112 85.1984 28.5112Z\" fill=\"black\"/><mask id=\"mask0_167_1658\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.51373V27.0292H13.0855V8.51373H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1658)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.62V24.4841H6.15562C7.40369 24.4841 8.34654 24.241 8.98367 23.7557C9.6208 23.2703 9.93911 22.5041 9.93911 21.4568C9.93911 20.4944 9.61425 19.7812 8.96503 19.3168C8.31581 18.8525 7.32915 18.62 6.00553 18.62H2.98408ZM2.98408 16.1628H5.85594C7.10451 16.1628 8.01563 15.9625 8.59031 15.5615C9.16448 15.1605 9.45207 14.479 9.45207 13.5161C9.45207 12.6466 9.14182 12.0177 8.52181 11.6289C7.90181 11.2407 6.91715 11.0466 5.56886 11.0466H2.98408V16.1628ZM-0.00012207 8.51373H5.41875C7.93251 8.51373 9.74971 8.88513 10.8688 9.62791C11.9885 10.3712 12.5485 11.5446 12.5485 13.1492C12.5485 14.2297 12.2736 15.1293 11.7246 15.8466C11.1751 16.5643 10.3838 17.0159 9.35233 17.2019V17.328C10.6336 17.5732 11.5765 18.0565 12.1804 18.7784C12.7838 19.5002 13.0855 20.4775 13.0855 21.7102C13.0855 23.3735 12.5128 24.6757 11.3685 25.6172C10.2237 26.5587 8.6321 27.0292 6.59228 27.0292H-0.00012207V8.51373Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0223V18.1391C19.1538 19.5746 19.8861 20.2918 21.3513 20.2918C22.0589 20.2918 22.75 20.1927 23.4244 19.994C24.0982 19.7958 24.8225 19.477 25.5966 19.0382V13.0223H28.531V27.0295H25.5966V21.0898C24.7888 21.5965 24.0091 21.97 23.2556 22.2106C22.5016 22.4512 21.6802 22.5713 20.7892 22.5713C19.3492 22.5713 18.2251 22.1937 17.4182 21.4382C16.6103 20.6826 16.2069 19.6251 16.2069 18.2658V13.0223H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 25.003C38.0621 25.003 38.9173 24.7016 39.563 24.0978C40.2077 23.4939 40.5305 22.6474 40.5305 21.5583V20.3425L38.7571 20.4186C37.3756 20.4692 36.3703 20.7031 35.7422 21.1215C35.1136 21.5394 34.7994 22.179 34.7994 23.0403C34.7994 23.6651 34.9822 24.1483 35.3489 24.4901C35.7145 24.8324 36.264 25.003 36.9968 25.003ZM41.3671 27.0295L40.7803 25.0791H40.6801C40.0143 25.9317 39.3444 26.5125 38.67 26.8206C37.9956 27.1286 37.1298 27.2824 36.0726 27.2824C34.7163 27.2824 33.6566 26.911 32.895 26.1682C32.1335 25.4254 31.7527 24.3741 31.7527 23.0147C31.7527 21.571 32.2811 20.4819 33.3383 19.7473C34.3954 19.0127 36.0061 18.6116 38.1704 18.5442L40.5552 18.4681V17.7207C40.5552 16.8262 40.3492 16.157 39.9372 15.7136C39.5257 15.2701 38.8866 15.0484 38.0208 15.0484C37.3131 15.0484 36.6347 15.1542 35.9855 15.3652C35.3363 15.5761 34.7117 15.8254 34.1124 16.1125L33.1635 13.9848C33.9129 13.5879 34.7324 13.286 35.6229 13.0791C36.5138 12.8722 37.3544 12.769 38.1452 12.769C39.902 12.769 41.2271 13.1577 42.1226 13.9342C43.0171 14.7113 43.4648 15.9312 43.4648 17.5945V27.0295H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2827C51.0395 27.2827 49.4514 26.6645 48.3651 25.4272C47.2792 24.1904 46.7357 22.4152 46.7357 20.1021C46.7357 17.7465 47.3038 15.9355 48.4401 14.6686C49.5764 13.4022 51.2183 12.7687 53.3659 12.7687C54.8225 12.7687 56.1335 13.0436 57.299 13.5922L56.413 15.9861C55.1725 15.4962 54.1481 15.2515 53.3412 15.2515C50.9519 15.2515 49.7577 16.8597 49.7577 20.0765C49.7577 21.6469 50.0548 22.827 50.6502 23.6162C51.2455 24.406 52.1173 24.8004 53.2657 24.8004C54.5727 24.8004 55.8086 24.4714 56.9746 23.8129V26.4091C56.4503 26.7212 55.8897 26.945 55.2954 27.0804C54.6996 27.2152 53.9778 27.2827 53.1287 27.2827Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0223V18.6453H69.6609V13.0223H72.5952V27.0295H69.6609V20.9886H63.1556V27.0295H60.2213V13.0223H63.1556Z\" fill=\"black\"/></svg>')";
|
|
866
|
-
var edi = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M119.746 27.3023H109.44V9.09338H119.746V11.6307H112.427V16.6307H119.298V19.168H112.427V24.9143H119.746V27.3023Z\" fill=\"black\"/><path d=\"M138.567 17.974C138.567 21.0337 137.745 23.2725 136.028 24.8397C134.385 26.4068 131.92 27.2277 128.783 27.2277H123.705V9.09338H129.381C132.293 9.09338 134.534 9.83965 136.177 11.4814C137.745 12.974 138.567 15.2128 138.567 17.974ZM135.43 18.1232C135.43 13.7949 133.414 11.5561 129.306 11.5561H126.692V24.765H128.858C133.19 24.765 135.43 22.6008 135.43 18.1232Z\" fill=\"black\"/><path d=\"M142.45 27.3023V9.09338H145.438V27.377L142.45 27.3023Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1682\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1682)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
867
|
-
var kep = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M115.048 19.1788H112.95V26.796H109.877V9.02252H112.95V16.4932H114.646L119.867 9.02252H123.648L117.549 17.5308L124.185 26.796H120.476L115.048 19.1788Z\" fill=\"%23131313\"/><path d=\"M136.272 18.8614H128.978V24.3301H137.504V26.796H125.892V9.02252H137.419V11.5128H128.978V16.42H136.272V18.8614Z\" fill=\"%23131313\"/><path d=\"M154.069 26.796H150.995V11.5128H143.176V26.796H140.103V9.02252H154.069V26.796Z\" fill=\"%23131313\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1708\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1708)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
868
|
-
var ttn = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M154.809 16.5059V19.0322H144.995V16.5059H154.809ZM145.783 8.78711V27.2715H142.596V8.78711H145.783ZM157.259 8.78711V27.2715H154.085V8.78711H157.259Z\" fill=\"black\"/><path d=\"M134.357 8.78711V27.2715H131.196V8.78711H134.357ZM140.159 8.78711V11.3262H125.445V8.78711H140.159Z\" fill=\"black\"/><path d=\"M118.31 8.78711V27.2715H115.149V8.78711H118.31ZM124.112 8.78711V11.3262H109.398V8.78711H124.112Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1613\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1613)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
869
|
-
|
|
870
|
-
var dataUrls = /*#__PURE__*/Object.freeze({
|
|
871
|
-
__proto__: null,
|
|
872
|
-
edi: edi,
|
|
873
|
-
edo: edo,
|
|
874
|
-
kasa: kasa,
|
|
875
|
-
kep: kep,
|
|
876
|
-
ttn: ttn,
|
|
877
|
-
vchasno: vchasno
|
|
878
|
-
});
|
|
879
|
-
|
|
880
|
-
var css_248z$2 = ".vchasno-ui-SplashLogo__logo-box {\n --vchasno-ui-splash-screen-logo-box-width: 300px;\n --vchasno-ui-splash-screen-logo-box-height: 100px;\n --vchasno-ui-splash-screen-logo-color: #333;\n --vchasno-ui-splash-screen-animation-duration: 2s;\n\n display: inline-block;\n width: var(--vchasno-ui-splash-screen-logo-box-width);\n height: var(--vchasno-ui-splash-screen-logo-box-height);\n animation: wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;\n background-image: linear-gradient(\n to right,\n transparent,\n var(--vchasno-ui-splash-screen-logo-color),\n transparent\n );\n background-size: var(--vchasno-ui-splash-screen-logo-box-width)\n var(--vchasno-ui-splash-screen-logo-box-height);\n}\n\n@keyframes wave {\n from {\n background-position: calc(var(--vchasno-ui-splash-screen-logo-box-width) * -1) 0;\n }\n\n to {\n background-position: 0 0;\n }\n}\n";
|
|
881
|
-
styleInject(css_248z$2);
|
|
882
|
-
|
|
883
|
-
var SplashLogo = React$1.forwardRef(function (_a, ref) {
|
|
884
|
-
var _b = _a.project, project = _b === void 0 ? 'vchasno' : _b, className = _a.className, color = _a.color, animationDuration = _a.animationDuration, width = _a.width, height = _a.height, style = _a.style, rest = __rest(_a, ["project", "className", "color", "animationDuration", "width", "height", "style"]);
|
|
885
|
-
var css = __assign({ '--vchasno-ui-splash-screen-logo-box-width': width, '--vchasno-ui-splash-screen-logo-box-height': height, '--vchasno-ui-splash-screen-logo-color': color, '--vchasno-ui-splash-screen-animation-duration': "".concat(Math.abs(animationDuration || 2), "s"), mask: "".concat(dataUrls[project], " center center / contain no-repeat") }, style);
|
|
886
|
-
return (React$1.createElement("div", __assign({ ref: ref, className: cn('vchasno-ui-SplashLogo__logo-box', className), style: css }, rest)));
|
|
887
|
-
});
|
|
888
|
-
SplashLogo.displayName = 'SplashLogo';
|
|
889
|
-
|
|
890
|
-
var propTypes = {exports: {}};
|
|
891
|
-
|
|
892
|
-
var reactIs$3 = {exports: {}};
|
|
893
|
-
|
|
894
|
-
var reactIs_production_min$2 = {};
|
|
895
|
-
|
|
896
|
-
/** @license React v16.13.1
|
|
897
|
-
* react-is.production.min.js
|
|
898
|
-
*
|
|
899
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
900
|
-
*
|
|
901
|
-
* This source code is licensed under the MIT license found in the
|
|
902
|
-
* LICENSE file in the root directory of this source tree.
|
|
903
|
-
*/
|
|
904
|
-
|
|
905
|
-
var hasRequiredReactIs_production_min$2;
|
|
906
|
-
|
|
907
|
-
function requireReactIs_production_min$2 () {
|
|
908
|
-
if (hasRequiredReactIs_production_min$2) return reactIs_production_min$2;
|
|
909
|
-
hasRequiredReactIs_production_min$2 = 1;
|
|
910
|
-
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
|
911
|
-
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
|
912
|
-
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min$2.AsyncMode=l;reactIs_production_min$2.ConcurrentMode=m;reactIs_production_min$2.ContextConsumer=k;reactIs_production_min$2.ContextProvider=h;reactIs_production_min$2.Element=c;reactIs_production_min$2.ForwardRef=n;reactIs_production_min$2.Fragment=e;reactIs_production_min$2.Lazy=t;reactIs_production_min$2.Memo=r;reactIs_production_min$2.Portal=d;
|
|
913
|
-
reactIs_production_min$2.Profiler=g;reactIs_production_min$2.StrictMode=f;reactIs_production_min$2.Suspense=p;reactIs_production_min$2.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$2.isConcurrentMode=A;reactIs_production_min$2.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$2.isContextProvider=function(a){return z(a)===h};reactIs_production_min$2.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$2.isForwardRef=function(a){return z(a)===n};reactIs_production_min$2.isFragment=function(a){return z(a)===e};reactIs_production_min$2.isLazy=function(a){return z(a)===t};
|
|
914
|
-
reactIs_production_min$2.isMemo=function(a){return z(a)===r};reactIs_production_min$2.isPortal=function(a){return z(a)===d};reactIs_production_min$2.isProfiler=function(a){return z(a)===g};reactIs_production_min$2.isStrictMode=function(a){return z(a)===f};reactIs_production_min$2.isSuspense=function(a){return z(a)===p};
|
|
915
|
-
reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min$2.typeOf=z;
|
|
916
|
-
return reactIs_production_min$2;
|
|
917
|
-
}
|
|
918
|
-
|
|
919
|
-
var reactIs_development$2 = {};
|
|
920
|
-
|
|
921
|
-
/** @license React v16.13.1
|
|
922
|
-
* react-is.development.js
|
|
923
|
-
*
|
|
924
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
925
|
-
*
|
|
926
|
-
* This source code is licensed under the MIT license found in the
|
|
927
|
-
* LICENSE file in the root directory of this source tree.
|
|
928
|
-
*/
|
|
929
|
-
|
|
930
|
-
var hasRequiredReactIs_development$2;
|
|
931
|
-
|
|
932
|
-
function requireReactIs_development$2 () {
|
|
933
|
-
if (hasRequiredReactIs_development$2) return reactIs_development$2;
|
|
934
|
-
hasRequiredReactIs_development$2 = 1;
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
if (process.env.NODE_ENV !== "production") {
|
|
939
|
-
(function() {
|
|
940
|
-
|
|
941
|
-
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
942
|
-
// nor polyfill, then a plain number is used for performance.
|
|
943
|
-
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
944
|
-
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
945
|
-
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
946
|
-
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
947
|
-
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
948
|
-
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
949
|
-
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
950
|
-
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
951
|
-
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
952
|
-
|
|
953
|
-
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
954
|
-
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
955
|
-
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
956
|
-
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
957
|
-
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
958
|
-
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
959
|
-
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
960
|
-
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
961
|
-
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
962
|
-
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
963
|
-
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
964
|
-
|
|
965
|
-
function isValidElementType(type) {
|
|
966
|
-
return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
967
|
-
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
968
|
-
}
|
|
969
|
-
|
|
970
|
-
function typeOf(object) {
|
|
971
|
-
if (typeof object === 'object' && object !== null) {
|
|
972
|
-
var $$typeof = object.$$typeof;
|
|
973
|
-
|
|
974
|
-
switch ($$typeof) {
|
|
975
|
-
case REACT_ELEMENT_TYPE:
|
|
976
|
-
var type = object.type;
|
|
977
|
-
|
|
978
|
-
switch (type) {
|
|
979
|
-
case REACT_ASYNC_MODE_TYPE:
|
|
980
|
-
case REACT_CONCURRENT_MODE_TYPE:
|
|
981
|
-
case REACT_FRAGMENT_TYPE:
|
|
982
|
-
case REACT_PROFILER_TYPE:
|
|
983
|
-
case REACT_STRICT_MODE_TYPE:
|
|
984
|
-
case REACT_SUSPENSE_TYPE:
|
|
985
|
-
return type;
|
|
592
|
+
switch (type) {
|
|
593
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
594
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
595
|
+
case REACT_FRAGMENT_TYPE:
|
|
596
|
+
case REACT_PROFILER_TYPE:
|
|
597
|
+
case REACT_STRICT_MODE_TYPE:
|
|
598
|
+
case REACT_SUSPENSE_TYPE:
|
|
599
|
+
return type;
|
|
986
600
|
|
|
987
601
|
default:
|
|
988
602
|
var $$typeofType = type && type.$$typeof;
|
|
@@ -2070,69 +1684,6 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
2070
1684
|
var propTypesExports = propTypes.exports;
|
|
2071
1685
|
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
2072
1686
|
|
|
2073
|
-
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
2074
|
-
|
|
2075
|
-
const UNINITIALIZED = {};
|
|
2076
|
-
|
|
2077
|
-
/**
|
|
2078
|
-
* A React.useRef() that is initialized lazily with a function. Note that it accepts an optional
|
|
2079
|
-
* initialization argument, so the initialization function doesn't need to be an inline closure.
|
|
2080
|
-
*
|
|
2081
|
-
* @usage
|
|
2082
|
-
* const ref = useLazyRef(sortColumns, columns)
|
|
2083
|
-
*/
|
|
2084
|
-
function useLazyRef(init, initArg) {
|
|
2085
|
-
const ref = React__namespace.useRef(UNINITIALIZED);
|
|
2086
|
-
if (ref.current === UNINITIALIZED) {
|
|
2087
|
-
ref.current = init(initArg);
|
|
2088
|
-
}
|
|
2089
|
-
return ref;
|
|
2090
|
-
}
|
|
2091
|
-
|
|
2092
|
-
const EMPTY = [];
|
|
2093
|
-
|
|
2094
|
-
/**
|
|
2095
|
-
* A React.useEffect equivalent that runs once, when the component is mounted.
|
|
2096
|
-
*/
|
|
2097
|
-
function useOnMount(fn) {
|
|
2098
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2099
|
-
React__namespace.useEffect(fn, EMPTY);
|
|
2100
|
-
/* eslint-enable react-hooks/exhaustive-deps */
|
|
2101
|
-
}
|
|
2102
|
-
|
|
2103
|
-
class Timeout {
|
|
2104
|
-
constructor() {
|
|
2105
|
-
this.currentId = null;
|
|
2106
|
-
this.clear = () => {
|
|
2107
|
-
if (this.currentId !== null) {
|
|
2108
|
-
clearTimeout(this.currentId);
|
|
2109
|
-
this.currentId = null;
|
|
2110
|
-
}
|
|
2111
|
-
};
|
|
2112
|
-
this.disposeEffect = () => {
|
|
2113
|
-
return this.clear;
|
|
2114
|
-
};
|
|
2115
|
-
}
|
|
2116
|
-
static create() {
|
|
2117
|
-
return new Timeout();
|
|
2118
|
-
}
|
|
2119
|
-
/**
|
|
2120
|
-
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
|
2121
|
-
*/
|
|
2122
|
-
start(delay, fn) {
|
|
2123
|
-
this.clear();
|
|
2124
|
-
this.currentId = setTimeout(() => {
|
|
2125
|
-
this.currentId = null;
|
|
2126
|
-
fn();
|
|
2127
|
-
}, delay);
|
|
2128
|
-
}
|
|
2129
|
-
}
|
|
2130
|
-
function useTimeout() {
|
|
2131
|
-
const timeout = useLazyRef(Timeout.create).current;
|
|
2132
|
-
useOnMount(timeout.disposeEffect);
|
|
2133
|
-
return timeout;
|
|
2134
|
-
}
|
|
2135
|
-
|
|
2136
1687
|
function chainPropTypes(propType1, propType2) {
|
|
2137
1688
|
if (process.env.NODE_ENV === 'production') {
|
|
2138
1689
|
return () => null;
|
|
@@ -2142,132 +1693,6 @@ function chainPropTypes(propType1, propType2) {
|
|
|
2142
1693
|
};
|
|
2143
1694
|
}
|
|
2144
1695
|
|
|
2145
|
-
function isClassComponent(elementType) {
|
|
2146
|
-
// elementType.prototype?.isReactComponent
|
|
2147
|
-
const {
|
|
2148
|
-
prototype = {}
|
|
2149
|
-
} = elementType;
|
|
2150
|
-
return Boolean(prototype.isReactComponent);
|
|
2151
|
-
}
|
|
2152
|
-
function acceptingRef(props, propName, componentName, location, propFullName) {
|
|
2153
|
-
const element = props[propName];
|
|
2154
|
-
const safePropName = propFullName || propName;
|
|
2155
|
-
if (element == null ||
|
|
2156
|
-
// When server-side rendering React doesn't warn either.
|
|
2157
|
-
// This is not an accurate check for SSR.
|
|
2158
|
-
// This is only in place for Emotion compat.
|
|
2159
|
-
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
|
2160
|
-
typeof window === 'undefined') {
|
|
2161
|
-
return null;
|
|
2162
|
-
}
|
|
2163
|
-
let warningHint;
|
|
2164
|
-
const elementType = element.type;
|
|
2165
|
-
/**
|
|
2166
|
-
* Blacklisting instead of whitelisting
|
|
2167
|
-
*
|
|
2168
|
-
* Blacklisting will miss some components, such as React.Fragment. Those will at least
|
|
2169
|
-
* trigger a warning in React.
|
|
2170
|
-
* We can't whitelist because there is no safe way to detect React.forwardRef
|
|
2171
|
-
* or class components. "Safe" means there's no public API.
|
|
2172
|
-
*
|
|
2173
|
-
*/
|
|
2174
|
-
if (typeof elementType === 'function' && !isClassComponent(elementType)) {
|
|
2175
|
-
warningHint = 'Did you accidentally use a plain function component for an element instead?';
|
|
2176
|
-
}
|
|
2177
|
-
if (warningHint !== undefined) {
|
|
2178
|
-
return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. ` + `Expected an element that can hold a ref. ${warningHint} ` + 'For more information see https://mui.com/r/caveat-with-refs-guide');
|
|
2179
|
-
}
|
|
2180
|
-
return null;
|
|
2181
|
-
}
|
|
2182
|
-
const elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
|
|
2183
|
-
elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
|
|
2184
|
-
var elementAcceptingRef$1 = elementAcceptingRef;
|
|
2185
|
-
|
|
2186
|
-
/**
|
|
2187
|
-
* Determines if a given element is a DOM element name (i.e. not a React component).
|
|
2188
|
-
*/
|
|
2189
|
-
function isHostComponent(element) {
|
|
2190
|
-
return typeof element === 'string';
|
|
2191
|
-
}
|
|
2192
|
-
|
|
2193
|
-
/**
|
|
2194
|
-
* Type of the ownerState based on the type of an element it applies to.
|
|
2195
|
-
* This resolves to the provided OwnerState for React components and `undefined` for host components.
|
|
2196
|
-
* Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
|
|
2197
|
-
*/
|
|
2198
|
-
|
|
2199
|
-
/**
|
|
2200
|
-
* Appends the ownerState object to the props, merging with the existing one if necessary.
|
|
2201
|
-
*
|
|
2202
|
-
* @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
|
|
2203
|
-
* @param otherProps Props of the element.
|
|
2204
|
-
* @param ownerState
|
|
2205
|
-
*/
|
|
2206
|
-
function appendOwnerState(elementType, otherProps, ownerState) {
|
|
2207
|
-
if (elementType === undefined || isHostComponent(elementType)) {
|
|
2208
|
-
return otherProps;
|
|
2209
|
-
}
|
|
2210
|
-
return _extends$1({}, otherProps, {
|
|
2211
|
-
ownerState: _extends$1({}, otherProps.ownerState, ownerState)
|
|
2212
|
-
});
|
|
2213
|
-
}
|
|
2214
|
-
|
|
2215
|
-
const defaultContextValue = {
|
|
2216
|
-
disableDefaultClasses: false
|
|
2217
|
-
};
|
|
2218
|
-
const ClassNameConfiguratorContext = /*#__PURE__*/React__namespace.createContext(defaultContextValue);
|
|
2219
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2220
|
-
ClassNameConfiguratorContext.displayName = 'ClassNameConfiguratorContext';
|
|
2221
|
-
}
|
|
2222
|
-
/**
|
|
2223
|
-
* @ignore - internal hook.
|
|
2224
|
-
*
|
|
2225
|
-
* Wraps the `generateUtilityClass` function and controls how the classes are generated.
|
|
2226
|
-
* Currently it only affects whether the classes are applied or not.
|
|
2227
|
-
*
|
|
2228
|
-
* @returns Function to be called with the `generateUtilityClass` function specific to a component to generate the classes.
|
|
2229
|
-
*/
|
|
2230
|
-
function useClassNamesOverride(generateUtilityClass) {
|
|
2231
|
-
const {
|
|
2232
|
-
disableDefaultClasses
|
|
2233
|
-
} = React__namespace.useContext(ClassNameConfiguratorContext);
|
|
2234
|
-
return slot => {
|
|
2235
|
-
if (disableDefaultClasses) {
|
|
2236
|
-
return '';
|
|
2237
|
-
}
|
|
2238
|
-
return generateUtilityClass(slot);
|
|
2239
|
-
};
|
|
2240
|
-
}
|
|
2241
|
-
|
|
2242
|
-
/**
|
|
2243
|
-
* Extracts event handlers from a given object.
|
|
2244
|
-
* A prop is considered an event handler if it is a function and its name starts with `on`.
|
|
2245
|
-
*
|
|
2246
|
-
* @param object An object to extract event handlers from.
|
|
2247
|
-
* @param excludeKeys An array of keys to exclude from the returned object.
|
|
2248
|
-
*/
|
|
2249
|
-
function extractEventHandlers(object, excludeKeys = []) {
|
|
2250
|
-
if (object === undefined) {
|
|
2251
|
-
return {};
|
|
2252
|
-
}
|
|
2253
|
-
const result = {};
|
|
2254
|
-
Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {
|
|
2255
|
-
result[prop] = object[prop];
|
|
2256
|
-
});
|
|
2257
|
-
return result;
|
|
2258
|
-
}
|
|
2259
|
-
|
|
2260
|
-
/**
|
|
2261
|
-
* If `componentProps` is a function, calls it with the provided `ownerState`.
|
|
2262
|
-
* Otherwise, just returns `componentProps`.
|
|
2263
|
-
*/
|
|
2264
|
-
function resolveComponentProps(componentProps, ownerState, slotState) {
|
|
2265
|
-
if (typeof componentProps === 'function') {
|
|
2266
|
-
return componentProps(ownerState, slotState);
|
|
2267
|
-
}
|
|
2268
|
-
return componentProps;
|
|
2269
|
-
}
|
|
2270
|
-
|
|
2271
1696
|
// https://github.com/sindresorhus/is-plain-obj/blob/main/index.js
|
|
2272
1697
|
function isPlainObject(item) {
|
|
2273
1698
|
if (typeof item !== 'object' || item === null) {
|
|
@@ -2315,6 +1740,47 @@ var deepmerge = /*#__PURE__*/Object.freeze({
|
|
|
2315
1740
|
isPlainObject: isPlainObject
|
|
2316
1741
|
});
|
|
2317
1742
|
|
|
1743
|
+
function isClassComponent(elementType) {
|
|
1744
|
+
// elementType.prototype?.isReactComponent
|
|
1745
|
+
const {
|
|
1746
|
+
prototype = {}
|
|
1747
|
+
} = elementType;
|
|
1748
|
+
return Boolean(prototype.isReactComponent);
|
|
1749
|
+
}
|
|
1750
|
+
function acceptingRef(props, propName, componentName, location, propFullName) {
|
|
1751
|
+
const element = props[propName];
|
|
1752
|
+
const safePropName = propFullName || propName;
|
|
1753
|
+
if (element == null ||
|
|
1754
|
+
// When server-side rendering React doesn't warn either.
|
|
1755
|
+
// This is not an accurate check for SSR.
|
|
1756
|
+
// This is only in place for Emotion compat.
|
|
1757
|
+
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
|
1758
|
+
typeof window === 'undefined') {
|
|
1759
|
+
return null;
|
|
1760
|
+
}
|
|
1761
|
+
let warningHint;
|
|
1762
|
+
const elementType = element.type;
|
|
1763
|
+
/**
|
|
1764
|
+
* Blacklisting instead of whitelisting
|
|
1765
|
+
*
|
|
1766
|
+
* Blacklisting will miss some components, such as React.Fragment. Those will at least
|
|
1767
|
+
* trigger a warning in React.
|
|
1768
|
+
* We can't whitelist because there is no safe way to detect React.forwardRef
|
|
1769
|
+
* or class components. "Safe" means there's no public API.
|
|
1770
|
+
*
|
|
1771
|
+
*/
|
|
1772
|
+
if (typeof elementType === 'function' && !isClassComponent(elementType)) {
|
|
1773
|
+
warningHint = 'Did you accidentally use a plain function component for an element instead?';
|
|
1774
|
+
}
|
|
1775
|
+
if (warningHint !== undefined) {
|
|
1776
|
+
return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. ` + `Expected an element that can hold a ref. ${warningHint} ` + 'For more information see https://mui.com/r/caveat-with-refs-guide');
|
|
1777
|
+
}
|
|
1778
|
+
return null;
|
|
1779
|
+
}
|
|
1780
|
+
const elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
|
|
1781
|
+
elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
|
|
1782
|
+
var elementAcceptingRef$1 = elementAcceptingRef;
|
|
1783
|
+
|
|
2318
1784
|
// This module is based on https://github.com/airbnb/prop-types-exact repository.
|
|
2319
1785
|
// However, in order to reduce the number of dependencies and to remove some extra safe checks
|
|
2320
1786
|
// the module was forked.
|
|
@@ -2710,10 +2176,33 @@ var capitalize = /*#__PURE__*/Object.freeze({
|
|
|
2710
2176
|
default: capitalize$1
|
|
2711
2177
|
});
|
|
2712
2178
|
|
|
2179
|
+
// Corresponds to 10 frames at 60 Hz.
|
|
2180
|
+
// A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.
|
|
2181
|
+
function debounce$1(func, wait = 166) {
|
|
2182
|
+
let timeout;
|
|
2183
|
+
function debounced(...args) {
|
|
2184
|
+
const later = () => {
|
|
2185
|
+
// @ts-ignore
|
|
2186
|
+
func.apply(this, args);
|
|
2187
|
+
};
|
|
2188
|
+
clearTimeout(timeout);
|
|
2189
|
+
timeout = setTimeout(later, wait);
|
|
2190
|
+
}
|
|
2191
|
+
debounced.clear = () => {
|
|
2192
|
+
clearTimeout(timeout);
|
|
2193
|
+
};
|
|
2194
|
+
return debounced;
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2713
2197
|
function ownerDocument(node) {
|
|
2714
2198
|
return node && node.ownerDocument || document;
|
|
2715
2199
|
}
|
|
2716
2200
|
|
|
2201
|
+
function ownerWindow(node) {
|
|
2202
|
+
const doc = ownerDocument(node);
|
|
2203
|
+
return doc.defaultView || window;
|
|
2204
|
+
}
|
|
2205
|
+
|
|
2717
2206
|
/**
|
|
2718
2207
|
* TODO v5: consider making it private
|
|
2719
2208
|
*
|
|
@@ -2847,31 +2336,92 @@ function useForkRef(...refs) {
|
|
|
2847
2336
|
}, refs);
|
|
2848
2337
|
}
|
|
2849
2338
|
|
|
2850
|
-
|
|
2851
|
-
let hadFocusVisibleRecently = false;
|
|
2852
|
-
const hadFocusVisibleRecentlyTimeout = new Timeout();
|
|
2853
|
-
const inputTypesWhitelist = {
|
|
2854
|
-
text: true,
|
|
2855
|
-
search: true,
|
|
2856
|
-
url: true,
|
|
2857
|
-
tel: true,
|
|
2858
|
-
email: true,
|
|
2859
|
-
password: true,
|
|
2860
|
-
number: true,
|
|
2861
|
-
date: true,
|
|
2862
|
-
month: true,
|
|
2863
|
-
week: true,
|
|
2864
|
-
time: true,
|
|
2865
|
-
datetime: true,
|
|
2866
|
-
'datetime-local': true
|
|
2867
|
-
};
|
|
2339
|
+
const UNINITIALIZED = {};
|
|
2868
2340
|
|
|
2869
2341
|
/**
|
|
2870
|
-
*
|
|
2871
|
-
*
|
|
2872
|
-
*
|
|
2873
|
-
* @
|
|
2874
|
-
*
|
|
2342
|
+
* A React.useRef() that is initialized lazily with a function. Note that it accepts an optional
|
|
2343
|
+
* initialization argument, so the initialization function doesn't need to be an inline closure.
|
|
2344
|
+
*
|
|
2345
|
+
* @usage
|
|
2346
|
+
* const ref = useLazyRef(sortColumns, columns)
|
|
2347
|
+
*/
|
|
2348
|
+
function useLazyRef(init, initArg) {
|
|
2349
|
+
const ref = React__namespace.useRef(UNINITIALIZED);
|
|
2350
|
+
if (ref.current === UNINITIALIZED) {
|
|
2351
|
+
ref.current = init(initArg);
|
|
2352
|
+
}
|
|
2353
|
+
return ref;
|
|
2354
|
+
}
|
|
2355
|
+
|
|
2356
|
+
const EMPTY = [];
|
|
2357
|
+
|
|
2358
|
+
/**
|
|
2359
|
+
* A React.useEffect equivalent that runs once, when the component is mounted.
|
|
2360
|
+
*/
|
|
2361
|
+
function useOnMount(fn) {
|
|
2362
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2363
|
+
React__namespace.useEffect(fn, EMPTY);
|
|
2364
|
+
/* eslint-enable react-hooks/exhaustive-deps */
|
|
2365
|
+
}
|
|
2366
|
+
|
|
2367
|
+
class Timeout {
|
|
2368
|
+
constructor() {
|
|
2369
|
+
this.currentId = null;
|
|
2370
|
+
this.clear = () => {
|
|
2371
|
+
if (this.currentId !== null) {
|
|
2372
|
+
clearTimeout(this.currentId);
|
|
2373
|
+
this.currentId = null;
|
|
2374
|
+
}
|
|
2375
|
+
};
|
|
2376
|
+
this.disposeEffect = () => {
|
|
2377
|
+
return this.clear;
|
|
2378
|
+
};
|
|
2379
|
+
}
|
|
2380
|
+
static create() {
|
|
2381
|
+
return new Timeout();
|
|
2382
|
+
}
|
|
2383
|
+
/**
|
|
2384
|
+
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
|
2385
|
+
*/
|
|
2386
|
+
start(delay, fn) {
|
|
2387
|
+
this.clear();
|
|
2388
|
+
this.currentId = setTimeout(() => {
|
|
2389
|
+
this.currentId = null;
|
|
2390
|
+
fn();
|
|
2391
|
+
}, delay);
|
|
2392
|
+
}
|
|
2393
|
+
}
|
|
2394
|
+
function useTimeout() {
|
|
2395
|
+
const timeout = useLazyRef(Timeout.create).current;
|
|
2396
|
+
useOnMount(timeout.disposeEffect);
|
|
2397
|
+
return timeout;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
let hadKeyboardEvent = true;
|
|
2401
|
+
let hadFocusVisibleRecently = false;
|
|
2402
|
+
const hadFocusVisibleRecentlyTimeout = new Timeout();
|
|
2403
|
+
const inputTypesWhitelist = {
|
|
2404
|
+
text: true,
|
|
2405
|
+
search: true,
|
|
2406
|
+
url: true,
|
|
2407
|
+
tel: true,
|
|
2408
|
+
email: true,
|
|
2409
|
+
password: true,
|
|
2410
|
+
number: true,
|
|
2411
|
+
date: true,
|
|
2412
|
+
month: true,
|
|
2413
|
+
week: true,
|
|
2414
|
+
time: true,
|
|
2415
|
+
datetime: true,
|
|
2416
|
+
'datetime-local': true
|
|
2417
|
+
};
|
|
2418
|
+
|
|
2419
|
+
/**
|
|
2420
|
+
* Computes whether the given element should automatically trigger the
|
|
2421
|
+
* `focus-visible` class being added, i.e. whether it should always match
|
|
2422
|
+
* `:focus-visible` when focused.
|
|
2423
|
+
* @param {Element} node
|
|
2424
|
+
* @returns {boolean}
|
|
2875
2425
|
*/
|
|
2876
2426
|
function focusTriggersKeyboardModality(node) {
|
|
2877
2427
|
const {
|
|
@@ -2891,223 +2441,855 @@ function focusTriggersKeyboardModality(node) {
|
|
|
2891
2441
|
}
|
|
2892
2442
|
|
|
2893
2443
|
/**
|
|
2894
|
-
* Keep track of our keyboard modality state with `hadKeyboardEvent`.
|
|
2895
|
-
* If the most recent user interaction was via the keyboard;
|
|
2896
|
-
* and the key press did not include a meta, alt/option, or control key;
|
|
2897
|
-
* then the modality is keyboard. Otherwise, the modality is not keyboard.
|
|
2898
|
-
* @param {KeyboardEvent} event
|
|
2444
|
+
* Keep track of our keyboard modality state with `hadKeyboardEvent`.
|
|
2445
|
+
* If the most recent user interaction was via the keyboard;
|
|
2446
|
+
* and the key press did not include a meta, alt/option, or control key;
|
|
2447
|
+
* then the modality is keyboard. Otherwise, the modality is not keyboard.
|
|
2448
|
+
* @param {KeyboardEvent} event
|
|
2449
|
+
*/
|
|
2450
|
+
function handleKeyDown(event) {
|
|
2451
|
+
if (event.metaKey || event.altKey || event.ctrlKey) {
|
|
2452
|
+
return;
|
|
2453
|
+
}
|
|
2454
|
+
hadKeyboardEvent = true;
|
|
2455
|
+
}
|
|
2456
|
+
|
|
2457
|
+
/**
|
|
2458
|
+
* If at any point a user clicks with a pointing device, ensure that we change
|
|
2459
|
+
* the modality away from keyboard.
|
|
2460
|
+
* This avoids the situation where a user presses a key on an already focused
|
|
2461
|
+
* element, and then clicks on a different element, focusing it with a
|
|
2462
|
+
* pointing device, while we still think we're in keyboard modality.
|
|
2463
|
+
*/
|
|
2464
|
+
function handlePointerDown() {
|
|
2465
|
+
hadKeyboardEvent = false;
|
|
2466
|
+
}
|
|
2467
|
+
function handleVisibilityChange() {
|
|
2468
|
+
if (this.visibilityState === 'hidden') {
|
|
2469
|
+
// If the tab becomes active again, the browser will handle calling focus
|
|
2470
|
+
// on the element (Safari actually calls it twice).
|
|
2471
|
+
// If this tab change caused a blur on an element with focus-visible,
|
|
2472
|
+
// re-apply the class when the user switches back to the tab.
|
|
2473
|
+
if (hadFocusVisibleRecently) {
|
|
2474
|
+
hadKeyboardEvent = true;
|
|
2475
|
+
}
|
|
2476
|
+
}
|
|
2477
|
+
}
|
|
2478
|
+
function prepare(doc) {
|
|
2479
|
+
doc.addEventListener('keydown', handleKeyDown, true);
|
|
2480
|
+
doc.addEventListener('mousedown', handlePointerDown, true);
|
|
2481
|
+
doc.addEventListener('pointerdown', handlePointerDown, true);
|
|
2482
|
+
doc.addEventListener('touchstart', handlePointerDown, true);
|
|
2483
|
+
doc.addEventListener('visibilitychange', handleVisibilityChange, true);
|
|
2484
|
+
}
|
|
2485
|
+
function isFocusVisible(event) {
|
|
2486
|
+
const {
|
|
2487
|
+
target
|
|
2488
|
+
} = event;
|
|
2489
|
+
try {
|
|
2490
|
+
return target.matches(':focus-visible');
|
|
2491
|
+
} catch (error) {
|
|
2492
|
+
// Browsers not implementing :focus-visible will throw a SyntaxError.
|
|
2493
|
+
// We use our own heuristic for those browsers.
|
|
2494
|
+
// Rethrow might be better if it's not the expected error but do we really
|
|
2495
|
+
// want to crash if focus-visible malfunctioned?
|
|
2496
|
+
}
|
|
2497
|
+
|
|
2498
|
+
// No need for validFocusTarget check. The user does that by attaching it to
|
|
2499
|
+
// focusable events only.
|
|
2500
|
+
return hadKeyboardEvent || focusTriggersKeyboardModality(target);
|
|
2501
|
+
}
|
|
2502
|
+
function useIsFocusVisible() {
|
|
2503
|
+
const ref = React__namespace.useCallback(node => {
|
|
2504
|
+
if (node != null) {
|
|
2505
|
+
prepare(node.ownerDocument);
|
|
2506
|
+
}
|
|
2507
|
+
}, []);
|
|
2508
|
+
const isFocusVisibleRef = React__namespace.useRef(false);
|
|
2509
|
+
|
|
2510
|
+
/**
|
|
2511
|
+
* Should be called if a blur event is fired
|
|
2512
|
+
*/
|
|
2513
|
+
function handleBlurVisible() {
|
|
2514
|
+
// checking against potential state variable does not suffice if we focus and blur synchronously.
|
|
2515
|
+
// React wouldn't have time to trigger a re-render so `focusVisible` would be stale.
|
|
2516
|
+
// Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.
|
|
2517
|
+
// This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751
|
|
2518
|
+
// TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).
|
|
2519
|
+
if (isFocusVisibleRef.current) {
|
|
2520
|
+
// To detect a tab/window switch, we look for a blur event followed
|
|
2521
|
+
// rapidly by a visibility change.
|
|
2522
|
+
// If we don't see a visibility change within 100ms, it's probably a
|
|
2523
|
+
// regular focus change.
|
|
2524
|
+
hadFocusVisibleRecently = true;
|
|
2525
|
+
hadFocusVisibleRecentlyTimeout.start(100, () => {
|
|
2526
|
+
hadFocusVisibleRecently = false;
|
|
2527
|
+
});
|
|
2528
|
+
isFocusVisibleRef.current = false;
|
|
2529
|
+
return true;
|
|
2530
|
+
}
|
|
2531
|
+
return false;
|
|
2532
|
+
}
|
|
2533
|
+
|
|
2534
|
+
/**
|
|
2535
|
+
* Should be called if a blur event is fired
|
|
2536
|
+
*/
|
|
2537
|
+
function handleFocusVisible(event) {
|
|
2538
|
+
if (isFocusVisible(event)) {
|
|
2539
|
+
isFocusVisibleRef.current = true;
|
|
2540
|
+
return true;
|
|
2541
|
+
}
|
|
2542
|
+
return false;
|
|
2543
|
+
}
|
|
2544
|
+
return {
|
|
2545
|
+
isFocusVisibleRef,
|
|
2546
|
+
onFocus: handleFocusVisible,
|
|
2547
|
+
onBlur: handleBlurVisible,
|
|
2548
|
+
ref
|
|
2549
|
+
};
|
|
2550
|
+
}
|
|
2551
|
+
|
|
2552
|
+
/**
|
|
2553
|
+
* Add keys, values of `defaultProps` that does not exist in `props`
|
|
2554
|
+
* @param {object} defaultProps
|
|
2555
|
+
* @param {object} props
|
|
2556
|
+
* @returns {object} resolved props
|
|
2557
|
+
*/
|
|
2558
|
+
function resolveProps(defaultProps, props) {
|
|
2559
|
+
const output = _extends$1({}, props);
|
|
2560
|
+
Object.keys(defaultProps).forEach(propName => {
|
|
2561
|
+
if (propName.toString().match(/^(components|slots)$/)) {
|
|
2562
|
+
output[propName] = _extends$1({}, defaultProps[propName], output[propName]);
|
|
2563
|
+
} else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
|
|
2564
|
+
const defaultSlotProps = defaultProps[propName] || {};
|
|
2565
|
+
const slotProps = props[propName];
|
|
2566
|
+
output[propName] = {};
|
|
2567
|
+
if (!slotProps || !Object.keys(slotProps)) {
|
|
2568
|
+
// Reduce the iteration if the slot props is empty
|
|
2569
|
+
output[propName] = defaultSlotProps;
|
|
2570
|
+
} else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
|
|
2571
|
+
// Reduce the iteration if the default slot props is empty
|
|
2572
|
+
output[propName] = slotProps;
|
|
2573
|
+
} else {
|
|
2574
|
+
output[propName] = _extends$1({}, slotProps);
|
|
2575
|
+
Object.keys(defaultSlotProps).forEach(slotPropName => {
|
|
2576
|
+
output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
|
|
2577
|
+
});
|
|
2578
|
+
}
|
|
2579
|
+
} else if (output[propName] === undefined) {
|
|
2580
|
+
output[propName] = defaultProps[propName];
|
|
2581
|
+
}
|
|
2582
|
+
});
|
|
2583
|
+
return output;
|
|
2584
|
+
}
|
|
2585
|
+
|
|
2586
|
+
function composeClasses(slots, getUtilityClass, classes = undefined) {
|
|
2587
|
+
const output = {};
|
|
2588
|
+
Object.keys(slots).forEach(
|
|
2589
|
+
// `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
|
|
2590
|
+
// @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
|
|
2591
|
+
slot => {
|
|
2592
|
+
output[slot] = slots[slot].reduce((acc, key) => {
|
|
2593
|
+
if (key) {
|
|
2594
|
+
const utilityClass = getUtilityClass(key);
|
|
2595
|
+
if (utilityClass !== '') {
|
|
2596
|
+
acc.push(utilityClass);
|
|
2597
|
+
}
|
|
2598
|
+
if (classes && classes[key]) {
|
|
2599
|
+
acc.push(classes[key]);
|
|
2600
|
+
}
|
|
2601
|
+
}
|
|
2602
|
+
return acc;
|
|
2603
|
+
}, []).join(' ');
|
|
2604
|
+
});
|
|
2605
|
+
return output;
|
|
2606
|
+
}
|
|
2607
|
+
|
|
2608
|
+
const defaultGenerator = componentName => componentName;
|
|
2609
|
+
const createClassNameGenerator = () => {
|
|
2610
|
+
let generate = defaultGenerator;
|
|
2611
|
+
return {
|
|
2612
|
+
configure(generator) {
|
|
2613
|
+
generate = generator;
|
|
2614
|
+
},
|
|
2615
|
+
generate(componentName) {
|
|
2616
|
+
return generate(componentName);
|
|
2617
|
+
},
|
|
2618
|
+
reset() {
|
|
2619
|
+
generate = defaultGenerator;
|
|
2620
|
+
}
|
|
2621
|
+
};
|
|
2622
|
+
};
|
|
2623
|
+
const ClassNameGenerator = createClassNameGenerator();
|
|
2624
|
+
|
|
2625
|
+
const globalStateClasses = {
|
|
2626
|
+
active: 'active',
|
|
2627
|
+
checked: 'checked',
|
|
2628
|
+
completed: 'completed',
|
|
2629
|
+
disabled: 'disabled',
|
|
2630
|
+
error: 'error',
|
|
2631
|
+
expanded: 'expanded',
|
|
2632
|
+
focused: 'focused',
|
|
2633
|
+
focusVisible: 'focusVisible',
|
|
2634
|
+
open: 'open',
|
|
2635
|
+
readOnly: 'readOnly',
|
|
2636
|
+
required: 'required',
|
|
2637
|
+
selected: 'selected'
|
|
2638
|
+
};
|
|
2639
|
+
function generateUtilityClass$1(componentName, slot, globalStatePrefix = 'Mui') {
|
|
2640
|
+
const globalStateClass = globalStateClasses[slot];
|
|
2641
|
+
return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
|
|
2642
|
+
}
|
|
2643
|
+
|
|
2644
|
+
function generateUtilityClasses$1(componentName, slots, globalStatePrefix = 'Mui') {
|
|
2645
|
+
const result = {};
|
|
2646
|
+
slots.forEach(slot => {
|
|
2647
|
+
result[slot] = generateUtilityClass$1(componentName, slot, globalStatePrefix);
|
|
2648
|
+
});
|
|
2649
|
+
return result;
|
|
2650
|
+
}
|
|
2651
|
+
|
|
2652
|
+
function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
|
|
2653
|
+
return Math.max(min, Math.min(val, max));
|
|
2654
|
+
}
|
|
2655
|
+
|
|
2656
|
+
var clamp = /*#__PURE__*/Object.freeze({
|
|
2657
|
+
__proto__: null,
|
|
2658
|
+
default: clamp$1
|
|
2659
|
+
});
|
|
2660
|
+
|
|
2661
|
+
const _excluded$d = ["onChange", "maxRows", "minRows", "style", "value"];
|
|
2662
|
+
function getStyleValue$1(value) {
|
|
2663
|
+
return parseInt(value, 10) || 0;
|
|
2664
|
+
}
|
|
2665
|
+
const styles$1 = {
|
|
2666
|
+
shadow: {
|
|
2667
|
+
// Visibility needed to hide the extra text area on iPads
|
|
2668
|
+
visibility: 'hidden',
|
|
2669
|
+
// Remove from the content flow
|
|
2670
|
+
position: 'absolute',
|
|
2671
|
+
// Ignore the scrollbar width
|
|
2672
|
+
overflow: 'hidden',
|
|
2673
|
+
height: 0,
|
|
2674
|
+
top: 0,
|
|
2675
|
+
left: 0,
|
|
2676
|
+
// Create a new layer, increase the isolation of the computed values
|
|
2677
|
+
transform: 'translateZ(0)'
|
|
2678
|
+
}
|
|
2679
|
+
};
|
|
2680
|
+
function isEmpty$2(obj) {
|
|
2681
|
+
return obj === undefined || obj === null || Object.keys(obj).length === 0 || obj.outerHeightStyle === 0 && !obj.overflowing;
|
|
2682
|
+
}
|
|
2683
|
+
|
|
2684
|
+
/**
|
|
2685
|
+
*
|
|
2686
|
+
* Demos:
|
|
2687
|
+
*
|
|
2688
|
+
* - [Textarea Autosize](https://mui.com/base-ui/react-textarea-autosize/)
|
|
2689
|
+
* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
|
|
2690
|
+
*
|
|
2691
|
+
* API:
|
|
2692
|
+
*
|
|
2693
|
+
* - [TextareaAutosize API](https://mui.com/base-ui/react-textarea-autosize/components-api/#textarea-autosize)
|
|
2694
|
+
*/
|
|
2695
|
+
const TextareaAutosize = /*#__PURE__*/React__namespace.forwardRef(function TextareaAutosize(props, forwardedRef) {
|
|
2696
|
+
const {
|
|
2697
|
+
onChange,
|
|
2698
|
+
maxRows,
|
|
2699
|
+
minRows = 1,
|
|
2700
|
+
style,
|
|
2701
|
+
value
|
|
2702
|
+
} = props,
|
|
2703
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
|
2704
|
+
const {
|
|
2705
|
+
current: isControlled
|
|
2706
|
+
} = React__namespace.useRef(value != null);
|
|
2707
|
+
const inputRef = React__namespace.useRef(null);
|
|
2708
|
+
const handleRef = useForkRef(forwardedRef, inputRef);
|
|
2709
|
+
const shadowRef = React__namespace.useRef(null);
|
|
2710
|
+
const calculateTextareaStyles = React__namespace.useCallback(() => {
|
|
2711
|
+
const input = inputRef.current;
|
|
2712
|
+
const containerWindow = ownerWindow(input);
|
|
2713
|
+
const computedStyle = containerWindow.getComputedStyle(input);
|
|
2714
|
+
|
|
2715
|
+
// If input's width is shrunk and it's not visible, don't sync height.
|
|
2716
|
+
if (computedStyle.width === '0px') {
|
|
2717
|
+
return {
|
|
2718
|
+
outerHeightStyle: 0,
|
|
2719
|
+
overflowing: false
|
|
2720
|
+
};
|
|
2721
|
+
}
|
|
2722
|
+
const inputShallow = shadowRef.current;
|
|
2723
|
+
inputShallow.style.width = computedStyle.width;
|
|
2724
|
+
inputShallow.value = input.value || props.placeholder || 'x';
|
|
2725
|
+
if (inputShallow.value.slice(-1) === '\n') {
|
|
2726
|
+
// Certain fonts which overflow the line height will cause the textarea
|
|
2727
|
+
// to report a different scrollHeight depending on whether the last line
|
|
2728
|
+
// is empty. Make it non-empty to avoid this issue.
|
|
2729
|
+
inputShallow.value += ' ';
|
|
2730
|
+
}
|
|
2731
|
+
const boxSizing = computedStyle.boxSizing;
|
|
2732
|
+
const padding = getStyleValue$1(computedStyle.paddingBottom) + getStyleValue$1(computedStyle.paddingTop);
|
|
2733
|
+
const border = getStyleValue$1(computedStyle.borderBottomWidth) + getStyleValue$1(computedStyle.borderTopWidth);
|
|
2734
|
+
|
|
2735
|
+
// The height of the inner content
|
|
2736
|
+
const innerHeight = inputShallow.scrollHeight;
|
|
2737
|
+
|
|
2738
|
+
// Measure height of a textarea with a single row
|
|
2739
|
+
inputShallow.value = 'x';
|
|
2740
|
+
const singleRowHeight = inputShallow.scrollHeight;
|
|
2741
|
+
|
|
2742
|
+
// The height of the outer content
|
|
2743
|
+
let outerHeight = innerHeight;
|
|
2744
|
+
if (minRows) {
|
|
2745
|
+
outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);
|
|
2746
|
+
}
|
|
2747
|
+
if (maxRows) {
|
|
2748
|
+
outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);
|
|
2749
|
+
}
|
|
2750
|
+
outerHeight = Math.max(outerHeight, singleRowHeight);
|
|
2751
|
+
|
|
2752
|
+
// Take the box sizing into account for applying this value as a style.
|
|
2753
|
+
const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);
|
|
2754
|
+
const overflowing = Math.abs(outerHeight - innerHeight) <= 1;
|
|
2755
|
+
return {
|
|
2756
|
+
outerHeightStyle,
|
|
2757
|
+
overflowing
|
|
2758
|
+
};
|
|
2759
|
+
}, [maxRows, minRows, props.placeholder]);
|
|
2760
|
+
const syncHeight = React__namespace.useCallback(() => {
|
|
2761
|
+
const textareaStyles = calculateTextareaStyles();
|
|
2762
|
+
if (isEmpty$2(textareaStyles)) {
|
|
2763
|
+
return;
|
|
2764
|
+
}
|
|
2765
|
+
const input = inputRef.current;
|
|
2766
|
+
input.style.height = `${textareaStyles.outerHeightStyle}px`;
|
|
2767
|
+
input.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
|
|
2768
|
+
}, [calculateTextareaStyles]);
|
|
2769
|
+
useEnhancedEffect(() => {
|
|
2770
|
+
const handleResize = () => {
|
|
2771
|
+
syncHeight();
|
|
2772
|
+
};
|
|
2773
|
+
// Workaround a "ResizeObserver loop completed with undelivered notifications" error
|
|
2774
|
+
// in test.
|
|
2775
|
+
// Note that we might need to use this logic in production per https://github.com/WICG/resize-observer/issues/38
|
|
2776
|
+
// Also see https://github.com/mui/mui-x/issues/8733
|
|
2777
|
+
let rAF;
|
|
2778
|
+
const rAFHandleResize = () => {
|
|
2779
|
+
cancelAnimationFrame(rAF);
|
|
2780
|
+
rAF = requestAnimationFrame(() => {
|
|
2781
|
+
handleResize();
|
|
2782
|
+
});
|
|
2783
|
+
};
|
|
2784
|
+
const debounceHandleResize = debounce$1(handleResize);
|
|
2785
|
+
const input = inputRef.current;
|
|
2786
|
+
const containerWindow = ownerWindow(input);
|
|
2787
|
+
containerWindow.addEventListener('resize', debounceHandleResize);
|
|
2788
|
+
let resizeObserver;
|
|
2789
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
2790
|
+
resizeObserver = new ResizeObserver(process.env.NODE_ENV === 'test' ? rAFHandleResize : handleResize);
|
|
2791
|
+
resizeObserver.observe(input);
|
|
2792
|
+
}
|
|
2793
|
+
return () => {
|
|
2794
|
+
debounceHandleResize.clear();
|
|
2795
|
+
cancelAnimationFrame(rAF);
|
|
2796
|
+
containerWindow.removeEventListener('resize', debounceHandleResize);
|
|
2797
|
+
if (resizeObserver) {
|
|
2798
|
+
resizeObserver.disconnect();
|
|
2799
|
+
}
|
|
2800
|
+
};
|
|
2801
|
+
}, [calculateTextareaStyles, syncHeight]);
|
|
2802
|
+
useEnhancedEffect(() => {
|
|
2803
|
+
syncHeight();
|
|
2804
|
+
});
|
|
2805
|
+
const handleChange = event => {
|
|
2806
|
+
if (!isControlled) {
|
|
2807
|
+
syncHeight();
|
|
2808
|
+
}
|
|
2809
|
+
if (onChange) {
|
|
2810
|
+
onChange(event);
|
|
2811
|
+
}
|
|
2812
|
+
};
|
|
2813
|
+
return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
|
|
2814
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("textarea", _extends$1({
|
|
2815
|
+
value: value,
|
|
2816
|
+
onChange: handleChange,
|
|
2817
|
+
ref: handleRef
|
|
2818
|
+
// Apply the rows prop to get a "correct" first SSR paint
|
|
2819
|
+
,
|
|
2820
|
+
rows: minRows,
|
|
2821
|
+
style: style
|
|
2822
|
+
}, other)), /*#__PURE__*/jsxRuntime.jsx("textarea", {
|
|
2823
|
+
"aria-hidden": true,
|
|
2824
|
+
className: props.className,
|
|
2825
|
+
readOnly: true,
|
|
2826
|
+
ref: shadowRef,
|
|
2827
|
+
tabIndex: -1,
|
|
2828
|
+
style: _extends$1({}, styles$1.shadow, style, {
|
|
2829
|
+
paddingTop: 0,
|
|
2830
|
+
paddingBottom: 0
|
|
2831
|
+
})
|
|
2832
|
+
})]
|
|
2833
|
+
});
|
|
2834
|
+
});
|
|
2835
|
+
process.env.NODE_ENV !== "production" ? TextareaAutosize.propTypes /* remove-proptypes */ = {
|
|
2836
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
2837
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
2838
|
+
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
2839
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
2840
|
+
/**
|
|
2841
|
+
* @ignore
|
|
2842
|
+
*/
|
|
2843
|
+
className: PropTypes.string,
|
|
2844
|
+
/**
|
|
2845
|
+
* Maximum number of rows to display.
|
|
2846
|
+
*/
|
|
2847
|
+
maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
2848
|
+
/**
|
|
2849
|
+
* Minimum number of rows to display.
|
|
2850
|
+
* @default 1
|
|
2851
|
+
*/
|
|
2852
|
+
minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
2853
|
+
/**
|
|
2854
|
+
* @ignore
|
|
2855
|
+
*/
|
|
2856
|
+
onChange: PropTypes.func,
|
|
2857
|
+
/**
|
|
2858
|
+
* @ignore
|
|
2859
|
+
*/
|
|
2860
|
+
placeholder: PropTypes.string,
|
|
2861
|
+
/**
|
|
2862
|
+
* @ignore
|
|
2863
|
+
*/
|
|
2864
|
+
style: PropTypes.object,
|
|
2865
|
+
/**
|
|
2866
|
+
* @ignore
|
|
2867
|
+
*/
|
|
2868
|
+
value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])
|
|
2869
|
+
} : void 0;
|
|
2870
|
+
|
|
2871
|
+
var css_248z$a = ".vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper {\n height: auto;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.vchasno-ui-textarea-input {\n width: 100%;\n border: 0;\n color: var(--vchasno-ui-text-primary-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n resize: none;\n}\n\n.vchasno-ui-textarea-input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper__label {\n transform: none;\n}\n\n.vchasno-ui-textarea-input + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(10px);\n transition:\n transform var(--vchasno-ui-transition-duration-sec, 0.3s),\n font-size var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-textarea-input:not(:placeholder-shown) + .vchasno-ui-label-text,\n.vchasno-ui-textarea-input:focus:not(.--disabled) + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(-12px);\n}\n";
|
|
2872
|
+
styleInject(css_248z$a);
|
|
2873
|
+
|
|
2874
|
+
var TextAreaInput = React$1.forwardRef(function (_a, ref) {
|
|
2875
|
+
var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps"]);
|
|
2876
|
+
return (React$1.createElement(Input, { required: required, wide: wide, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
|
|
2877
|
+
React$1.createElement(TextareaAutosize, __assign({}, rest, { ref: ref, minRows: minRows, maxRows: maxRows, required: required, disabled: disabled, suppressContentEditableWarning: true, suppressHydrationWarning: true, className: cn('vchasno-ui-textarea-input', textareaClassName) }))));
|
|
2878
|
+
});
|
|
2879
|
+
TextAreaInput.displayName = 'TextAreaInput';
|
|
2880
|
+
|
|
2881
|
+
var css_248z$9 = ".vchasno-ui-alert {\n display: inline-flex;\n min-height: 40px;\n box-sizing: border-box;\n flex-shrink: 0;\n align-items: center;\n padding: 12px 16px;\n border-radius: 4px;\n border-left: 3px solid transparent;\n font-size: 14px;\n gap: 12px;\n line-height: 20px;\n}\n\n.vchasno-ui-alert strong,\n.vchasno-ui-alert b {\n font-weight: 700;\n}\n\n.vchasno-ui-alert.--wide {\n width: 100%;\n}\n\n.vchasno-ui-alert.--left-border {\n border-left-width: 4px;\n}\n\n.vchasno-ui-alert__icon-wrapper,\n.vchasno-ui-alert__close-icon {\n display: flex;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n line-height: 20px;\n}\n\n.vchasno-ui-alert.--info {\n border-color: var(--vchasno-ui-alert-info-color, #006be9);\n background-color: var(--vchasno-ui-alert-info-bg, #ecf4ff);\n}\n\n.vchasno-ui-alert.--warning {\n border-color: var(--vchasno-ui-alert-warning-color, #ffb200);\n background-color: var(--vchasno-ui-alert-warning-bg, #fff2d6);\n}\n\n.vchasno-ui-alert.--error {\n border-color: var(--vchasno-ui-alert-error-color, #e73434);\n background-color: var(--vchasno-ui-alert-error-bg, #ffeded);\n}\n\n.vchasno-ui-alert.--success {\n border-color: var(--vchasno-ui-alert-success-color, #00b700);\n background-color: var(--vchasno-ui-alert-success-bg, #e7f3d9);\n}\n\n.vchasno-ui-alert.--config {\n border-color: var(--vchasno-ui-alert-config-color, #006be9);\n background-color: var(--vchasno-ui-alert-config-bg, #f3f6f8);\n}\n\n.vchasno-ui-alert__close-icon {\n width: 30px;\n height: 30px;\n border-radius: 4px;\n transition: background-color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-alert__close-icon:hover {\n background-color: rgb(255 255 255 / 50%);\n cursor: pointer;\n}\n\n.vchasno-ui-alert.--close {\n display: none;\n}\n";
|
|
2882
|
+
styleInject(css_248z$9);
|
|
2883
|
+
|
|
2884
|
+
var iconMap = {
|
|
2885
|
+
info: function () { return React$1.createElement(React$1.Fragment, null, "\uD83E\uDD14"); },
|
|
2886
|
+
cross: function () { return React$1.createElement(React$1.Fragment, null, "\u274C"); },
|
|
2887
|
+
error: function () { return React$1.createElement(React$1.Fragment, null, "\u2757\uFE0F"); },
|
|
2888
|
+
warning: function () { return React$1.createElement(React$1.Fragment, null, "\u26A0\uFE0F"); },
|
|
2889
|
+
success: function () { return React$1.createElement(React$1.Fragment, null, "\u2705"); },
|
|
2890
|
+
config: function () { return React$1.createElement(React$1.Fragment, null, "\u2699\uFE0F"); },
|
|
2891
|
+
};
|
|
2892
|
+
var Alert = function (_a) {
|
|
2893
|
+
var _b = _a.type, type = _b === void 0 ? 'info' : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? true : _c, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, _e = _a.scrollIntoView, scrollIntoView = _e === void 0 ? false : _e, icon = _a.icon, className = _a.className, children = _a.children, onClose = _a.onClose, wide = _a.wide, _f = _a.close, close = _f === void 0 ? false : _f, customIcon = _a.customIcon;
|
|
2894
|
+
var iconNode = null;
|
|
2895
|
+
if (customIcon) {
|
|
2896
|
+
iconNode = React$1.createElement("span", { className: "vchasno-ui-alert__icon-wrapper" }, customIcon);
|
|
2897
|
+
}
|
|
2898
|
+
else {
|
|
2899
|
+
var Icon = iconMap[icon || type];
|
|
2900
|
+
iconNode = (React$1.createElement("span", { className: "vchasno-ui-alert__icon-wrapper" },
|
|
2901
|
+
React$1.createElement(Icon, null)));
|
|
2902
|
+
}
|
|
2903
|
+
var closeNode = null;
|
|
2904
|
+
if (typeof onClose === 'function') {
|
|
2905
|
+
closeNode = (React$1.createElement("span", { className: "vchasno-ui-alert__close-icon", onClick: onClose },
|
|
2906
|
+
React$1.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
2907
|
+
React$1.createElement("path", { d: "M6.4 5L9.7 1.7C10.1 1.3 10.1 0.7 9.7 0.3C9.3 -0.1 8.7 -0.1 8.3 0.3L5 3.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L3.6 5L0.3 8.3C-0.1 8.7 -0.1 9.3 0.3 9.7C0.5 9.9 0.7 10 1 10C1.3 10 1.5 9.9 1.7 9.7L5 6.4L8.3 9.7C8.5 9.9 8.7 10 9 10C9.3 10 9.5 9.9 9.7 9.7C10.1 9.3 10.1 8.7 9.7 8.3L6.4 5Z", fill: "currentColor" }))));
|
|
2908
|
+
}
|
|
2909
|
+
var rootRef = React$1.useRef(null);
|
|
2910
|
+
React$1.useEffect(function () {
|
|
2911
|
+
if (scrollIntoView && rootRef.current) {
|
|
2912
|
+
rootRef.current.scrollIntoView({
|
|
2913
|
+
behavior: 'smooth',
|
|
2914
|
+
block: 'center',
|
|
2915
|
+
});
|
|
2916
|
+
}
|
|
2917
|
+
}, [scrollIntoView]);
|
|
2918
|
+
return (React$1.createElement("span", { ref: rootRef, className: cn('vchasno-ui-alert', "--".concat(type), { '--close': close }, { '--wide': wide }, { '--left-border': leftBorder }, className) },
|
|
2919
|
+
!hideIcon && iconNode,
|
|
2920
|
+
React$1.createElement("div", null, children),
|
|
2921
|
+
closeNode));
|
|
2922
|
+
};
|
|
2923
|
+
|
|
2924
|
+
var css_248z$8 = ".vchasno-ui-switch {\n --vchasno-ui-switc-hcircle-size: calc(var(--vchasno-ui-switch-height) - 4px);\n\n display: inline-flex;\n align-content: center;\n cursor: pointer;\n line-height: var(--vchasno-ui-switch-height);\n}\n\n.vchasno-ui-switch.--sm {\n --vchasno-ui-switch-height: 20px;\n}\n\n.vchasno-ui-switch.--md {\n --vchasno-ui-switch-height: 30px;\n}\n\n.vchasno-ui-switch.--lg {\n --vchasno-ui-switch-height: 40px;\n}\n\n.vchasno-ui-switch--bg {\n position: relative;\n z-index: 0;\n display: inline-flex;\n height: var(--vchasno-ui-switch-height, 20px);\n box-sizing: border-box;\n flex-shrink: 0;\n border-radius: 100px;\n aspect-ratio: 36/20;\n background: var(--vchasno-ui-switch-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n transition: background-color 0.3s;\n}\n\n.vchasno-ui-switch__active .vchasno-ui-switch--bg {\n background: var(--vchasno-ui-switch-active-color-bg);\n box-shadow: inset 0 2px 0 rgb(57 96 131 / 20%);\n}\n\n.vchasno-ui-switch__disabled {\n cursor: default;\n opacity: 0.7;\n}\n\n.vchasno-ui-switch--circle {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n height: var(--vchasno-ui-switc-hcircle-size);\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n aspect-ratio: 1/1;\n background-color: var(--vchasno-ui-switch-circle-color);\n transform: translate(2px, 2px);\n transition: transform 0.3s;\n}\n\n.vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(18px, 2px);\n}\n\n.vchasno-ui-switch.--md .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(26px, 2px);\n}\n\n.vchasno-ui-switch.--lg .vchasno-ui-switch--bg > input:checked + .vchasno-ui-switch--circle {\n transform: translate(34px, 2px);\n}\n\n.vchasno-ui-spinner {\n color: var(--vchasno-ui-switch-spinner-color);\n}\n\n.vchasno-ui-switch--label {\n margin-left: 12px;\n color: var(--vchasno-ui-input-font-color);\n font-size: var(--vchasno-ui-input-font-size);\n user-select: none;\n}\n";
|
|
2925
|
+
styleInject(css_248z$8);
|
|
2926
|
+
|
|
2927
|
+
var spinnerSizeMap = {
|
|
2928
|
+
sm: 16,
|
|
2929
|
+
md: 26,
|
|
2930
|
+
lg: 36,
|
|
2931
|
+
};
|
|
2932
|
+
var Switch = React$1.forwardRef(function (_a, ref) {
|
|
2933
|
+
var className = _a.className, label = _a.label, onChange = _a.onChange, onChecked = _a.onChecked, value = _a.value, _b = _a.defaultChecked, defaultChecked = _b === void 0 ? false : _b, disabled = _a.disabled, loading = _a.loading, id = _a.id, _c = _a.size, size = _c === void 0 ? 'md' : _c, rest = __rest(_a, ["className", "label", "onChange", "onChecked", "value", "defaultChecked", "disabled", "loading", "id", "size"]);
|
|
2934
|
+
var _d = React$1.useState(defaultChecked), checked = _d[0], setChecked = _d[1];
|
|
2935
|
+
var isFullParentControlled = typeof value === 'boolean';
|
|
2936
|
+
var inputChecked = isFullParentControlled ? value : checked;
|
|
2937
|
+
var handleChange = function (event) {
|
|
2938
|
+
if (!isFullParentControlled) {
|
|
2939
|
+
setChecked(function () { return event.target.checked; });
|
|
2940
|
+
}
|
|
2941
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
2942
|
+
onChecked === null || onChecked === void 0 ? void 0 : onChecked(event.target.checked, event);
|
|
2943
|
+
};
|
|
2944
|
+
return (React$1.createElement("label", { className: cn('vchasno-ui-switch', "--".concat(size), {
|
|
2945
|
+
'vchasno-ui-switch__active': inputChecked,
|
|
2946
|
+
'vchasno-ui-switch__disabled': disabled,
|
|
2947
|
+
}, className) },
|
|
2948
|
+
React$1.createElement("span", { className: "vchasno-ui-switch--bg" },
|
|
2949
|
+
React$1.createElement("input", __assign({}, rest, { ref: ref, disabled: disabled, id: id, type: "checkbox", hidden: true, onChange: handleChange, checked: inputChecked })),
|
|
2950
|
+
React$1.createElement("span", { className: "vchasno-ui-switch--circle" }, loading && (React$1.createElement(Spinner, { width: spinnerSizeMap[size], height: spinnerSizeMap[size] })))),
|
|
2951
|
+
label && React$1.createElement("span", { className: "vchasno-ui-switch--label" }, label)));
|
|
2952
|
+
});
|
|
2953
|
+
Switch.displayName = 'Switch';
|
|
2954
|
+
|
|
2955
|
+
var css_248z$7 = ".vchasno-ui-tabs-wrapper {\n position: relative;\n width: 100%;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.vchasno-ui-tabs-wrapper::-webkit-scrollbar {\n display: none;\n}\n\n.--h-scroll {\n overflow: auto;\n}\n\n.vchasno-ui-tabs-wrapper-root {\n position: relative;\n}\n\n.vchasno-ui-tabs-wrapper-root::after,\n.vchasno-ui-tabs-wrapper-root::before {\n position: absolute;\n top: 0;\n bottom: 0;\n display: block;\n width: 30px;\n content: '';\n pointer-events: none;\n}\n\n.--ping-right::after {\n right: 0;\n box-shadow: inset -12px 0 8px -8px rgb(0 0 0 / 8%);\n}\n\n.--ping-left::before {\n left: 0;\n box-shadow: inset 12px 0 8px -8px rgb(0 0 0 / 8%);\n}\n\n.vchasno-ui-tabs {\n --active-color: var(--vchasno-ui-tabs-active-color, #087dc1);\n\n position: relative;\n display: flex;\n font-size: 16px;\n font-weight: 500;\n}\n\n.vchasno-ui-tabs__indicator {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n left: 0;\n display: block;\n width: 10px;\n height: 3px;\n border-radius: 3px;\n background-color: var(--active-color);\n transition:\n width var(--vchasno-ui-transition-duration-sec, 0.3s),\n left var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.--h-scroll .vchasno-ui-tabs__indicator {\n display: none;\n}\n\n.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator {\n transition: none;\n}\n\n.vchasno-ui-tabs__label-item {\n position: relative;\n display: inline-flex;\n height: 50px;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n padding: 0 15px;\n color: #333;\n cursor: pointer;\n transition:\n color var(--vchasno-ui-transition-duration-sec),\n background-color var(--vchasno-ui-transition-duration-sec);\n user-select: none;\n}\n\n.vchasno-ui-tabs__label-item::after {\n position: absolute;\n z-index: 1;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n height: 0;\n border-radius: 3px;\n background-color: var(--active-color);\n content: '';\n transition: height var(--vchasno-ui-transition-duration-sec);\n}\n\n.--h-scroll .vchasno-ui-tabs__label-item.--active::after {\n height: 3px;\n}\n\n.vchasno-ui-tabs-wrapper:not(.--h-scroll) .vchasno-ui-tabs {\n border-bottom: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-tabs__label-item.--active {\n color: var(--active-color);\n}\n\n.vchasno-ui-tabs__label-item:not(.--disabled):hover {\n color: var(--active-color);\n}\n\n.vchasno-ui-tabs__label-item.--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n";
|
|
2956
|
+
styleInject(css_248z$7);
|
|
2957
|
+
|
|
2958
|
+
var Tabs = function (_a) {
|
|
2959
|
+
var _b, _c;
|
|
2960
|
+
var onChange = _a.onChange, items = _a.items, defaultActiveKey = _a.defaultActiveKey, activeTab = _a.activeTab, className = _a.className, isPending = _a.isPending;
|
|
2961
|
+
var _d = React$1.useState(false), withScroll = _d[0], setWithScroll = _d[1];
|
|
2962
|
+
var _e = React$1.useState(activeTab || defaultActiveKey || items[0].key), activeKey = _e[0], setActiveState = _e[1];
|
|
2963
|
+
var activeKeyValue = activeTab || activeKey;
|
|
2964
|
+
var scrollContainerRef = React$1.useRef(null);
|
|
2965
|
+
var containerRef = React$1.useRef(null);
|
|
2966
|
+
var uiIndicatorRef = React$1.useRef(null);
|
|
2967
|
+
var isSkipTransitionRef = React$1.useRef(true);
|
|
2968
|
+
React$1.useEffect(function () {
|
|
2969
|
+
if (containerRef.current && uiIndicatorRef.current) {
|
|
2970
|
+
var containerReact = containerRef.current.getBoundingClientRect();
|
|
2971
|
+
var list = Array.from(containerRef.current.querySelectorAll('li') || []);
|
|
2972
|
+
var target = list.find(function (el) { var _a; return ((_a = el.dataset) === null || _a === void 0 ? void 0 : _a.key) === activeKeyValue; });
|
|
2973
|
+
if (target) {
|
|
2974
|
+
var _a = target.getBoundingClientRect(), width = _a.width, x = _a.x;
|
|
2975
|
+
uiIndicatorRef.current.style.width = "".concat(width, "px");
|
|
2976
|
+
uiIndicatorRef.current.style.left = "".concat(x - containerReact.x, "px");
|
|
2977
|
+
}
|
|
2978
|
+
isSkipTransitionRef.current = false;
|
|
2979
|
+
}
|
|
2980
|
+
}, [activeKeyValue]);
|
|
2981
|
+
React$1.useEffect(function () {
|
|
2982
|
+
if (containerRef.current && scrollContainerRef.current) {
|
|
2983
|
+
var withScroll_1 = containerRef.current.scrollWidth > scrollContainerRef.current.clientWidth;
|
|
2984
|
+
if (withScroll_1) {
|
|
2985
|
+
setWithScroll(true);
|
|
2986
|
+
}
|
|
2987
|
+
}
|
|
2988
|
+
}, []);
|
|
2989
|
+
var activeTabItem = items.find(function (item) { return item.key === activeKeyValue; });
|
|
2990
|
+
return (React$1.createElement(React$1.Fragment, null,
|
|
2991
|
+
React$1.createElement("div", { className: cn('vchasno-ui-tabs-wrapper-root', (_b = {},
|
|
2992
|
+
_b['--skip-animation'] = isSkipTransitionRef.current,
|
|
2993
|
+
_b['--ping-left'] = withScroll && activeTabItem !== items[0],
|
|
2994
|
+
_b['--ping-right'] = withScroll && activeTabItem !== items[items.length - 1],
|
|
2995
|
+
_b)) },
|
|
2996
|
+
React$1.createElement("div", { ref: scrollContainerRef, className: cn('vchasno-ui-tabs-wrapper', (_c = {},
|
|
2997
|
+
_c['--h-scroll'] = withScroll,
|
|
2998
|
+
_c)) },
|
|
2999
|
+
React$1.createElement("ul", { className: cn('vchasno-ui-tabs', className), ref: containerRef },
|
|
3000
|
+
items.map(function (item) {
|
|
3001
|
+
return (React$1.createElement("li", { "data-key": item.key, className: cn('vchasno-ui-tabs__label-item', item.className, {
|
|
3002
|
+
'--active': item === activeTabItem,
|
|
3003
|
+
'--disabled': item.disabled,
|
|
3004
|
+
}), key: item.key, onClick: function (event) {
|
|
3005
|
+
if (item.disabled) {
|
|
3006
|
+
return;
|
|
3007
|
+
}
|
|
3008
|
+
setActiveState(item.key);
|
|
3009
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(item.key);
|
|
3010
|
+
if (withScroll) {
|
|
3011
|
+
event.currentTarget.scrollIntoView({
|
|
3012
|
+
behavior: 'smooth',
|
|
3013
|
+
block: 'center',
|
|
3014
|
+
inline: 'center',
|
|
3015
|
+
});
|
|
3016
|
+
}
|
|
3017
|
+
} }, item.label));
|
|
3018
|
+
}),
|
|
3019
|
+
React$1.createElement("span", { ref: uiIndicatorRef, className: "vchasno-ui-tabs__indicator" })))),
|
|
3020
|
+
!isPending && (activeTabItem === null || activeTabItem === void 0 ? void 0 : activeTabItem.children),
|
|
3021
|
+
isPending && (React$1.createElement(FlexBox, { justify: "center", align: "center", style: { minHeight: 300 } },
|
|
3022
|
+
React$1.createElement(Spinner, { color: "var(--vchasno-ui-tabs-active-color, #087dc1)" })))));
|
|
3023
|
+
};
|
|
3024
|
+
|
|
3025
|
+
var css_248z$6 = ".vchasno-ui-checkbox {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n gap: 10px;\n user-select: none;\n}\n\n.vchasno-ui-checkbox__box {\n display: inline-flex;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--vchasno-ui-checkbox-border-color, #b6cadb);\n border-radius: 3px;\n outline: 2px solid transparent;\n transition:\n background-color var(--vchasno-ui-transition-duration-sec, 0.3s),\n border var(--vchasno-ui-transition-duration-sec, 0.3s),\n outline var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-checkbox-bg-color);\n}\n\n.vchasno-ui-checkbox__svg {\n color: transparent;\n transform: scale(0) translateZ(0);\n transition:\n color var(--vchasno-ui-transition-duration-sec),\n transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(0.12, 0.4, 0.29, 1.46);\n}\n\n.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg {\n display: none;\n}\n\n.vchasno-ui-checkbox > input:checked + .vchasno-ui-checkbox__box {\n border-color: var(--vchasno-ui-checkbox-bg-color, #604adf);\n background-color: var(--vchasno-ui-checkbox-bg-color, #604adf);\n}\n\n.vchasno-ui-checkbox > input:checked + .vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg {\n color: var(--vchasno-ui-checkbox-icon-color);\n transform: scale(1) translateZ(0);\n}\n\n.vchasno-ui-checkbox:hover > input:not(:disabled) + .vchasno-ui-checkbox__box,\n.vchasno-ui-checkbox > input:not(:disabled):active + .vchasno-ui-checkbox__box {\n border-color: var(--vchasno-ui-checkbox-bg-color, #3069fe);\n outline: 2px solid var(--vchasno-ui-checkbox-outline-color, #d9eaff);\n}\n\n.vchasno-ui-checkbox > input:disabled:checked + .vchasno-ui-checkbox__box {\n background-color: var(--vchasno-ui-checkbox-disabled-bg, #b6cadb);\n}\n\n.vchasno-ui-checkbox > input:checked + .vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-checkbox-icon-color);\n}\n\n.vchasno-ui-checkbox__label {\n font-size: var(--vchasno-ui-checkbox-font-size);\n line-height: 1;\n user-select: none;\n}\n\n.vchasno-ui-checkbox.--disabled {\n color: var(--vchasno-ui-checkbox-disabled-bg, #b6cadb);\n cursor: not-allowed;\n}\n";
|
|
3026
|
+
styleInject(css_248z$6);
|
|
3027
|
+
|
|
3028
|
+
var Checkbox = React$1.forwardRef(function (_a, ref) {
|
|
3029
|
+
var className = _a.className, label = _a.label, partial = _a.partial, disabled = _a.disabled, loading = _a.loading, rest = __rest(_a, ["className", "label", "partial", "disabled", "loading"]);
|
|
3030
|
+
return (React$1.createElement("label", { className: cn('vchasno-ui-checkbox', className, {
|
|
3031
|
+
'--loading': loading,
|
|
3032
|
+
'--disabled': disabled,
|
|
3033
|
+
}) },
|
|
3034
|
+
React$1.createElement("input", __assign({ ref: ref, type: "checkbox", hidden: true, disabled: disabled }, rest)),
|
|
3035
|
+
React$1.createElement("span", { className: "vchasno-ui-checkbox__box" },
|
|
3036
|
+
loading && React$1.createElement(Spinner, { height: "90%" }),
|
|
3037
|
+
partial ? (React$1.createElement("svg", { className: "vchasno-ui-checkbox__svg", width: "8", height: "2", viewBox: "0 0 8 2", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3038
|
+
React$1.createElement("rect", { width: "8", height: "2", rx: "1", fill: "currentColor" }))) : (React$1.createElement("svg", { className: "vchasno-ui-checkbox__svg", width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3039
|
+
React$1.createElement("path", { d: "M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z", fill: "currentColor" })))),
|
|
3040
|
+
label && React$1.createElement("span", { className: "vchasno-ui-checkbox__label" }, label)));
|
|
3041
|
+
});
|
|
3042
|
+
Checkbox.displayName = 'Checkbox';
|
|
3043
|
+
|
|
3044
|
+
var css_248z$5 = ".vchasno-ui-PulseDot {\n position: relative;\n width: var(--vchasno-ui-pulse-dot-size);\n height: var(--vchasno-ui-pulse-dot-size);\n border-radius: 50%;\n background-color: var(--vchasno-ui-pulse-dot-color);\n}\n\n.vchasno-ui-PulseDot::before,\n.vchasno-ui-PulseDot::after {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: inherit;\n content: '';\n pointer-events: none;\n}\n\n.vchasno-ui-PulseDot::before {\n animation: pulse 2s ease-out infinite;\n}\n\n.vchasno-ui-PulseDot::after {\n animation: pulse 2s 1s ease-out infinite;\n}\n\n@keyframes pulse {\n 100% {\n opacity: 0;\n transform: scale(2);\n }\n}\n";
|
|
3045
|
+
styleInject(css_248z$5);
|
|
3046
|
+
|
|
3047
|
+
var PulseDot = function (_a) {
|
|
3048
|
+
var className = _a.className, color = _a.color, style = _a.style, size = _a.size, rest = __rest(_a, ["className", "color", "style", "size"]);
|
|
3049
|
+
return (React$1.createElement("div", __assign({ className: cn('vchasno-ui-PulseDot', className), style: __assign({ background: color, width: size, height: size }, style) }, rest)));
|
|
3050
|
+
};
|
|
3051
|
+
|
|
3052
|
+
var useClientRect = function () {
|
|
3053
|
+
var _a = React$1.useState(null), rect = _a[0], setRect = _a[1];
|
|
3054
|
+
var ref = React$1.useRef(null);
|
|
3055
|
+
React$1.useLayoutEffect(function () {
|
|
3056
|
+
var handleResize = function () {
|
|
3057
|
+
if (ref.current) {
|
|
3058
|
+
setRect(ref.current.getBoundingClientRect());
|
|
3059
|
+
}
|
|
3060
|
+
};
|
|
3061
|
+
handleResize();
|
|
3062
|
+
if (window.ResizeObserver) {
|
|
3063
|
+
var resizeObserver_1 = new ResizeObserver(handleResize);
|
|
3064
|
+
if (ref.current) {
|
|
3065
|
+
resizeObserver_1.observe(ref.current);
|
|
3066
|
+
}
|
|
3067
|
+
return function () {
|
|
3068
|
+
if (ref.current) {
|
|
3069
|
+
resizeObserver_1.unobserve(ref.current);
|
|
3070
|
+
}
|
|
3071
|
+
resizeObserver_1.disconnect();
|
|
3072
|
+
};
|
|
3073
|
+
}
|
|
3074
|
+
window.addEventListener('resize', handleResize);
|
|
3075
|
+
return function () {
|
|
3076
|
+
window.removeEventListener('resize', handleResize);
|
|
3077
|
+
};
|
|
3078
|
+
}, []);
|
|
3079
|
+
return { rect: rect, ref: ref };
|
|
3080
|
+
};
|
|
3081
|
+
|
|
3082
|
+
var composeBubblePath = function (width, height, bubble, radiusOffset) {
|
|
3083
|
+
return [
|
|
3084
|
+
"M0 ".concat(radiusOffset),
|
|
3085
|
+
"L0 ".concat(height - radiusOffset),
|
|
3086
|
+
"Q0 ".concat(height, " ").concat(radiusOffset, " ").concat(height),
|
|
3087
|
+
"H".concat(width - bubble - radiusOffset),
|
|
3088
|
+
"Q".concat(width - bubble, " ").concat(height, " ").concat(width - bubble, " ").concat(height - radiusOffset),
|
|
3089
|
+
"L".concat(width - bubble, " ").concat(height - bubble / 2),
|
|
3090
|
+
"Q".concat(width - bubble, " ").concat(height - bubble, " ").concat(width - bubble / 2, " ").concat(height - bubble),
|
|
3091
|
+
"H".concat(width - radiusOffset),
|
|
3092
|
+
"Q".concat(width, " ").concat(height - bubble, " ").concat(width, " ").concat(height - bubble - radiusOffset),
|
|
3093
|
+
"V".concat(radiusOffset),
|
|
3094
|
+
"Q".concat(width, " 0 ").concat(width - radiusOffset, " 0"),
|
|
3095
|
+
"H".concat(radiusOffset),
|
|
3096
|
+
"Q0 0 0 ".concat(radiusOffset),
|
|
3097
|
+
].join(' ');
|
|
3098
|
+
};
|
|
3099
|
+
|
|
3100
|
+
var css_248z$4 = ".vchasno-ui-BubbleBox {\n --vchasno-ui-bubble-height: 40px;\n --vchasno-ui-bubble-width: 40px;\n --vchasno-ui-bubble-shadow: 2px 4px 6px rgb(0 0 0 / 20%);\n\n position: relative;\n min-height: calc(var(--vchasno-ui-bubble-height) * 2);\n box-sizing: border-box;\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n overflow: visible;\n pointer-events: none;\n transform: translateZ(0);\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg path {\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow {\n filter: drop-shadow(var(--vchasno-ui-bubble-shadow));\n}\n\n.vchasno-ui-BubbleBox__bubble {\n position: absolute;\n z-index: 1;\n right: 0;\n bottom: 0;\n display: flex;\n width: var(--vchasno-ui-bubble-width);\n height: var(--vchasno-ui-bubble-height);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: 0;\n border-radius: var(--vchasno-ui-bubble-width);\n margin: 0;\n cursor: pointer;\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n";
|
|
3101
|
+
styleInject(css_248z$4);
|
|
3102
|
+
|
|
3103
|
+
var BubbleBox = function (_a) {
|
|
3104
|
+
var className = _a.className, controlClassName = _a.controlClassName, svgClassName = _a.svgClassName, control = _a.control, children = _a.children, backgroundColor = _a.backgroundColor, shadow = _a.shadow, _b = _a.bubbleSize, bubbleSize = _b === void 0 ? 40 : _b, borderColor = _a.borderColor, _c = _a.innerOffset, innerOffset = _c === void 0 ? 5 : _c, _d = _a.radiusOffset, radiusOffset = _d === void 0 ? 8 : _d, _e = _a.borderWith, borderWith = _e === void 0 ? 1 : _e, rest = __rest(_a, ["className", "controlClassName", "svgClassName", "control", "children", "backgroundColor", "shadow", "bubbleSize", "borderColor", "innerOffset", "radiusOffset", "borderWith"]);
|
|
3105
|
+
var _f = useClientRect(), rect = _f.rect, ref = _f.ref;
|
|
3106
|
+
var bubbleHeight = Array.isArray(bubbleSize) ? bubbleSize[1] : bubbleSize;
|
|
3107
|
+
var bubbleWidth = Array.isArray(bubbleSize) ? bubbleSize[0] : bubbleSize;
|
|
3108
|
+
var elementWidth = (rect === null || rect === void 0 ? void 0 : rect.width) || 0;
|
|
3109
|
+
var height = (rect === null || rect === void 0 ? void 0 : rect.height) || 0;
|
|
3110
|
+
var css = __assign({ '--vchasno-ui-bubble-width': "".concat(bubbleWidth, "px"), '--vchasno-ui-bubble-height': "".concat(bubbleHeight, "px") }, rest.style);
|
|
3111
|
+
var d = React$1.useMemo(function () {
|
|
3112
|
+
return composeBubblePath(elementWidth, height, Math.max(bubbleHeight, bubbleWidth) + innerOffset * 2, radiusOffset);
|
|
3113
|
+
}, [elementWidth, height, bubbleHeight, bubbleWidth, innerOffset, radiusOffset]);
|
|
3114
|
+
return (React$1.createElement("div", __assign({}, rest, { ref: ref, className: cn('vchasno-ui-BubbleBox', className), style: css }),
|
|
3115
|
+
rect && (React$1.createElement("svg", { className: cn('vchasno-ui-BubbleBox__svg', { 'vchasno-ui-BubbleBox__shadow': shadow }, svgClassName), width: elementWidth, height: height, xmlns: "http://www.w3.org/2000/svg" },
|
|
3116
|
+
React$1.createElement("path", { d: d, fill: backgroundColor || 'transparent', stroke: borderColor || backgroundColor || 'transparent', strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: borderWith }))),
|
|
3117
|
+
control && (React$1.createElement("div", { className: cn('vchasno-ui-BubbleBox__bubble', controlClassName) }, control)),
|
|
3118
|
+
children));
|
|
3119
|
+
};
|
|
3120
|
+
|
|
3121
|
+
/**
|
|
3122
|
+
* Merges multiple refs into a single ref callback.
|
|
3123
|
+
* @see <https://www.jameskerr.blog/posts/react-useref-and-forward-ref/>
|
|
3124
|
+
*/
|
|
3125
|
+
function mergeRefs() {
|
|
3126
|
+
var refs = [];
|
|
3127
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
3128
|
+
refs[_i] = arguments[_i];
|
|
3129
|
+
}
|
|
3130
|
+
return function (value) {
|
|
3131
|
+
refs.forEach(function (ref) {
|
|
3132
|
+
if (typeof ref === 'function') {
|
|
3133
|
+
ref(value);
|
|
3134
|
+
}
|
|
3135
|
+
else if (ref != null) {
|
|
3136
|
+
ref.current = value;
|
|
3137
|
+
}
|
|
3138
|
+
});
|
|
3139
|
+
};
|
|
3140
|
+
}
|
|
3141
|
+
|
|
3142
|
+
var composeRoundedBorderPath = function (width, height, radiusOffset) {
|
|
3143
|
+
return [
|
|
3144
|
+
"M0 ".concat(radiusOffset),
|
|
3145
|
+
"L0 ".concat(height - radiusOffset),
|
|
3146
|
+
"Q0 ".concat(height, " ").concat(radiusOffset, " ").concat(height),
|
|
3147
|
+
"H".concat(width - radiusOffset),
|
|
3148
|
+
"Q".concat(width, " ").concat(height, " ").concat(width, " ").concat(height - radiusOffset),
|
|
3149
|
+
"V".concat(radiusOffset),
|
|
3150
|
+
"Q".concat(width, " 0 ").concat(width - radiusOffset, " 0"),
|
|
3151
|
+
"H".concat(radiusOffset),
|
|
3152
|
+
"Q0 0 0 ".concat(radiusOffset),
|
|
3153
|
+
].join(' ');
|
|
3154
|
+
};
|
|
3155
|
+
|
|
3156
|
+
var css_248z$3 = ".vchasno-ui-SvgBorder {\n --vchasno-ui-svg-border-animation-duration-sec: 1s;\n --vchasno-ui-svg-border-stroke-dashoffset: 100%;\n\n position: relative;\n}\n\n.vchasno-ui-SvgBorder__svg {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n overflow: visible;\n pointer-events: none;\n transform: translateZ(0);\n transition: var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-SvgBorder__svg--animation-border-offset {\n animation: stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;\n animation-play-state: paused;\n}\n\n.vchasno-ui-SvgBorder__svg--animation-play {\n animation-play-state: running;\n}\n\n@keyframes stroke-offset {\n to {\n stroke-dashoffset: var(--vchasno-ui-svg-border-stroke-dashoffset);\n }\n}\n";
|
|
3157
|
+
styleInject(css_248z$3);
|
|
3158
|
+
|
|
3159
|
+
/**
|
|
3160
|
+
* @link <https://css-tricks.com/svg-line-animation-works/>
|
|
3161
|
+
*/
|
|
3162
|
+
var SvgBorder = React$1.forwardRef(function (_a, forwardedRef) {
|
|
3163
|
+
var className = _a.className, svgClassName = _a.svgClassName, _b = _a.strokeDasharray, strokeDasharray = _b === void 0 ? '4' : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? 1 : _c, _d = _a.color, color = _d === void 0 ? 'inherit' : _d, _e = _a.borderRadius, borderRadius = _e === void 0 ? 8 : _e, animation = _a.animation, animationPlay = _a.animationPlay, _f = _a.animationDurationSec, animationDurationSec = _f === void 0 ? 5 : _f, _g = _a.dashoffset, dashoffset = _g === void 0 ? '100%' : _g, children = _a.children, rest = __rest(_a, ["className", "svgClassName", "strokeDasharray", "strokeWidth", "color", "borderRadius", "animation", "animationPlay", "animationDurationSec", "dashoffset", "children"]);
|
|
3164
|
+
var _h = useClientRect(), rect = _h.rect, ref = _h.ref;
|
|
3165
|
+
var width = (rect === null || rect === void 0 ? void 0 : rect.width) || 0;
|
|
3166
|
+
var height = (rect === null || rect === void 0 ? void 0 : rect.height) || 0;
|
|
3167
|
+
var d = React$1.useMemo(function () { return composeRoundedBorderPath(width, height, borderRadius); }, [width, height, borderRadius]);
|
|
3168
|
+
var css = __assign({ '--vchasno-ui-svg-border-animation-duration-sec': "".concat(animationDurationSec, "s"), '--vchasno-ui-svg-border-stroke-dashoffset': dashoffset }, rest.style);
|
|
3169
|
+
return (React$1.createElement("div", __assign({}, rest, { ref: mergeRefs(ref, forwardedRef), className: cn('vchasno-ui-SvgBorder', className), style: css }),
|
|
3170
|
+
React$1.createElement("svg", { className: cn('vchasno-ui-SvgBorder__svg', {
|
|
3171
|
+
'vchasno-ui-SvgBorder__svg--animation-border-offset': animation === 'border-offset',
|
|
3172
|
+
'vchasno-ui-SvgBorder__svg--animation-play': animationPlay,
|
|
3173
|
+
}, svgClassName), width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg" },
|
|
3174
|
+
React$1.createElement("path", { d: d, strokeLinejoin: "round", strokeLinecap: "round", stroke: color, fill: "transparent", strokeDasharray: strokeDasharray, strokeWidth: strokeWidth })),
|
|
3175
|
+
children));
|
|
3176
|
+
});
|
|
3177
|
+
SvgBorder.displayName = 'SvgBorder';
|
|
3178
|
+
|
|
3179
|
+
var vchasno = "url('data:image/svg+xml,<svg width=\"120\" height=\"32\" viewBox=\"0 0 120 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.7934 25.8227C80.9722 25.8227 76.9707 21.8651 76.9707 16.9997C76.9707 12.1349 81.0785 8.17676 85.6354 8.17676V10.731C82.5978 10.731 79.502 13.5433 79.502 16.9997C79.502 20.4562 82.3285 23.2685 85.7539 23.2685C89.1788 23.2685 91.9855 20.4562 91.9855 16.9997C91.9855 15.9356 91.7288 14.8986 91.2281 13.9806C89.5402 15.7854 86.9785 18.6324 86.9461 18.6677L86.1062 19.6026L82.3877 16.2616L84.0711 14.354L85.922 16.0163C87.1841 14.6238 89.5109 12.0705 90.489 11.0845L91.4377 10.1277L92.3292 11.1397C93.7529 12.755 94.5366 14.8363 94.5366 16.9997C94.5366 21.8651 90.6145 25.8227 85.7934 25.8227Z\" fill=\"%23D4D6DD\"/><mask id=\"mask0_23982_77045\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"5\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 5.50256V24.018H13.1532V5.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_23982_77045)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.99951 15.6089V21.473H6.18746C7.44198 21.473 8.38971 21.2298 9.03014 20.7445C9.67056 20.2592 9.99052 19.4929 9.99052 18.4456C9.99052 17.4832 9.66398 16.77 9.0114 16.3057C8.35883 15.8413 7.36706 15.6089 6.03659 15.6089H2.99951ZM2.99951 13.1516H5.88623C7.14126 13.1516 8.05709 12.9514 8.63474 12.5503C9.21188 12.1493 9.50096 11.4678 9.50096 10.5049C9.50096 9.6354 9.1891 9.00654 8.56589 8.61778C7.94268 8.22953 6.95293 8.0354 5.59766 8.0354H2.99951V13.1516ZM-0.00012207 5.50256H5.44678C7.97354 5.50256 9.80015 5.87396 10.9251 6.61674C12.0505 7.36003 12.6135 8.53347 12.6135 10.1381C12.6135 11.2185 12.337 12.1181 11.7852 12.8354C11.2329 13.5531 10.4375 14.0047 9.4007 14.1907V14.3169C10.6886 14.5621 11.6364 15.0453 12.2434 15.7672C12.8499 16.489 13.1531 17.4663 13.1531 18.699C13.1531 20.3623 12.5775 21.6645 11.4273 22.606C10.2765 23.5475 8.67675 24.018 6.62637 24.018H-0.00012207V5.50256Z\" fill=\"%23D4D6DD\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.2529 10.0111V15.1278C19.2529 16.5633 19.989 17.2806 21.4618 17.2806C22.1731 17.2806 22.8677 17.1815 23.5455 16.9828C24.2229 16.7845 24.9509 16.4658 25.7291 16.0269V10.0111H28.6786V24.0183H25.7291V18.0785C24.917 18.5853 24.1333 18.9587 23.3759 19.1994C22.6181 19.44 21.7924 19.56 20.8968 19.56C19.4494 19.56 18.3194 19.1825 17.5083 18.4269C16.6963 17.6714 16.2908 16.6139 16.2908 15.2545V10.0111H19.2529Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.1882 21.9918C38.2589 21.9918 39.1186 21.6904 39.7676 21.0866C40.4156 20.4828 40.7402 19.6363 40.7402 18.5471V17.3313L38.9576 17.4074C37.5689 17.458 36.5584 17.692 35.9271 18.1104C35.2953 18.5282 34.9794 19.1678 34.9794 20.0291C34.9794 20.6539 35.1631 21.1372 35.5317 21.4789C35.8993 21.8212 36.4516 21.9918 37.1882 21.9918ZM41.5811 24.0184L40.9913 22.0679H40.8905C40.2212 22.9205 39.5479 23.5014 38.87 23.8094C38.1921 24.1175 37.3219 24.2712 36.2592 24.2712C34.8959 24.2712 33.8307 23.8998 33.0652 23.157C32.2997 22.4143 31.917 21.3629 31.917 20.0035C31.917 18.5599 32.4481 17.4707 33.5107 16.7361C34.5734 16.0015 36.1924 15.6005 38.3678 15.533L40.765 15.4569V14.7095C40.765 13.815 40.5579 13.1458 40.1438 12.7024C39.7302 12.259 39.0877 12.0373 38.2175 12.0373C37.5062 12.0373 36.8242 12.143 36.1716 12.354C35.5191 12.565 34.8913 12.8143 34.2888 13.1014L33.335 10.9736C34.0884 10.5767 34.9121 10.2748 35.8071 10.0679C36.7027 9.86101 37.5477 9.75781 38.3425 9.75781C40.1084 9.75781 41.4403 10.1466 42.3405 10.9231C43.2396 11.7001 43.6897 12.92 43.6897 14.5834V24.0184H41.5811Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.4036 24.2715C51.3036 24.2715 49.7073 23.6534 48.6153 22.4161C47.5238 21.1793 46.9775 19.4041 46.9775 17.0909C46.9775 14.7353 47.5486 12.9244 48.6907 11.6574C49.8329 10.391 51.4833 9.75757 53.642 9.75757C55.1061 9.75757 56.4239 10.0324 57.5954 10.5811L56.7049 12.9749C55.458 12.485 54.4282 12.2403 53.6172 12.2403C51.2155 12.2403 50.0151 13.8485 50.0151 17.0654C50.0151 18.6357 50.3138 19.8158 50.9122 20.6051C51.5106 21.3949 52.387 21.7892 53.5413 21.7892C54.855 21.7892 56.0974 21.4603 57.2694 20.8018V23.3979C56.7424 23.7101 56.1789 23.9338 55.5815 24.0692C54.9826 24.2041 54.2571 24.2715 53.4036 24.2715Z\" fill=\"%23D4D6DD\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.4822 10.0111V15.6341H70.0211V10.0111H72.9706V24.0183H70.0211V17.9774H63.4822V24.0183H60.5327V10.0111H63.4822Z\" fill=\"%23D4D6DD\"/></svg>')";
|
|
3180
|
+
var edo = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1605\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1605)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/><path d=\"M158 17.5212V18.5369C158 19.9333 157.819 21.186 157.457 22.2947C157.095 23.4034 156.577 24.3471 155.903 25.1257C155.238 25.9044 154.438 26.5011 153.504 26.9158C152.569 27.322 151.533 27.5251 150.397 27.5251C149.268 27.5251 148.237 27.322 147.302 26.9158C146.376 26.5011 145.572 25.9044 144.89 25.1257C144.208 24.3471 143.678 23.4034 143.299 22.2947C142.928 21.186 142.743 19.9333 142.743 18.5369V17.5212C142.743 16.1248 142.928 14.8764 143.299 13.7761C143.669 12.6674 144.191 11.7237 144.865 10.9451C145.547 10.158 146.351 9.56128 147.277 9.15503C148.212 8.74032 149.243 8.53296 150.371 8.53296C151.508 8.53296 152.544 8.74032 153.478 9.15503C154.413 9.56128 155.217 10.158 155.891 10.9451C156.564 11.7237 157.082 12.6674 157.444 13.7761C157.815 14.8764 158 16.1248 158 17.5212ZM154.83 18.5369V17.4958C154.83 16.4633 154.729 15.5535 154.527 14.7664C154.333 13.9708 154.043 13.3064 153.655 12.7732C153.276 12.2315 152.809 11.8253 152.253 11.5544C151.698 11.2751 151.07 11.1355 150.371 11.1355C149.673 11.1355 149.05 11.2751 148.502 11.5544C147.955 11.8253 147.488 12.2315 147.1 12.7732C146.721 13.3064 146.431 13.9708 146.229 14.7664C146.027 15.5535 145.926 16.4633 145.926 17.4958V18.5369C145.926 19.5694 146.027 20.4835 146.229 21.2791C146.431 22.0746 146.726 22.7475 147.113 23.2976C147.509 23.8393 147.98 24.2498 148.528 24.5291C149.075 24.7999 149.698 24.9353 150.397 24.9353C151.104 24.9353 151.731 24.7999 152.279 24.5291C152.826 24.2498 153.289 23.8393 153.668 23.2976C154.047 22.7475 154.333 22.0746 154.527 21.2791C154.729 20.4835 154.83 19.5694 154.83 18.5369Z\" fill=\"black\"/><path d=\"M138.79 24.7449V27.2712H125.238V24.7449H138.79ZM126.021 24.7449V31.8162H122.99L122.876 24.7449H126.021ZM141.24 24.7449L141.051 31.8035H138.07V24.7449H141.24ZM136.567 8.78687V11.3259H128.08V8.78687H136.567ZM138.992 8.78687V27.2712H135.834V8.78687H138.992ZM127.448 8.78687H130.618L130.176 16.2771C130.109 17.462 129.987 18.5284 129.81 19.4763C129.633 20.4242 129.418 21.2748 129.166 22.0281C128.922 22.7729 128.644 23.433 128.332 24.0085C128.021 24.5756 127.688 25.0665 127.334 25.4812C126.981 25.8959 126.619 26.2514 126.248 26.5476C125.886 26.8354 125.528 27.0766 125.175 27.2712H123.482V24.7449H124.303C124.531 24.5333 124.783 24.2286 125.061 23.8308C125.339 23.4246 125.608 22.8956 125.869 22.2439C126.139 21.5837 126.375 20.767 126.577 19.7937C126.779 18.8204 126.918 17.6482 126.993 16.2771L127.448 8.78687Z\" fill=\"black\"/><path d=\"M121.676 24.7449V27.2712H111.913V24.7449H121.676ZM112.81 8.78687V27.2712H109.64V8.78687H112.81ZM120.401 16.5056V18.9939H111.913V16.5056H120.401ZM121.613 8.78687V11.3259H111.913V8.78687H121.613Z\" fill=\"black\"/></svg>')";
|
|
3181
|
+
var kasa = "url('data:image/svg+xml,<svg width=\"167\" height=\"41\" viewBox=\"0 0 167 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M123.94 27.2112H120.34L112.64 17.8112V27.2112H109.64V8.61118H112.64V17.6112L120.14 8.61118H123.44L115.94 17.6112L123.94 27.2112Z\" fill=\"black\"/><path d=\"M134.94 27.2112L134.34 25.2112H134.24C133.54 26.1112 132.84 26.6112 132.24 27.0112C131.64 27.4112 130.64 27.5112 129.64 27.5112C128.24 27.5112 127.14 27.1112 126.44 26.4112C125.64 25.7112 125.24 24.6112 125.24 23.2112C125.24 21.7112 125.74 20.7112 126.84 19.9112C127.94 19.1112 129.54 18.8112 131.74 18.7112L134.14 18.6112V17.8112C134.14 16.9112 133.94 16.2112 133.54 15.8112C133.14 15.4112 132.44 15.1112 131.54 15.1112C130.84 15.1112 130.14 15.2112 129.44 15.4112C128.74 15.6112 128.14 15.9112 127.54 16.2112L126.54 14.1112C127.34 13.7112 128.14 13.4112 129.04 13.2112C129.94 13.0112 130.84 12.9112 131.64 12.9112C133.44 12.9112 134.74 13.3112 135.74 14.1112C136.64 14.9112 137.14 16.1112 137.14 17.8112V27.3112L134.94 27.2112ZM130.44 25.2112C131.54 25.2112 132.44 24.9112 133.04 24.3112C133.74 23.7112 134.04 22.8112 134.04 21.7112V20.5112L132.24 20.6112C130.84 20.7112 129.84 20.9112 129.14 21.3112C128.44 21.7112 128.14 22.4112 128.14 23.2112C128.14 23.8112 128.34 24.3112 128.74 24.7112C129.14 25.0112 129.74 25.2112 130.44 25.2112Z\" fill=\"black\"/><path d=\"M146.94 27.5112C144.84 27.5112 143.24 26.9112 142.04 25.6112C140.94 24.4112 140.34 22.6112 140.34 20.2112C140.34 17.8112 140.94 16.0112 142.04 14.7112C143.24 13.4112 144.84 12.8112 147.04 12.8112C148.54 12.8112 149.84 13.1112 151.04 13.6112L150.14 16.0112C148.84 15.5112 147.84 15.3112 147.04 15.3112C144.64 15.3112 143.34 16.9112 143.34 20.2112C143.34 21.8112 143.64 23.0112 144.24 23.8112C144.84 24.6112 145.74 25.0112 146.94 25.0112C148.24 25.0112 149.54 24.7112 150.74 24.0112V26.6112C150.24 26.9112 149.64 27.1112 149.04 27.3112C148.54 27.4112 147.74 27.5112 146.94 27.5112Z\" fill=\"black\"/><path d=\"M162.94 27.2112L162.34 25.2112H162.24C161.54 26.1112 160.84 26.6112 160.24 27.0112C159.64 27.4112 158.64 27.5112 157.64 27.5112C156.24 27.5112 155.14 27.1112 154.44 26.4112C153.64 25.7112 153.24 24.6112 153.24 23.2112C153.24 21.7112 153.74 20.7112 154.84 19.9112C155.94 19.1112 157.54 18.8112 159.74 18.7112L162.14 18.6112V17.8112C162.14 16.9112 161.94 16.2112 161.54 15.8112C161.14 15.4112 160.44 15.1112 159.54 15.1112C158.84 15.1112 158.14 15.2112 157.44 15.4112C156.74 15.6112 156.14 15.9112 155.54 16.2112L154.54 14.1112C155.34 13.7112 156.14 13.4112 157.04 13.2112C157.94 13.0112 158.84 12.9112 159.64 12.9112C161.44 12.9112 162.74 13.3112 163.74 14.1112C164.64 14.9112 165.14 16.1112 165.14 17.8112V27.3112H162.94V27.2112ZM158.54 25.2112C159.64 25.2112 160.54 24.9112 161.14 24.3112C161.84 23.7112 162.14 22.8112 162.14 21.7112V20.5112L160.34 20.6112C158.94 20.7112 157.94 20.9112 157.24 21.3112C156.54 21.7112 156.24 22.4112 156.24 23.2112C156.24 23.8112 156.44 24.3112 156.84 24.7112C157.14 25.0112 157.74 25.2112 158.54 25.2112Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5112C80.5325 28.5112 76.6599 24.6984 76.6599 20.0112C76.6599 15.3244 80.6354 11.5112 85.0455 11.5112V13.9719C82.1058 13.9719 79.1097 16.6813 79.1097 20.0112C79.1097 23.3411 81.8451 26.0504 85.1602 26.0504C88.4747 26.0504 91.191 23.3411 91.191 20.0112C91.191 18.986 90.9426 17.9869 90.4581 17.1025C88.8245 18.8413 86.3454 21.5841 86.314 21.6181L85.5012 22.5187L81.9024 19.3L83.5315 17.4623L85.3228 19.0638C86.5443 17.7222 88.7961 15.2624 89.7427 14.3125L90.6609 13.3907L91.5237 14.3657C92.9015 15.9219 93.6599 17.9269 93.6599 20.0112C93.6599 24.6984 89.8642 28.5112 85.1984 28.5112Z\" fill=\"black\"/><mask id=\"mask0_167_1658\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.51373V27.0292H13.0855V8.51373H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1658)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.62V24.4841H6.15562C7.40369 24.4841 8.34654 24.241 8.98367 23.7557C9.6208 23.2703 9.93911 22.5041 9.93911 21.4568C9.93911 20.4944 9.61425 19.7812 8.96503 19.3168C8.31581 18.8525 7.32915 18.62 6.00553 18.62H2.98408ZM2.98408 16.1628H5.85594C7.10451 16.1628 8.01563 15.9625 8.59031 15.5615C9.16448 15.1605 9.45207 14.479 9.45207 13.5161C9.45207 12.6466 9.14182 12.0177 8.52181 11.6289C7.90181 11.2407 6.91715 11.0466 5.56886 11.0466H2.98408V16.1628ZM-0.00012207 8.51373H5.41875C7.93251 8.51373 9.74971 8.88513 10.8688 9.62791C11.9885 10.3712 12.5485 11.5446 12.5485 13.1492C12.5485 14.2297 12.2736 15.1293 11.7246 15.8466C11.1751 16.5643 10.3838 17.0159 9.35233 17.2019V17.328C10.6336 17.5732 11.5765 18.0565 12.1804 18.7784C12.7838 19.5002 13.0855 20.4775 13.0855 21.7102C13.0855 23.3735 12.5128 24.6757 11.3685 25.6172C10.2237 26.5587 8.6321 27.0292 6.59228 27.0292H-0.00012207V8.51373Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0223V18.1391C19.1538 19.5746 19.8861 20.2918 21.3513 20.2918C22.0589 20.2918 22.75 20.1927 23.4244 19.994C24.0982 19.7958 24.8225 19.477 25.5966 19.0382V13.0223H28.531V27.0295H25.5966V21.0898C24.7888 21.5965 24.0091 21.97 23.2556 22.2106C22.5016 22.4512 21.6802 22.5713 20.7892 22.5713C19.3492 22.5713 18.2251 22.1937 17.4182 21.4382C16.6103 20.6826 16.2069 19.6251 16.2069 18.2658V13.0223H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 25.003C38.0621 25.003 38.9173 24.7016 39.563 24.0978C40.2077 23.4939 40.5305 22.6474 40.5305 21.5583V20.3425L38.7571 20.4186C37.3756 20.4692 36.3703 20.7031 35.7422 21.1215C35.1136 21.5394 34.7994 22.179 34.7994 23.0403C34.7994 23.6651 34.9822 24.1483 35.3489 24.4901C35.7145 24.8324 36.264 25.003 36.9968 25.003ZM41.3671 27.0295L40.7803 25.0791H40.6801C40.0143 25.9317 39.3444 26.5125 38.67 26.8206C37.9956 27.1286 37.1298 27.2824 36.0726 27.2824C34.7163 27.2824 33.6566 26.911 32.895 26.1682C32.1335 25.4254 31.7527 24.3741 31.7527 23.0147C31.7527 21.571 32.2811 20.4819 33.3383 19.7473C34.3954 19.0127 36.0061 18.6116 38.1704 18.5442L40.5552 18.4681V17.7207C40.5552 16.8262 40.3492 16.157 39.9372 15.7136C39.5257 15.2701 38.8866 15.0484 38.0208 15.0484C37.3131 15.0484 36.6347 15.1542 35.9855 15.3652C35.3363 15.5761 34.7117 15.8254 34.1124 16.1125L33.1635 13.9848C33.9129 13.5879 34.7324 13.286 35.6229 13.0791C36.5138 12.8722 37.3544 12.769 38.1452 12.769C39.902 12.769 41.2271 13.1577 42.1226 13.9342C43.0171 14.7113 43.4648 15.9312 43.4648 17.5945V27.0295H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2827C51.0395 27.2827 49.4514 26.6645 48.3651 25.4272C47.2792 24.1904 46.7357 22.4152 46.7357 20.1021C46.7357 17.7465 47.3038 15.9355 48.4401 14.6686C49.5764 13.4022 51.2183 12.7687 53.3659 12.7687C54.8225 12.7687 56.1335 13.0436 57.299 13.5922L56.413 15.9861C55.1725 15.4962 54.1481 15.2515 53.3412 15.2515C50.9519 15.2515 49.7577 16.8597 49.7577 20.0765C49.7577 21.6469 50.0548 22.827 50.6502 23.6162C51.2455 24.406 52.1173 24.8004 53.2657 24.8004C54.5727 24.8004 55.8086 24.4714 56.9746 23.8129V26.4091C56.4503 26.7212 55.8897 26.945 55.2954 27.0804C54.6996 27.2152 53.9778 27.2827 53.1287 27.2827Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0223V18.6453H69.6609V13.0223H72.5952V27.0295H69.6609V20.9886H63.1556V27.0295H60.2213V13.0223H63.1556Z\" fill=\"black\"/></svg>')";
|
|
3182
|
+
var edi = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M119.746 27.3023H109.44V9.09338H119.746V11.6307H112.427V16.6307H119.298V19.168H112.427V24.9143H119.746V27.3023Z\" fill=\"black\"/><path d=\"M138.567 17.974C138.567 21.0337 137.745 23.2725 136.028 24.8397C134.385 26.4068 131.92 27.2277 128.783 27.2277H123.705V9.09338H129.381C132.293 9.09338 134.534 9.83965 136.177 11.4814C137.745 12.974 138.567 15.2128 138.567 17.974ZM135.43 18.1232C135.43 13.7949 133.414 11.5561 129.306 11.5561H126.692V24.765H128.858C133.19 24.765 135.43 22.6008 135.43 18.1232Z\" fill=\"black\"/><path d=\"M142.45 27.3023V9.09338H145.438V27.377L142.45 27.3023Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1682\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1682)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
3183
|
+
var kep = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M115.048 19.1788H112.95V26.796H109.877V9.02252H112.95V16.4932H114.646L119.867 9.02252H123.648L117.549 17.5308L124.185 26.796H120.476L115.048 19.1788Z\" fill=\"%23131313\"/><path d=\"M136.272 18.8614H128.978V24.3301H137.504V26.796H125.892V9.02252H137.419V11.5128H128.978V16.42H136.272V18.8614Z\" fill=\"%23131313\"/><path d=\"M154.069 26.796H150.995V11.5128H143.176V26.796H140.103V9.02252H154.069V26.796Z\" fill=\"%23131313\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1708\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1708)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
3184
|
+
var ttn = "url('data:image/svg+xml,<svg width=\"158\" height=\"40\" viewBox=\"0 0 158 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M154.809 16.5059V19.0322H144.995V16.5059H154.809ZM145.783 8.78711V27.2715H142.596V8.78711H145.783ZM157.259 8.78711V27.2715H154.085V8.78711H157.259Z\" fill=\"black\"/><path d=\"M134.357 8.78711V27.2715H131.196V8.78711H134.357ZM140.159 8.78711V11.3262H125.445V8.78711H140.159Z\" fill=\"black\"/><path d=\"M118.31 8.78711V27.2715H115.149V8.78711H118.31ZM124.112 8.78711V11.3262H109.398V8.78711H124.112Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.1984 28.5C80.5325 28.5 76.6599 24.6873 76.6599 20C76.6599 15.3132 80.6354 11.5 85.0455 11.5V13.9608C82.1058 13.9608 79.1097 16.6701 79.1097 20C79.1097 23.3299 81.8451 26.0392 85.1602 26.0392C88.4747 26.0392 91.191 23.3299 91.191 20C91.191 18.9748 90.9426 17.9758 90.4581 17.0914C88.8245 18.8301 86.3454 21.5729 86.314 21.6069L85.5012 22.5075L81.9024 19.2888L83.5315 17.4511L85.3228 19.0526C86.5443 17.711 88.7961 15.2512 89.7427 14.3013L90.6609 13.3795L91.5237 14.3545C92.9015 15.9107 93.6599 17.9157 93.6599 20C93.6599 24.6873 89.8642 28.5 85.1984 28.5Z\" fill=\"black\"/><mask id=\"mask0_167_1613\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"8\" width=\"14\" height=\"20\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.50256V27.018H13.0855V8.50256H0H0Z\" fill=\"white\"/></mask><g mask=\"url(%23mask0_167_1613)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.98408 18.6089V24.473H6.15562C7.40369 24.473 8.34654 24.2298 8.98367 23.7445C9.6208 23.2592 9.93911 22.4929 9.93911 21.4456C9.93911 20.4832 9.61425 19.77 8.96503 19.3057C8.31581 18.8413 7.32915 18.6089 6.00553 18.6089H2.98408ZM2.98408 16.1516H5.85594C7.10451 16.1516 8.01563 15.9514 8.59031 15.5503C9.16448 15.1493 9.45207 14.4678 9.45207 13.5049C9.45207 12.6354 9.14182 12.0065 8.52181 11.6178C7.90181 11.2295 6.91715 11.0354 5.56886 11.0354H2.98408V16.1516ZM-0.00012207 8.50256H5.41875C7.93251 8.50256 9.74971 8.87396 10.8688 9.61674C11.9885 10.36 12.5485 11.5335 12.5485 13.1381C12.5485 14.2185 12.2736 15.1181 11.7246 15.8354C11.1751 16.5531 10.3838 17.0047 9.35233 17.1907V17.3169C10.6336 17.5621 11.5765 18.0453 12.1804 18.7672C12.7838 19.489 13.0855 20.4663 13.0855 21.699C13.0855 23.3623 12.5128 24.6645 11.3685 25.606C10.2237 26.5475 8.6321 27.018 6.59228 27.018H-0.00012207V8.50256Z\" fill=\"black\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1538 13.0112V18.1279C19.1538 19.5634 19.8861 20.2806 21.3513 20.2806C22.0589 20.2806 22.75 20.1815 23.4244 19.9828C24.0982 19.7846 24.8225 19.4658 25.5966 19.027V13.0112H28.531V27.0183H25.5966V21.0786C24.7888 21.5854 24.0091 21.9588 23.2556 22.1994C22.5016 22.44 21.6802 22.5601 20.7892 22.5601C19.3492 22.5601 18.2251 22.1826 17.4182 21.427C16.6103 20.6715 16.2069 19.614 16.2069 18.2546V13.0112H19.1538Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36.9968 24.9918C38.0621 24.9918 38.9173 24.6904 39.563 24.0866C40.2077 23.4828 40.5305 22.6363 40.5305 21.5471V20.3313L38.7571 20.4074C37.3756 20.458 36.3703 20.692 35.7422 21.1104C35.1136 21.5282 34.7994 22.1678 34.7994 23.0291C34.7994 23.6539 34.9822 24.1372 35.3489 24.4789C35.7145 24.8212 36.264 24.9918 36.9968 24.9918ZM41.3671 27.0184L40.7803 25.0679H40.6801C40.0143 25.9205 39.3444 26.5014 38.67 26.8094C37.9956 27.1175 37.1298 27.2712 36.0726 27.2712C34.7163 27.2712 33.6566 26.8998 32.895 26.157C32.1335 25.4143 31.7527 24.3629 31.7527 23.0035C31.7527 21.5599 32.2811 20.4707 33.3383 19.7361C34.3954 19.0015 36.0061 18.6005 38.1704 18.533L40.5552 18.4569V17.7095C40.5552 16.815 40.3492 16.1458 39.9372 15.7024C39.5257 15.259 38.8866 15.0373 38.0208 15.0373C37.3131 15.0373 36.6347 15.143 35.9855 15.354C35.3363 15.565 34.7117 15.8143 34.1124 16.1014L33.1635 13.9736C33.9129 13.5767 34.7324 13.2748 35.6229 13.0679C36.5138 12.861 37.3544 12.7578 38.1452 12.7578C39.902 12.7578 41.2271 13.1466 42.1226 13.9231C43.0171 14.7001 43.4648 15.92 43.4648 17.5834V27.0184H41.3671Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.1287 27.2715C51.0395 27.2715 49.4514 26.6534 48.3651 25.4161C47.2792 24.1793 46.7357 22.4041 46.7357 20.0909C46.7357 17.7353 47.3038 15.9244 48.4401 14.6574C49.5764 13.391 51.2183 12.7576 53.3659 12.7576C54.8225 12.7576 56.1335 13.0324 57.299 13.5811L56.413 15.9749C55.1725 15.485 54.1481 15.2403 53.3412 15.2403C50.9519 15.2403 49.7577 16.8485 49.7577 20.0654C49.7577 21.6357 50.0548 22.8158 50.6502 23.6051C51.2455 24.3949 52.1173 24.7892 53.2657 24.7892C54.5727 24.7892 55.8086 24.4603 56.9746 23.8018V26.3979C56.4503 26.7101 55.8897 26.9338 55.2954 27.0692C54.6996 27.2041 53.9778 27.2715 53.1287 27.2715Z\" fill=\"black\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.1556 13.0112V18.6342H69.6609V13.0112H72.5952V27.0183H69.6609V20.9775H63.1556V27.0183H60.2213V13.0112H63.1556Z\" fill=\"black\"/></svg>')";
|
|
3185
|
+
|
|
3186
|
+
var dataUrls = /*#__PURE__*/Object.freeze({
|
|
3187
|
+
__proto__: null,
|
|
3188
|
+
edi: edi,
|
|
3189
|
+
edo: edo,
|
|
3190
|
+
kasa: kasa,
|
|
3191
|
+
kep: kep,
|
|
3192
|
+
ttn: ttn,
|
|
3193
|
+
vchasno: vchasno
|
|
3194
|
+
});
|
|
3195
|
+
|
|
3196
|
+
var css_248z$2 = ".vchasno-ui-SplashLogo__logo-box {\n --vchasno-ui-splash-screen-logo-box-width: 300px;\n --vchasno-ui-splash-screen-logo-box-height: 100px;\n --vchasno-ui-splash-screen-logo-color: #333;\n --vchasno-ui-splash-screen-animation-duration: 2s;\n\n display: inline-block;\n width: var(--vchasno-ui-splash-screen-logo-box-width);\n height: var(--vchasno-ui-splash-screen-logo-box-height);\n animation: wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;\n background-image: linear-gradient(\n to right,\n transparent,\n var(--vchasno-ui-splash-screen-logo-color),\n transparent\n );\n background-size: var(--vchasno-ui-splash-screen-logo-box-width)\n var(--vchasno-ui-splash-screen-logo-box-height);\n}\n\n@keyframes wave {\n from {\n background-position: calc(var(--vchasno-ui-splash-screen-logo-box-width) * -1) 0;\n }\n\n to {\n background-position: 0 0;\n }\n}\n";
|
|
3197
|
+
styleInject(css_248z$2);
|
|
3198
|
+
|
|
3199
|
+
var SplashLogo = React$1.forwardRef(function (_a, ref) {
|
|
3200
|
+
var _b = _a.project, project = _b === void 0 ? 'vchasno' : _b, className = _a.className, color = _a.color, animationDuration = _a.animationDuration, width = _a.width, height = _a.height, style = _a.style, rest = __rest(_a, ["project", "className", "color", "animationDuration", "width", "height", "style"]);
|
|
3201
|
+
var css = __assign({ '--vchasno-ui-splash-screen-logo-box-width': width, '--vchasno-ui-splash-screen-logo-box-height': height, '--vchasno-ui-splash-screen-logo-color': color, '--vchasno-ui-splash-screen-animation-duration': "".concat(Math.abs(animationDuration || 2), "s"), mask: "".concat(dataUrls[project], " center center / contain no-repeat") }, style);
|
|
3202
|
+
return (React$1.createElement("div", __assign({ ref: ref, className: cn('vchasno-ui-SplashLogo__logo-box', className), style: css }, rest)));
|
|
3203
|
+
});
|
|
3204
|
+
SplashLogo.displayName = 'SplashLogo';
|
|
3205
|
+
|
|
3206
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
3207
|
+
|
|
3208
|
+
/**
|
|
3209
|
+
* Determines if a given element is a DOM element name (i.e. not a React component).
|
|
2899
3210
|
*/
|
|
2900
|
-
function
|
|
2901
|
-
|
|
2902
|
-
return;
|
|
2903
|
-
}
|
|
2904
|
-
hadKeyboardEvent = true;
|
|
3211
|
+
function isHostComponent(element) {
|
|
3212
|
+
return typeof element === 'string';
|
|
2905
3213
|
}
|
|
2906
3214
|
|
|
2907
3215
|
/**
|
|
2908
|
-
*
|
|
2909
|
-
* the
|
|
2910
|
-
*
|
|
2911
|
-
* element, and then clicks on a different element, focusing it with a
|
|
2912
|
-
* pointing device, while we still think we're in keyboard modality.
|
|
3216
|
+
* Type of the ownerState based on the type of an element it applies to.
|
|
3217
|
+
* This resolves to the provided OwnerState for React components and `undefined` for host components.
|
|
3218
|
+
* Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
|
|
2913
3219
|
*/
|
|
2914
|
-
function handlePointerDown() {
|
|
2915
|
-
hadKeyboardEvent = false;
|
|
2916
|
-
}
|
|
2917
|
-
function handleVisibilityChange() {
|
|
2918
|
-
if (this.visibilityState === 'hidden') {
|
|
2919
|
-
// If the tab becomes active again, the browser will handle calling focus
|
|
2920
|
-
// on the element (Safari actually calls it twice).
|
|
2921
|
-
// If this tab change caused a blur on an element with focus-visible,
|
|
2922
|
-
// re-apply the class when the user switches back to the tab.
|
|
2923
|
-
if (hadFocusVisibleRecently) {
|
|
2924
|
-
hadKeyboardEvent = true;
|
|
2925
|
-
}
|
|
2926
|
-
}
|
|
2927
|
-
}
|
|
2928
|
-
function prepare(doc) {
|
|
2929
|
-
doc.addEventListener('keydown', handleKeyDown, true);
|
|
2930
|
-
doc.addEventListener('mousedown', handlePointerDown, true);
|
|
2931
|
-
doc.addEventListener('pointerdown', handlePointerDown, true);
|
|
2932
|
-
doc.addEventListener('touchstart', handlePointerDown, true);
|
|
2933
|
-
doc.addEventListener('visibilitychange', handleVisibilityChange, true);
|
|
2934
|
-
}
|
|
2935
|
-
function isFocusVisible(event) {
|
|
2936
|
-
const {
|
|
2937
|
-
target
|
|
2938
|
-
} = event;
|
|
2939
|
-
try {
|
|
2940
|
-
return target.matches(':focus-visible');
|
|
2941
|
-
} catch (error) {
|
|
2942
|
-
// Browsers not implementing :focus-visible will throw a SyntaxError.
|
|
2943
|
-
// We use our own heuristic for those browsers.
|
|
2944
|
-
// Rethrow might be better if it's not the expected error but do we really
|
|
2945
|
-
// want to crash if focus-visible malfunctioned?
|
|
2946
|
-
}
|
|
2947
|
-
|
|
2948
|
-
// No need for validFocusTarget check. The user does that by attaching it to
|
|
2949
|
-
// focusable events only.
|
|
2950
|
-
return hadKeyboardEvent || focusTriggersKeyboardModality(target);
|
|
2951
|
-
}
|
|
2952
|
-
function useIsFocusVisible() {
|
|
2953
|
-
const ref = React__namespace.useCallback(node => {
|
|
2954
|
-
if (node != null) {
|
|
2955
|
-
prepare(node.ownerDocument);
|
|
2956
|
-
}
|
|
2957
|
-
}, []);
|
|
2958
|
-
const isFocusVisibleRef = React__namespace.useRef(false);
|
|
2959
|
-
|
|
2960
|
-
/**
|
|
2961
|
-
* Should be called if a blur event is fired
|
|
2962
|
-
*/
|
|
2963
|
-
function handleBlurVisible() {
|
|
2964
|
-
// checking against potential state variable does not suffice if we focus and blur synchronously.
|
|
2965
|
-
// React wouldn't have time to trigger a re-render so `focusVisible` would be stale.
|
|
2966
|
-
// Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.
|
|
2967
|
-
// This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751
|
|
2968
|
-
// TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).
|
|
2969
|
-
if (isFocusVisibleRef.current) {
|
|
2970
|
-
// To detect a tab/window switch, we look for a blur event followed
|
|
2971
|
-
// rapidly by a visibility change.
|
|
2972
|
-
// If we don't see a visibility change within 100ms, it's probably a
|
|
2973
|
-
// regular focus change.
|
|
2974
|
-
hadFocusVisibleRecently = true;
|
|
2975
|
-
hadFocusVisibleRecentlyTimeout.start(100, () => {
|
|
2976
|
-
hadFocusVisibleRecently = false;
|
|
2977
|
-
});
|
|
2978
|
-
isFocusVisibleRef.current = false;
|
|
2979
|
-
return true;
|
|
2980
|
-
}
|
|
2981
|
-
return false;
|
|
2982
|
-
}
|
|
2983
|
-
|
|
2984
|
-
/**
|
|
2985
|
-
* Should be called if a blur event is fired
|
|
2986
|
-
*/
|
|
2987
|
-
function handleFocusVisible(event) {
|
|
2988
|
-
if (isFocusVisible(event)) {
|
|
2989
|
-
isFocusVisibleRef.current = true;
|
|
2990
|
-
return true;
|
|
2991
|
-
}
|
|
2992
|
-
return false;
|
|
2993
|
-
}
|
|
2994
|
-
return {
|
|
2995
|
-
isFocusVisibleRef,
|
|
2996
|
-
onFocus: handleFocusVisible,
|
|
2997
|
-
onBlur: handleBlurVisible,
|
|
2998
|
-
ref
|
|
2999
|
-
};
|
|
3000
|
-
}
|
|
3001
3220
|
|
|
3002
3221
|
/**
|
|
3003
|
-
*
|
|
3004
|
-
*
|
|
3005
|
-
* @param
|
|
3006
|
-
* @
|
|
3222
|
+
* Appends the ownerState object to the props, merging with the existing one if necessary.
|
|
3223
|
+
*
|
|
3224
|
+
* @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
|
|
3225
|
+
* @param otherProps Props of the element.
|
|
3226
|
+
* @param ownerState
|
|
3007
3227
|
*/
|
|
3008
|
-
function
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
}
|
|
3014
|
-
const defaultSlotProps = defaultProps[propName] || {};
|
|
3015
|
-
const slotProps = props[propName];
|
|
3016
|
-
output[propName] = {};
|
|
3017
|
-
if (!slotProps || !Object.keys(slotProps)) {
|
|
3018
|
-
// Reduce the iteration if the slot props is empty
|
|
3019
|
-
output[propName] = defaultSlotProps;
|
|
3020
|
-
} else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
|
|
3021
|
-
// Reduce the iteration if the default slot props is empty
|
|
3022
|
-
output[propName] = slotProps;
|
|
3023
|
-
} else {
|
|
3024
|
-
output[propName] = _extends$1({}, slotProps);
|
|
3025
|
-
Object.keys(defaultSlotProps).forEach(slotPropName => {
|
|
3026
|
-
output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
|
|
3027
|
-
});
|
|
3028
|
-
}
|
|
3029
|
-
} else if (output[propName] === undefined) {
|
|
3030
|
-
output[propName] = defaultProps[propName];
|
|
3031
|
-
}
|
|
3228
|
+
function appendOwnerState(elementType, otherProps, ownerState) {
|
|
3229
|
+
if (elementType === undefined || isHostComponent(elementType)) {
|
|
3230
|
+
return otherProps;
|
|
3231
|
+
}
|
|
3232
|
+
return _extends$1({}, otherProps, {
|
|
3233
|
+
ownerState: _extends$1({}, otherProps.ownerState, ownerState)
|
|
3032
3234
|
});
|
|
3033
|
-
return output;
|
|
3034
3235
|
}
|
|
3035
3236
|
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
output[slot] = slots[slot].reduce((acc, key) => {
|
|
3043
|
-
if (key) {
|
|
3044
|
-
const utilityClass = getUtilityClass(key);
|
|
3045
|
-
if (utilityClass !== '') {
|
|
3046
|
-
acc.push(utilityClass);
|
|
3047
|
-
}
|
|
3048
|
-
if (classes && classes[key]) {
|
|
3049
|
-
acc.push(classes[key]);
|
|
3050
|
-
}
|
|
3051
|
-
}
|
|
3052
|
-
return acc;
|
|
3053
|
-
}, []).join(' ');
|
|
3054
|
-
});
|
|
3055
|
-
return output;
|
|
3237
|
+
const defaultContextValue = {
|
|
3238
|
+
disableDefaultClasses: false
|
|
3239
|
+
};
|
|
3240
|
+
const ClassNameConfiguratorContext = /*#__PURE__*/React__namespace.createContext(defaultContextValue);
|
|
3241
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
3242
|
+
ClassNameConfiguratorContext.displayName = 'ClassNameConfiguratorContext';
|
|
3056
3243
|
}
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3244
|
+
/**
|
|
3245
|
+
* @ignore - internal hook.
|
|
3246
|
+
*
|
|
3247
|
+
* Wraps the `generateUtilityClass` function and controls how the classes are generated.
|
|
3248
|
+
* Currently it only affects whether the classes are applied or not.
|
|
3249
|
+
*
|
|
3250
|
+
* @returns Function to be called with the `generateUtilityClass` function specific to a component to generate the classes.
|
|
3251
|
+
*/
|
|
3252
|
+
function useClassNamesOverride(generateUtilityClass) {
|
|
3253
|
+
const {
|
|
3254
|
+
disableDefaultClasses
|
|
3255
|
+
} = React__namespace.useContext(ClassNameConfiguratorContext);
|
|
3256
|
+
return slot => {
|
|
3257
|
+
if (disableDefaultClasses) {
|
|
3258
|
+
return '';
|
|
3070
3259
|
}
|
|
3260
|
+
return generateUtilityClass(slot);
|
|
3071
3261
|
};
|
|
3072
|
-
};
|
|
3073
|
-
const ClassNameGenerator = createClassNameGenerator();
|
|
3074
|
-
|
|
3075
|
-
const globalStateClasses = {
|
|
3076
|
-
active: 'active',
|
|
3077
|
-
checked: 'checked',
|
|
3078
|
-
completed: 'completed',
|
|
3079
|
-
disabled: 'disabled',
|
|
3080
|
-
error: 'error',
|
|
3081
|
-
expanded: 'expanded',
|
|
3082
|
-
focused: 'focused',
|
|
3083
|
-
focusVisible: 'focusVisible',
|
|
3084
|
-
open: 'open',
|
|
3085
|
-
readOnly: 'readOnly',
|
|
3086
|
-
required: 'required',
|
|
3087
|
-
selected: 'selected'
|
|
3088
|
-
};
|
|
3089
|
-
function generateUtilityClass$1(componentName, slot, globalStatePrefix = 'Mui') {
|
|
3090
|
-
const globalStateClass = globalStateClasses[slot];
|
|
3091
|
-
return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
|
|
3092
3262
|
}
|
|
3093
3263
|
|
|
3094
|
-
|
|
3264
|
+
/**
|
|
3265
|
+
* Extracts event handlers from a given object.
|
|
3266
|
+
* A prop is considered an event handler if it is a function and its name starts with `on`.
|
|
3267
|
+
*
|
|
3268
|
+
* @param object An object to extract event handlers from.
|
|
3269
|
+
* @param excludeKeys An array of keys to exclude from the returned object.
|
|
3270
|
+
*/
|
|
3271
|
+
function extractEventHandlers(object, excludeKeys = []) {
|
|
3272
|
+
if (object === undefined) {
|
|
3273
|
+
return {};
|
|
3274
|
+
}
|
|
3095
3275
|
const result = {};
|
|
3096
|
-
|
|
3097
|
-
result[
|
|
3276
|
+
Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {
|
|
3277
|
+
result[prop] = object[prop];
|
|
3098
3278
|
});
|
|
3099
3279
|
return result;
|
|
3100
3280
|
}
|
|
3101
3281
|
|
|
3102
|
-
|
|
3103
|
-
|
|
3282
|
+
/**
|
|
3283
|
+
* If `componentProps` is a function, calls it with the provided `ownerState`.
|
|
3284
|
+
* Otherwise, just returns `componentProps`.
|
|
3285
|
+
*/
|
|
3286
|
+
function resolveComponentProps(componentProps, ownerState, slotState) {
|
|
3287
|
+
if (typeof componentProps === 'function') {
|
|
3288
|
+
return componentProps(ownerState, slotState);
|
|
3289
|
+
}
|
|
3290
|
+
return componentProps;
|
|
3104
3291
|
}
|
|
3105
3292
|
|
|
3106
|
-
var clamp = /*#__PURE__*/Object.freeze({
|
|
3107
|
-
__proto__: null,
|
|
3108
|
-
default: clamp$1
|
|
3109
|
-
});
|
|
3110
|
-
|
|
3111
3293
|
/**
|
|
3112
3294
|
* Removes event handlers from the given object.
|
|
3113
3295
|
* A field is considered an event handler if it is a function with a name beginning with `on`.
|