@topvisor/ui 0.9.24-0 → 0.9.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/.chunks/{datepicker-CQs26CC6.amd.js → datepicker-B9eprAyk.amd.js} +16 -29
  2. package/.chunks/datepicker-B9eprAyk.amd.js.map +1 -0
  3. package/.chunks/{datepicker-HwhZ99xe.es.js → datepicker-C86O1mQq.es.js} +29 -42
  4. package/.chunks/datepicker-C86O1mQq.es.js.map +1 -0
  5. package/.chunks/{forms-BBbBD32l.amd.js → forms-DkNAMd-D.amd.js} +3 -3
  6. package/.chunks/forms-DkNAMd-D.amd.js.map +1 -0
  7. package/.chunks/{forms-CMU4ajdz.es.js → forms-gb7uf2K8.es.js} +4 -4
  8. package/.chunks/{forms-CMU4ajdz.es.js.map → forms-gb7uf2K8.es.js.map} +1 -1
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd.js → listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js} +2 -2
  10. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd.js.map → listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js.map} +1 -1
  11. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-BPa6m9N6.es.js → listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js} +2 -2
  12. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-BPa6m9N6.es.js.map → listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js.map} +1 -1
  13. package/.chunks/{popup-DgxCokgg.amd.js → popup-Dfz5hkrQ.amd.js} +10 -13
  14. package/.chunks/popup-Dfz5hkrQ.amd.js.map +1 -0
  15. package/.chunks/{popup-CAjyI5nT.es.js → popup-ZmdXZkvb.es.js} +10 -13
  16. package/.chunks/popup-ZmdXZkvb.es.js.map +1 -0
  17. package/.chunks/{widgetInput-Dm3FgvaC.amd.js → widgetInput-BxO9y9L7.amd.js} +2 -2
  18. package/.chunks/widgetInput-BxO9y9L7.amd.js.map +1 -0
  19. package/.chunks/{widgetInput-Dglsn0CF.es.js → widgetInput-DPOH_qya.es.js} +2 -2
  20. package/.chunks/{widgetInput-Dglsn0CF.es.js.map → widgetInput-DPOH_qya.es.js.map} +1 -1
  21. package/assets/core.css +1 -1
  22. package/assets/dark.css +1 -1
  23. package/assets/forms.css +1 -1
  24. package/assets/formsExt.css +1 -1
  25. package/assets/light.css +1 -1
  26. package/assets/tabs.css +1 -1
  27. package/assets/tabsView.css +1 -1
  28. package/assets/widgetInput.css +1 -1
  29. package/core/core.amd.js +1 -1
  30. package/core/core.js +1 -1
  31. package/forms/forms.amd.js +1 -1
  32. package/forms/forms.js +1 -1
  33. package/formsExt/formsExt.amd.js +1 -1
  34. package/formsExt/formsExt.amd.js.map +1 -1
  35. package/formsExt/formsExt.js +3 -4
  36. package/formsExt/formsExt.js.map +1 -1
  37. package/package.json +1 -1
  38. package/popup/popup.amd.js +1 -1
  39. package/popup/popup.js +2 -2
  40. package/popup/worker.amd.js +1 -1
  41. package/popup/worker.js +2 -2
  42. package/src/components/popup/worker.d.ts +2 -2
  43. package/tabs/tabs.amd.js +1 -1
  44. package/tabs/tabs.js +1 -1
  45. package/tabsView/tabsView.amd.js +1 -1
  46. package/tabsView/tabsView.amd.js.map +1 -1
  47. package/tabsView/tabsView.js +2 -2
  48. package/tabsView/tabsView.js.map +1 -1
  49. package/utils/date.amd.js +1 -1
  50. package/utils/date.js +1 -1
  51. package/utils/device.amd.js +1 -1
  52. package/utils/device.js +1 -1
  53. package/utils/scroll.amd.js +1 -1
  54. package/utils/scroll.js +1 -1
  55. package/utils/window.amd.js +1 -1
  56. package/utils/window.js +1 -1
  57. package/.chunks/datepicker-CQs26CC6.amd.js.map +0 -1
  58. package/.chunks/datepicker-HwhZ99xe.es.js.map +0 -1
  59. package/.chunks/forms-BBbBD32l.amd.js.map +0 -1
  60. package/.chunks/popup-CAjyI5nT.es.js.map +0 -1
  61. package/.chunks/popup-DgxCokgg.amd.js.map +0 -1
  62. package/.chunks/widgetInput-Dm3FgvaC.amd.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"widgetInput-Dglsn0CF.es.js","sources":["../../src/components/popup/popup/widgetInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ModelRef } from 'vue';\r\nimport type { Props } from '@/components/forms/input/input';\r\nimport Input from '@/components/forms/input/input.vue';\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n\taddCleaner: true,\r\n});\r\n\r\nconst model: ModelRef<string> = defineModel({\r\n\tdefault: '',\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Input\r\n\t\t:=\"$props\"\r\n\t\tmodificator=\"popupWidgetInput\"\r\n\t\tv-model=\"model\"\r\n\t/>\r\n</template>\r\n\r\n<style module>\r\n.top-input-popupWidgetInput {\r\n\t--top-loadbar-color: var(--color-line-2);\r\n\r\n\twidth: 100%;\r\n}\r\n\r\n.top-input_input-popupWidgetInput {\r\n\tborder: none;\r\n\tbackground: var(--color-layer-secondary-1);\r\n}\r\n\r\n.top-input_input-popupWidgetInput:hover {\r\n\tbackground: var(--color-layer-secondary-2);\r\n}\r\n\r\n.top-input_input-popupWidgetInput:focus {\r\n\tbackground: var(--color-layer-secondary-3);\r\n\toutline: unset;\r\n}\r\n</style>"],"names":["model","useModel","__props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,EAAAC,GAAA,YAAA;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"widgetInput-DPOH_qya.es.js","sources":["../../src/components/popup/popup/widgetInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ModelRef } from 'vue';\r\nimport type { Props } from '@/components/forms/input/input';\r\nimport Input from '@/components/forms/input/input.vue';\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n\taddCleaner: true,\r\n});\r\n\r\nconst model: ModelRef<string> = defineModel({\r\n\tdefault: '',\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Input\r\n\t\t:=\"$props\"\r\n\t\tmodificator=\"popupWidgetInput\"\r\n\t\tv-model=\"model\"\r\n\t/>\r\n</template>\r\n\r\n<style module>\r\n.top-input-popupWidgetInput {\r\n\t--top-loadbar-color: var(--color-line-3-opacity);\r\n\r\n\twidth: 100%;\r\n}\r\n\r\n.top-input_input-popupWidgetInput {\r\n\tborder: none;\r\n\tbackground: var(--color-secondary-2-opacity);\r\n}\r\n\r\n.top-input_input-popupWidgetInput:hover {\r\n\tbackground: var(--color-secondary-3-opacity);\r\n}\r\n\r\n.top-input_input-popupWidgetInput:focus {\r\n\tbackground: var(--color-secondary-3-opacity);\r\n\toutline: unset;\r\n}\r\n</style>"],"names":["model","useModel","__props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,EAAAC,GAAA,YAAA;;;;;;;;;;;;;"}
package/assets/core.css CHANGED
@@ -1 +1 @@
1
- :root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px}.top-comment{color:var(--color-gray-350);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--color-placeholder);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--color-placeholder-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--content-background-color);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}button,input,textarea,select{border:1px solid var(--top-forms-border-color);color:var(--color-text-1);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--color-placeholder)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-2)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text-1);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-border-color);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--top-forms-option-border-color)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding: 8px;--top-forms-padding_l: 12px;--top-forms-padding_xl: 16px;--top-forms-option-height: 24px;--top-select_arrow-width: 0px;--top-forms_clear-width: 0px}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));padding-left:max(var(--top-forms-padding),var(--top-icon-both-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}.top-as-a{cursor:pointer;color:var(--color-text-primary-1)}.top-as-a:hover{text-decoration:underline}.top-ellipsis{max-height:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.23;flex-grow:1}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup):not(.top-forms-option),:disabled~.top-formsCaption,.top-disabled[data-top-icon]:before,.top-disabled[data-top-icon2]:after{opacity:.5;filter:grayscale(100%)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-line-negative-1);border-color:var(---color-line-negative-1)}.top-error{--top-icon-color: var(--color-icon-negative-1);color:var(--color-text-negative-1)}.top-error~.top-formsCaption{color:var(--color-text-negative-1)}.top-warning{--top-icon-color: var(--color-icon-warnign-1);color:var(--color-text-warning-1)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-line-negative-1);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.top-select_arrow{--top-select_arrow-color: var(--color-gray-600);--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}
1
+ :root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-black-transparent-40: rgba(0, 0, 0, .4);--color-black-transparent-50: rgba(0, 0, 0, .5);--color-steel-50: rgba(251, 252, 253, 1);--color-steel-100: rgba(248, 250, 252, 1);--color-steel-150: rgba(241, 244, 249, 1);--color-steel-200: rgba(234, 239, 245, 1);--color-steel-250: rgba(228, 234, 241, 1);--color-steel-300: rgba(221, 228, 238, 1);--color-steel-350: rgba(215, 223, 233, 1);--color-steel-400: rgba(209, 218, 229, 1);--color-steel-450: rgba(204, 213, 225, 1);--color-steel-500: rgba(198, 208, 220, 1);--color-steel-550: rgba(193, 203, 215, 1);--color-gray-50: rgba(225, 229, 234, 1);--color-gray-100: rgba(210, 216, 223, 1);--color-gray-150: rgba(196, 203, 212, 1);--color-gray-200: rgba(182, 190, 201, 1);--color-gray-250: rgba(168, 177, 189, 1);--color-gray-300: rgba(154, 164, 177, 1);--color-gray-350: rgba(141, 151, 165, 1);--color-gray-400: rgba(128, 138, 153, 1);--color-gray-450: rgba(115, 125, 140, 1);--color-gray-500: rgba(104, 113, 125, 1);--color-gray-550: rgba(94, 101, 110, 1);--color-gray-600: rgba(83, 88, 95, 1);--color-gray-650: rgba(72, 76, 81, 1);--color-gray-700: rgba(61, 63, 67, 1);--color-gray-750: rgba(49, 51, 53, 1);--color-gray-800: rgba(37, 38, 39, 1);--color-gray-850: rgba(25, 25, 26, 1);--color-gray-900: rgba(13, 13, 13, 1);--color-blue-50: rgba(250, 252, 255, 1);--color-blue-100: rgba(230, 240, 255, 1);--color-blue-150: rgba(204, 224, 255, 1);--color-blue-200: rgba(179, 210, 255, 1);--color-blue-250: rgba(153, 194, 255, 1);--color-blue-300: rgba(128, 179, 255, 1);--color-blue-350: rgba(102, 163, 255, 1);--color-blue-400: rgba(77, 148, 255, 1);--color-blue-450: rgba(51, 132, 255, 1);--color-blue-500: rgba(25, 117, 255, 1);--color-blue-550: rgba(23, 105, 227, 1);--color-blue-600: rgba(20, 91, 198, 1);--color-blue-650: rgba(17, 78, 170, 1);--color-blue-700: rgba(14, 65, 142, 1);--color-blue-750: rgba(12, 52, 113, 1);--color-blue-800: rgba(9, 40, 85, 1);--color-blue-850: rgba(6, 26, 57, 1);--color-blue-900: rgba(3, 13, 28, 1);--color-orange-50: rgba(255, 253, 250, 1);--color-orange-100: rgba(255, 244, 230, 1);--color-orange-150: rgba(255, 234, 204, 1);--color-orange-200: rgba(255, 223, 178, 1);--color-orange-250: rgba(255, 212, 153, 1);--color-orange-300: rgba(255, 202, 128, 1);--color-orange-350: rgba(255, 191, 102, 1);--color-orange-400: rgba(255, 180, 77, 1);--color-orange-450: rgba(255, 170, 51, 1);--color-orange-500: rgba(255, 159, 25, 1);--color-orange-550: rgba(227, 141, 23, 1);--color-orange-600: rgba(198, 124, 20, 1);--color-orange-650: rgba(170, 106, 17, 1);--color-orange-700: rgba(142, 88, 14, 1);--color-orange-750: rgba(113, 71, 12, 1);--color-orange-800: rgba(85, 53, 9, 1);--color-orange-850: rgba(57, 35, 6, 1);--color-orange-900: rgba(28, 18, 3, 1);--color-mint-50: rgba(251, 254, 253, 1);--color-mint-100: rgba(228, 251, 245, 1);--color-mint-150: rgba(200, 246, 235, 1);--color-mint-200: rgba(173, 242, 226, 1);--color-mint-250: rgba(146, 237, 216, 1);--color-mint-300: rgba(118, 233, 206, 1);--color-mint-350: rgba(91, 228, 196, 1);--color-mint-400: rgba(64, 224, 187, 1);--color-mint-450: rgba(36, 219, 177, 1);--color-mint-500: rgba(9, 215, 167, 1);--color-mint-550: rgba(8, 191, 148, 1);--color-mint-600: rgba(7, 167, 130, 1);--color-mint-650: rgba(6, 143, 111, 1);--color-mint-700: rgba(5, 119, 93, 1);--color-mint-750: rgba(4, 96, 74, 1);--color-mint-800: rgba(3, 72, 56, 1);--color-mint-850: rgba(2, 48, 37, 1);--color-mint-900: rgba(1, 24, 19, 1);--color-green-50: rgba(251, 254, 252, 1);--color-green-100: rgba(229, 248, 237, 1);--color-green-150: rgba(203, 242, 220, 1);--color-green-200: rgba(177, 235, 202, 1);--color-green-250: rgba(151, 229, 184, 1);--color-green-300: rgba(126, 222, 167, 1);--color-green-350: rgba(100, 216, 149, 1);--color-green-400: rgba(74, 209, 131, 1);--color-green-450: rgba(48, 203, 114, 1);--color-green-500: rgba(22, 196, 96, 1);--color-green-550: rgba(20, 174, 85, 1);--color-green-600: rgba(17, 152, 75, 1);--color-green-650: rgba(15, 131, 64, 1);--color-green-700: rgba(12, 109, 53, 1);--color-green-750: rgba(10, 87, 43, 1);--color-green-800: rgba(7, 65, 32, 1);--color-green-850: rgba(5, 44, 21, 1);--color-green-900: rgba(2, 22, 11, 1);--color-salad-50: rgba(252, 254, 250, 1);--color-salad-100: rgba(242, 252, 232, 1);--color-salad-150: rgba(228, 248, 208, 1);--color-salad-200: rgba(215, 245, 185, 1);--color-salad-250: rgba(202, 242, 162, 1);--color-salad-300: rgba(188, 238, 138, 1);--color-salad-350: rgba(175, 235, 115, 1);--color-salad-400: rgba(162, 232, 92, 1);--color-salad-450: rgba(148, 228, 68, 1);--color-salad-500: rgba(135, 225, 45, 1);--color-salad-550: rgba(120, 200, 40, 1);--color-salad-600: rgba(105, 175, 35, 1);--color-salad-650: rgba(90, 150, 30, 1);--color-salad-700: rgba(75, 125, 25, 1);--color-salad-750: rgba(60, 100, 20, 1);--color-salad-800: rgba(45, 75, 15, 1);--color-salad-850: rgba(30, 50, 10, 1);--color-salad-900: rgba(15, 25, 5, 1);--color-red-50: rgba(255, 251, 250, 1);--color-red-100: rgba(253, 234, 232, 1);--color-red-150: rgba(250, 213, 209, 1);--color-red-200: rgba(248, 192, 187, 1);--color-red-250: rgba(246, 171, 164, 1);--color-red-300: rgba(243, 149, 141, 1);--color-red-350: rgba(241, 128, 118, 1);--color-red-400: rgba(239, 107, 96, 1);--color-red-450: rgba(236, 86, 73, 1);--color-red-500: rgba(234, 65, 50, 1);--color-red-550: rgba(208, 58, 44, 1);--color-red-600: rgba(182, 51, 39, 1);--color-red-650: rgba(156, 43, 33, 1);--color-red-700: rgba(130, 36, 28, 1);--color-red-750: rgba(104, 29, 22, 1);--color-red-800: rgba(78, 22, 17, 1);--color-red-850: rgba(52, 14, 11, 1);--color-red-900: rgba(26, 7, 6, 1);--color-violet-50: rgba(251, 250, 255, 1);--color-violet-100: rgba(240, 235, 255, 1);--color-violet-150: rgba(225, 215, 255, 1);--color-violet-200: rgba(210, 195, 255, 1);--color-violet-250: rgba(195, 175, 255, 1);--color-violet-300: rgba(181, 156, 255, 1);--color-violet-350: rgba(166, 136, 255, 1);--color-violet-400: rgba(151, 116, 255, 1);--color-violet-450: rgba(136, 96, 255, 1);--color-violet-500: rgba(121, 76, 255, 1);--color-violet-550: rgba(108, 68, 227, 1);--color-violet-600: rgba(94, 59, 198, 1);--color-violet-650: rgba(81, 51, 170, 1);--color-violet-700: rgba(67, 42, 142, 1);--color-violet-750: rgba(54, 34, 113, 1);--color-violet-800: rgba(40, 25, 85, 1);--color-violet-850: rgba(27, 17, 57, 1);--color-violet-900: rgba(13, 8, 28, 1);--color-pink-50: rgba(254, 250, 254, 1);--color-pink-100: rgba(252, 231, 251, 1);--color-pink-150: rgba(250, 207, 246, 1);--color-pink-200: rgba(247, 183, 242, 1);--color-pink-250: rgba(244, 159, 237, 1);--color-pink-300: rgba(242, 135, 233, 1);--color-pink-350: rgba(239, 111, 228, 1);--color-pink-400: rgba(236, 87, 224, 1);--color-pink-450: rgba(234, 63, 219, 1);--color-pink-500: rgba(231, 39, 215, 1);--color-pink-550: rgba(205, 35, 191, 1);--color-pink-600: rgba(180, 30, 167, 1);--color-pink-650: rgba(154, 26, 143, 1);--color-pink-700: rgba(128, 22, 119, 1);--color-pink-750: rgba(103, 17, 96, 1);--color-pink-800: rgba(77, 13, 72, 1);--color-pink-850: rgba(51, 9, 48, 1);--color-pink-900: rgba(26, 4, 24, 1);--color-yellow-50: rgba(255, 254, 250, 1);--color-yellow-100: rgba(253, 252, 231, 1);--color-yellow-150: rgba(251, 248, 208, 1);--color-yellow-200: rgba(248, 245, 184, 1);--color-yellow-250: rgba(246, 242, 160, 1);--color-yellow-300: rgba(244, 238, 137, 1);--color-yellow-350: rgba(242, 235, 113, 1);--color-yellow-400: rgba(239, 232, 89, 1);--color-yellow-450: rgba(237, 228, 66, 1);--color-yellow-500: rgba(235, 225, 42, 1);--color-yellow-550: rgba(209, 200, 37, 1);--color-yellow-600: rgba(183, 175, 33, 1);--color-yellow-650: rgba(157, 150, 28, 1);--color-yellow-700: rgba(131, 125, 23, 1);--color-yellow-750: rgba(104, 100, 19, 1);--color-yellow-800: rgba(78, 75, 14, 1);--color-yellow-850: rgba(52, 50, 9, 1);--color-yellow-900: rgba(26, 25, 5, 1);--color-top-3: #3198DD;--color-top-10: #21936C;--color-top-30: #1ABC9C;--color-top-50: #A6E0A3;--color-top-100: #C7D7D7;--color-top-10000: #FCC94A}:root{--top-line-heihgt: 1.36;--top-page-width: 1180px;--transition: .2s ease-in-out;--transition-fast: .1s;--transition-normal: .3s;--transition-slow: .5s;--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px}.top-comment{color:var(--color-gray-350);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--color-placeholder);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--color-placeholder-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}.ui-tooltip{pointer-events:none;box-shadow:0 6px 18px #0e152f21,0 -2px 6px #0e152f08;border-radius:8px;border:none;background:var(--content-background-color);width:max-content;padding:16px;margin:0 18px;font-size:13px}.ui-tooltip img{margin:12px 0 0}.ui-tooltip ul{margin-left:24px}button,input,textarea,select{border:1px solid var(--top-forms-border-color);color:var(--color-text);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--color-placeholder)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-secondary)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;appearance:none;-webkit-appearance:none}.top-forms-focusable:focus-visible,.top-focus{outline:calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-color);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,.top-input:hover>.top-input_input,.top-select:hover>.top-select_select{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--color-blue-100)}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_xs: 24px;--top-forms-base-height_s: 32px;--top-forms-base-height_m: 36px;--top-forms-base-height_l: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding: 8px;--top-forms-padding_l: 12px;--top-forms-padding_xl: 16px;--top-forms-option-height: 24px;--top-forms-option-color: var(--color-primary);--top-forms-option-color-hover: var(--color-primary-2);--top-select_arrow-width: 0px;--top-forms_clear-width: 0px}.top-size_xs{--top-forms-base-height: var(--top-forms-base-height_xs)}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_m{--top-forms-base-height: var(--top-forms-base-height_m)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-input_input,.top-textarea_textarea,.top-editArea_form,.top-select_select{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;appearance:none;-webkit-appearance:none}.top-select_select{padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));padding-left:max(var(--top-forms-padding),var(--top-icon-both-width))}.top-select{position:relative}.top-select[data-top-icon]:before,.top-select[data-top-icon2]:after{position:absolute;z-index:3}.top-select[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}.top-as-a{cursor:pointer;color:var(--color-text-link)}.top-as-a:hover{text-decoration:underline}.top-ellipsis{max-height:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.23;flex-grow:1}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute;-webkit-appearance:none;appearance:none;border:none}.top-unvisible:focus-visible{outline:none}.top-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:disabled:not(option):not(optgroup):not(.top-forms-option),:disabled~.top-formsCaption,.top-disabled[data-top-icon]:before,.top-disabled[data-top-icon2]:after{opacity:.5;filter:grayscale(100%)}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-negative);border-color:var(--color-negative)}.top-error{--top-icon-color: var(--color-negative);color:var(--color-negative)}.top-error~.top-formsCaption{color:var(--color-negative)}.top-warning{--top-icon-color: var(--color-orange-500);color:var(--color-orange-500)}input.top-error,textarea.top-error,select.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-red-100);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.top-select_arrow{--top-select_arrow-color: var(--color-gray-600);--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}
package/assets/dark.css CHANGED
@@ -1 +1 @@
1
- :root{--color-theme-0: rgba(0, 0, 0, 1);--color-theme-100: rgba(13, 13, 13, 1);--color-theme-150: rgba(22, 23, 24, 1);--color-theme-200: rgba(35, 36, 37, 1);--color-theme-250: rgba(43, 44, 46, 1);--color-theme-300: rgba(51, 53, 56, 1);--color-theme-350: rgba(63, 65, 70, 1);--color-theme-400: rgba(70, 74, 78, 1);--color-theme-450: rgba(91, 97, 105, 1);--color-theme-500: rgba(115, 124, 139, 1);--color-theme-550: rgba(124, 134, 149, 1);--color-theme-600: rgba(132, 142, 157, 1);--color-theme-650: rgba(148, 158, 172, 1);--color-theme-700: rgba(158, 168, 181, 1);--color-theme-750: rgba(183, 191, 203, 1);--color-theme-800: rgba(196, 203, 214, 1);--color-theme-850: rgba(200, 207, 218, 1);--color-theme-900: rgba(208, 215, 226, 1);--color-theme-950: rgba(218, 225, 236, 1);--color-theme-960: rgba(225, 232, 240, 1);--color-theme-970: rgba(233, 238, 245, 1);--color-theme-1000: rgba(255, 255, 255, 1);--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-primary-100: rgba(0, 53, 133, 1);--color-primary-200: rgba(0, 61, 153, 1);--color-primary-300: rgba(0, 90, 224, 1);--color-primary-400: rgba(26, 117, 255, 1);--color-primary-500: rgba(71, 145, 255, 1);--color-primary-600: rgba(102, 163, 255, 1);--color-primary-700: rgba(128, 179, 255, 1);--color-primary-800: rgba(199, 222, 255, 1);--color-primary-900: rgba(250, 252, 255, 1);--color-positive-100: rgba(4, 68, 21, 1);--color-positive-200: rgba(4, 78, 24, 1);--color-positive-300: rgba(6, 116, 35, 1);--color-positive-400: rgba(8, 145, 44, 1);--color-positive-500: rgba(0, 173, 43, 1);--color-positive-600: rgba(0, 189, 47, 1);--color-positive-700: rgba(0, 204, 51, 1);--color-positive-800: rgba(131, 241, 159, 1);--color-positive-900: rgba(240, 255, 244, 1);--color-warning-100: rgba(82, 49, 0, 1);--color-warning-200: rgba(97, 58, 0, 1);--color-warning-300: rgba(143, 86, 0, 1);--color-warning-400: rgba(179, 107, 0, 1);--color-warning-500: rgba(214, 129, 0, 1);--color-warning-600: rgba(235, 141, 0, 1);--color-warning-700: rgba(255, 155, 5, 1);--color-warning-800: rgba(255, 213, 153, 1);--color-warning-900: rgba(255, 251, 245, 1);--color-negative-100: rgba(119, 19, 13, 1);--color-negative-200: rgba(133, 21, 15, 1);--color-negative-300: rgba(197, 31, 22, 1);--color-negative-400: rgba(231, 49, 39, 1);--color-negative-500: rgba(255, 90, 82, 1);--color-negative-600: rgba(255, 119, 112, 1);--color-negative-700: rgba(255, 148, 143, 1);--color-negative-800: rgba(255, 207, 204, 1);--color-negative-900: rgba(255, 250, 250, 1);--color-info-100: rgba(89, 0, 148, 1);--color-info-200: rgba(101, 0, 168, 1);--color-info-300: rgba(147, 0, 245, 1);--color-info-400: rgba(177, 61, 255, 1);--color-info-500: rgba(196, 107, 255, 1);--color-info-600: rgba(206, 133, 255, 1);--color-info-700: rgba(214, 153, 255, 1);--color-info-800: rgba(237, 209, 255, 1);--color-info-900: rgba(252, 250, 255, 1);--color-layer-secondary-1: rgba(217, 227, 242, .06);--color-layer-secondary-2: rgba(217, 227, 242, .12);--color-layer-secondary-3: rgba(217, 227, 242, .18);--color-layer-secondary-4: rgba(217, 227, 242, .24);--color-layer-primary-1: rgba(71, 145, 255, .14);--color-layer-primary-2: rgba(71, 145, 255, .2);--color-layer-primary-3: rgba(71, 145, 255, .3);--color-layer-primary-4: rgba(71, 145, 255, .4);--color-layer-positive-1: rgba(0, 173, 43, .14);--color-layer-positive-2: rgba(0, 173, 43, .2);--color-layer-positive-3: rgba(0, 173, 43, .3);--color-layer-positive-4: rgba(0, 173, 43, .4);--color-layer-warning-1: rgba(214, 129, 0, .14);--color-layer-warning-2: rgba(214, 129, 0, .2);--color-layer-warning-3: rgba(214, 129, 0, .3);--color-layer-warning-4: rgba(214, 129, 0, .4);--color-layer-negative-1: rgba(255, 90, 82, .14);--color-layer-negative-2: rgba(255, 90, 82, .2);--color-layer-negative-3: rgba(255, 90, 82, .3);--color-layer-negative-4: rgba(255, 90, 82, .4);--color-layer-info-1: rgba(196, 107, 255, .14);--color-layer-info-2: rgba(196, 107, 255, .2);--color-layer-info-3: rgba(196, 107, 255, .3);--color-layer-info-4: rgba(196, 107, 255, .4);--color-top-3: #3198DD;--color-top-10: #21936C;--color-top-30: #1ABC9C;--color-top-50: #A6E0A3;--color-top-100: #C7D7D7;--color-top-10000: #FCC94A;--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .12);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, 0)}:root{--color-bg-1: var(--color-theme-100);--color-bg-2: var(--color-theme-150);--color-bg-3: var(--color-theme-250);--color-bg-secondary-1: var(--color-theme-300);--color-bg-primary-1: var(--color-primary-300);--color-bg-primary-2: var(--color-primary-400);--color-bg-primary-3: var(--color-primary-600);--color-bg-positive-1: var(--color-positive-200);--color-bg-positive-2: var(--color-positive-600);--color-bg-warning-1: var(--color-warning-300);--color-bg-warning-2: var(--color-warning-700);--color-bg-negative-1: var(--color-negative-300);--color-bg-negative-2: var(--color-negative-400);--color-bg-info-1: var(--color-info-200);--color-bg-info-2: var(--color-info-400);--color-text-1: var(--color-theme-970);--color-text-2: var(--color-theme-700);--color-text-3: var(--color-theme-500);--color-text-4: var(--color-theme-450);--color-text-1-inverse: var(--color-theme-100);--color-text-white: var(--color-white);--color-text-primary-1: var(--color-primary-600);--color-text-primary-2: var(--color-primary-500);--color-text-primary-3: var(--color-primary-400);--color-text-positive-1: var(--color-positive-600);--color-text-positive-2: var(--color-positive-500);--color-text-positive-3: var(--color-positive-400);--color-text-warning-1: var(--color-warning-600);--color-text-warning-2: var(--color-warning-500);--color-text-warning-3: var(--color-warning-400);--color-text-negative-1: var(--color-negative-600);--color-text-negative-2: var(--color-negative-500);--color-text-negative-3: var(--color-negative-400);--color-text-info-1: var(--color-info-600);--color-text-info-2: var(--color-info-500);--color-text-info-3: var(--color-info-400);--color-line-1: var(--color-theme-350);--color-line-2: var(--color-theme-400);--color-line-3: var(--color-theme-500);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(68, 74, 87, .67);--color-line-3-opacity: rgba(104, 110, 126, .67);--color-line-primary-1: var(--color-primary-400);--color-line-primary-2: var(--color-primary-600);--color-line-positive-1: var(--color-positive-400);--color-line-positive-2: var(--color-positive-600);--color-line-warning-1: var(--color-warning-400);--color-line-warning-2: var(--color-warning-600);--color-line-negative-1: var(--color-negative-400);--color-line-negative-2: var(--color-negative-600);--color-line-info-1: var(--color-info-400);--color-line-info-2: var(--color-info-600);--color-icon-1: var(--color-theme-970);--color-icon-2: var(--color-theme-750);--color-icon-3: var(--color-theme-500);--color-icon-4: var(--color-theme-450);--color-icon-1-inverse: var(--color-theme-100);--color-icon-white: var(--color-white);--color-icon-primary-1: var(--color-primary-400);--color-icon-primary-2: var(--color-primary-600);--color-icon-positive-1: var(--color-positive-400);--color-icon-positive-2: var(--color-positive-500);--color-icon-warning-1: var(--color-warning-600);--color-icon-warning-2: var(--color-warning-700);--color-icon-negative-1: var(--color-negative-500);--color-icon-negative-2: var(--color-negative-600);--color-icon-info-1: var(--color-info-400);--color-icon-info-2: var(--color-info-500);--scroll-thumb-color: var(--color-theme-250);--scroll-thumb-color-hover: var(--color-theme-300);--scroll-thumb-color-active: var(--color-theme-400);--body-background-color: var(--content-background-color);--content-background-color: var(--color-bg-3)}:root{--top-forms-color: var(--color-text-1);--top-forms-color-disabled: var(--color-text-3);--top-forms-option-text-color: var(--color-text-primary-1);--top-forms-option-text-color-hover: var(--color-text-primary-2);--top-forms-icon-color: var(--color-icon-1);--top-forms-icon-color-disabled: var(--color-icon-4);--top-forms-option-icon-color: var(--color-icon-primary-1);--top-forms-option-icon-color-hover: var(--color-icon-primary-2);--top-forms-border-color: var(--color-line-1);--top-forms-border-color-hover: var(--color-line-3);--top-forms-border-color-active-hover: var(--color-line-primary-2);--top-forms-border-color-disabled: var(--color-line-3);--top-forms-option-border-color: var(--color-line-primary-1);--top-forms-option-border-color-hover: var(--color-line-primary-2);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-disabled: var(--color-text-4);--top-forms-background-color: var(--color-bg-3);--top-forms-background-color-hover: var(--color-bg-3)}
1
+ :root{--color-primary: var(--color-blue-450);--color-primary-light: var(--color-blue-800);--color-primary-light-opacity: rgba(1, 40, 100, .75);--color-primary-2: var(--color-blue-500);--color-primary-2-light: var(--color-blue-750);--color-primary-2-light-opacity: rgba(0, 59, 146, .64);--color-secondary-opacity: rgba(193, 203, 215, .16);--color-secondary-2-opacity: rgba(193, 203, 215, .32);--color-secondary-3-opacity: rgba(193, 203, 215, .38);--color-positive: var(--color-green-450);--color-positive-opacity: rgba(0, 102, 44, .75);--color-positive-light: var(--color-green-800);--color-positive-light-opacity: rgba(0, 89, 38, .47);--color-positive-2: var(--color-green-500);--color-positive-2-light: var(--color-green-750);--color-positive-2-light-opacity: rgba(0, 102, 44, .75);--color-warning: var(--color-orange-450);--color-warning-opacity: rgba(255, 170, 51, .3);--color-warning-light: var(--color-orange-800);--color-warning-light-opacity: rgba(109, 64, 1, .61);--color-warning-2: var(--color-orange-500);--color-warning-2-light: var(--color-orange-750);--color-warning-2-light-opacity: rgba(161, 97, 0, .58);--color-negative: var(--color-red-450);--color-negative-opacity: rgba(234, 65, 50, .3);--color-negative-light: var(--color-red-800);--color-negative-light-opacity: rgba(117, 10, 0, .5);--color-negative-2: var(--color-red-500);--color-negative-2-light: var(--color-red-750);--color-negative-2-light-opacity: rgba(136, 23, 0, .66);--color-text-1: var(--color-theme-975);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-550);--color-text-4: var(--color-theme-450);--color-text: var(--color-text-1);--color-text-secondary: var(--color-gray-750);--color-text-secondary-2: var(--color-gray-650);--color-text-link: var(--color-blue-500);--color-text-link-hover: var(--color-blue-450);--color-overlay: rgba(0, 0, 0, .3);--color-placeholder: var(--color-gray-350);--color-placeholder-active: var(--color-gray-450);--color-bg-1: rgba(21, 23, 25, 1);--color-bg-2: rgba(26, 28, 31, 1);--color-bg-3: rgba(38, 41, 46, 1);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(68, 74, 87, .67);--color-line-3-opacity: rgba(104, 110, 126, .67);--scroll-thumb-color: var(--color-gray-750);--scroll-thumb-color-hover: var(--color-gray-700);--scroll-thumb-color-active: var(--color-gray-650);--body-background-color: var(--content-background-color);--content-background-color: var(--color-bg-3);--color-theme-0: var(--color-bg-3);--color-theme-25: rgba(40, 43, 48, 1);--color-theme-50: rgba(41, 45, 51, 1);--color-theme-75: rgba(44, 49, 56, 1);--color-theme-100: rgba(48, 52, 59, 1);--color-theme-125: rgba(52, 56, 64, 1);--color-theme-150: rgba(54, 59, 69, 1);--color-theme-200: rgba(58, 63, 74, 1);--color-theme-250: rgba(61, 66, 77, 1);--color-theme-300: rgba(64, 70, 82, 1);--color-theme-350: rgba(68, 74, 87, 1);--color-theme-400: rgba(75, 81, 94, 1);--color-theme-450: rgba(82, 87, 99, 1);--color-theme-500: rgba(90, 95, 107, 1);--color-theme-525: rgba(98, 103, 115, 1);--color-theme-550: rgba(108, 112, 122, 1);--color-theme-600: rgba(116, 120, 130, 1);--color-theme-650: rgba(128, 131, 140, 1);--color-theme-700: rgba(142, 145, 153, 1);--color-theme-750: rgba(157, 160, 166, 1);--color-theme-800: rgba(174, 177, 184, 1);--color-theme-850: rgba(193, 196, 201, 1);--color-theme-875: rgba(211, 214, 219, 1);--color-theme-900: rgba(235, 237, 240, 1);--color-theme-925: rgba(240, 242, 245, 1);--color-theme-950: rgba(245, 246, 247, 1);--color-theme-975: rgba(250, 251, 252, 1);--color-theme-1000: rgba(255, 255, 255, 1);--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .07);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .14)}:root{--top-forms-color: var(--color-text-1);--top-forms-color-disabled: var(--color-text-3);--top-forms-border-color: var(--color-line-2-opacity);--top-forms-border-color-hover: var(--color-primary);--top-forms-border-color-disabled: var(--color-line-1-opacity);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-disabled: var(--color-text-4);--top-forms-background-color: var(--color-bg-3);--top-forms-background-color-hover: var(--color-bg-3)}
package/assets/forms.css CHANGED
@@ -1 +1 @@
1
- .top-avatar{width:var(--4445d71e);height:var(--4445d71e);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-bg-positive-2);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1f1nw_1 1s linear infinite}@keyframes _progress_1f1nw_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-bg-primary-2)}.top-button.top-color_green{--top-button-background-color: var(--color-bg-positive-2)}.top-button.top-color_orange{--top-button-background-color: var(--color-bg-warning-2)}.top-button.top-color_red{--top-button-background-color: var(--color-bg-negative-2)}.top-button.top-color_pink{--top-button-background-color: var(--color-bg-info-2)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-layer-secondary-2);--top-button-background-color-active: var(--color-layer-secondary-4);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-color_theme:hover{--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-line-2);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--top-button-background-color-hover);--top-button-background-color-active: var(--top-button-background-color-active);--top-button-background-color-selected: var(--top-button-background-color-selected);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-style_outline-color: var(--color-line-3);--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-2);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_outline.top-color_theme:hover{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-style_outline.top-color_blue{--top-button-color: var(--color-text-primary-2);--top-style_outline-color: var(--color-line-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color-hover: var(--color-layer-primary-1);--top-button-background-color-active: var(--color-layer-primary-2);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_outline.top-color_blue:hover{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-2);--top-icon2-color: var(--color-icon-primary-2)}.top-button.top-style_outline.top-color_green{--top-button-color: var(--color-text-positive-2);--top-style_outline-color: var(--color-line-positive-1);--top-button-background-color-hover: var(--color-layer-positive-1);--top-button-background-color-active: var(--color-layer-positive-2);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_outline.top-color_green:hover{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-2);--top-icon2-color: var(--color-icon-positive-2)}.top-button.top-style_outline.top-color_orange{--top-button-color: var(--color-text-warning-2);--top-style_outline-color: var(--color-line-warning-1);--top-button-background-color-hover: var(--color-layer-warning-1);--top-button-background-color-active: var(--color-layer-warning-2);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_outline.top-color_orange:hover{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-2);--top-icon2-color: var(--color-icon-warning-2)}.top-button.top-style_outline.top-color_red{--top-button-color: var(--color-text-negative-2);--top-style_outline-color: var(--color-line-negative-1);--top-button-background-color-hover: var(--color-layer-negative-1);--top-button-background-color-active: var(--color-layer-negative-2);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_outline.top-color_red:hover{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-2);--top-icon2-color: var(--color-icon-negative-2)}.top-button.top-style_outline.top-color_pink{--top-button-color: var(--color-text-info-2);--top-style_outline-color: var(--color-line-info-1);--top-button-background-color-hover: var(--color-layer-info-1);--top-button-background-color-active: var(--color-layer-info-2);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_outline.top-color_pink:hover{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-2);--top-icon2-color: var(--color-icon-info-2)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none}.top-button.top-style_soft.top-color_theme{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);--top-button-background-color: var(--color-layer-secondary-1);--top-button-background-color-hover: var(--color-layer-secondary-2);--top-button-background-color-active: var(--color-layer-secondary-4);--top-button-background-color-selected: var(--color-layer-secondary-3)}.top-button.top-style_soft.top-color_theme:hover{--top-button-color: var(--color-text-1);--top-icon-color: var(--color-icon-1);--top-icon2-color: var(--color-icon-1)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-text-primary-1);--top-icon-color: var(--color-icon-primary-1);--top-icon2-color: var(--color-icon-primary-1);--top-button-background-color: var(--color-layer-primary-1);--top-button-background-color-hover: var(--color-layer-primary-2);--top-button-background-color-active: var(--color-layer-primary-4);--top-button-background-color-selected: var(--color-layer-primary-3)}.top-button.top-style_soft.top-color_blue:hover{--top-icon-color: var(--color-icon-primary-2);--top-icon2-color: var(--color-icon-primary-2)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-text-positive-1);--top-icon-color: var(--color-icon-positive-1);--top-icon2-color: var(--color-icon-positive-1);--top-button-background-color: var(--color-layer-positive-1);--top-button-background-color-hover: var(--color-layer-positive-2);--top-button-background-color-active: var(--color-layer-positive-4);--top-button-background-color-selected: var(--color-layer-positive-3)}.top-button.top-style_soft.top-color_green:hover{--top-icon-color: var(--color-icon-positive-2);--top-icon2-color: var(--color-icon-positive-2)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-text-warning-1);--top-icon-color: var(--color-icon-warning-1);--top-icon2-color: var(--color-icon-warning-1);--top-button-background-color: var(--color-layer-warning-1);--top-button-background-color-hover: var(--color-layer-warning-2);--top-button-background-color-active: var(--color-layer-warning-4);--top-button-background-color-selected: var(--color-layer-warning-3)}.top-button.top-style_soft.top-color_orange:hover{--top-icon-color: var(--color-icon-warning-2);--top-icon2-color: var(--color-icon-warning-2)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-text-negative-1);--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1);--top-button-background-color: var(--color-layer-negative-1);--top-button-background-color-hover: var(--color-layer-negative-2);--top-button-background-color-active: var(--color-layer-negative-4);--top-button-background-color-selected: var(--color-layer-negative-3)}.top-button.top-style_soft.top-color_red:hover{--top-icon-color: var(--color-icon-negative-2);--top-icon2-color: var(--color-icon-negative-2)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-text-info-1);--top-icon-color: var(--color-icon-info-1);--top-icon2-color: var(--color-icon-info-1);--top-button-background-color: var(--color-layer-info-1);--top-button-background-color-hover: var(--color-layer-info-2);--top-button-background-color-active: var(--color-layer-info-4);--top-button-background-color-selected: var(--color-layer-info-3)}.top-button.top-style_soft.top-color_pink:hover{--top-icon-color: var(--color-icon-info-2);--top-icon2-color: var(--color-icon-info-2)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue,.top-button.top-style_transparent.top-color_green,.top-button.top-style_transparent.top-color_orange,.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-text-1)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-text-info-1)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{color:var(--color-text-1);min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-border-color-hover);background:var(--color-theme-100)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--color-bg-primary-2);background:var(--color-bg-primary-2)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--color-bg-primary-1);background:var(--color-bg-primary-1)}.top-checkbox_input:disabled{border-color:var(--color-line-1);background:var(--color-theme-100)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-bg-negative-2)}.top-checkbox_input.top-error:hover{border-color:var(--color-bg-negative-1)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-bg-negative-2)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-bg-negative-1)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-icon-3);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-icon-2)}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{color:var(--color-text-2);background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{color:var(--color-text-1);border-color:var(--color-line-primary-1);outline:none}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);position:absolute;z-index:3;font-size:20px}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-icon-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-icon-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--color-line-3);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--color-line-3);background:var(--color-layer-secondary-1)}.top-radio_input:checked{border-color:var(--color-line-primary-1);border-width:5px}.top-radio_input:checked:hover{border-color:var(--color-line-primary-2)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-100)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-line-negative-1)}.top-radio_input.top-error:hover{border-color:var(--color-line-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-layer-secondary-2);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-layer-secondary-4)}.top-checkboxSwitcher_input:checked{background:var(--color-bg-primary-2)}.top-checkboxSwitcher_input:checked:hover{background:var(--color-bg-primary-1)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-layer-negative-3)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-layer-negative-4)}.top-checkboxSwitcher_input.top-error:checked{background:var(--color-bg-negative-2)}.top-checkboxSwitcher_input.top-error:checked:hover{background:var(--color-bg-negative-1)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{color:var(--color-text-1);background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--6e3fbb58);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{color:var(--color-text-1);--top-icon-color: var(--color-icon-2);--top-icon2-color: var(--color-icon-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-icon-negative-1);--top-icon2-color: var(--color-icon-negative-1)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:disabled{color:var(--color-text-3)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option{background:var(--content-background-color);color:var(--color-text-1)}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-line-primary-2)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}
1
+ .top-avatar{width:var(--ed0c8a30);height:var(--ed0c8a30);display:flex;flex-grow:0;flex-shrink:0;position:relative;top:0;left:0}.top-avatar_image{border-radius:50%;width:100%;height:100%}.top-avatar_status{border-radius:50%;border:2px solid var(--content-background-color);background-color:var(--color-green-500);width:25%;height:25%;position:absolute;right:0;bottom:0}.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1f1nw_1 1s linear infinite}@keyframes _progress_1f1nw_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty):not(.top-button-withoutText),.top-button[data-top-icon2]:not(:empty):not(.top-button-withoutText){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty,.top-button.top-button-withoutText{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty,.top-button[data-top-icon].top-button-withoutText,.top-button[data-top-icon2].top-button-withoutText{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-blue-500)}.top-button.top-color_green{--top-button-background-color: var(--color-green-500)}.top-button.top-color_orange{--top-button-background-color: var(--color-orange-500)}.top-button.top-color_red{--top-button-background-color: var(--color-red-500)}.top-button.top-color_pink{--top-button-background-color: var(--color-pink-500)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-secondary-opacity);--top-button-background-color-active: var(--color-secondary-2-opacity);--top-button-background-color-selected: var(--color-secondary-2-opacity)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-steel-400);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text)}.top-button.top-style_outline.top-color_blue{--top-style_outline-color: var(--color-blue-500)}.top-button.top-style_outline.top-color_green{--top-style_outline-color: var(--color-green-500)}.top-button.top-style_outline.top-color_orange{--top-style_outline-color: var(--color-orange-500)}.top-button.top-style_outline.top-color_red{--top-style_outline-color: var(--color-red-500)}.top-button.top-style_outline.top-color_pink{--top-style_outline-color: var(--color-pink-500)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: var(--color-secondary-opacity);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-blue-550)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-orange-500)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-green-500)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-red-500)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-pink-500)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-blue-450)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-green-450)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-orange-450)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-red-450)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-pink-450)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-2);font-size:.85em;line-height:var(--top-forms-option-height)}.top-forms-optionLabel_description-disabled{color:var(--color-text-3)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-negative)}.top-checkbox_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-negative)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-text-4);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-3)}.top-input{--top-forms_clear-width: 0px;border-radius:var(--top-forms-radius);width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-text-secondary);--top-icon2-color: var(--color-text-secondary);position:absolute;z-index:3}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 16px;--top-icon-width: 20px;--top-icon-color: var(--color-text-3);cursor:pointer;border-radius:50%;width:20px;height:16px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-text-2)}.top-input_input{width:50%;flex-grow:1}.top-input .top-loadbar{border-radius:var(--top-forms-radius) 0 0 0}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}.top-inputRange{max-width:320px;vertical-align:baseline;display:inline-flex;gap:8px}.top-inputRange_dash{height:var(--top-forms-base-height);color:var(--color-text-4);align-self:flex-end;display:inline-flex;align-items:center}.top-inputRange>.top-input{flex-grow:1}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--top-forms-option-color-hover)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-negative)}.top-radio_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-theme-100);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-theme-150)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-negative)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-negative-2)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--c838a038);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{--top-icon-color: var(--color-text-3);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;display:inline-flex}.top-select-error{--top-icon-color: var(--color-negative);--top-icon2-color: var(--color-negative)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-select_select:disabled{background:var(--color-theme-50)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option{background:var(--content-background-color);color:var(--color-text-1)}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-secondary-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}:root{--top-loadbar-duration: 10s;--top-loadbar-color: var(--color-blue-500)}.top-loadbar{background:var(--top-loadbar-color);width:0;height:4px;position:absolute;top:0;left:0;animation:top-loadbar var(--top-loadbar-duration) forwards}@keyframes top-loadbar{0%{width:4px}4%{width:4%}5%{width:5%}to{width:95%}}
@@ -1 +1 @@
1
- .top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{flex-direction:column}.top-editArea_form:hover{border-color:var(--top-forms-border-color-hover)}.top-editArea_form.top-focus{border-color:var(--color-line-primary-1);outline:none}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-bg-2);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{color:var(--color-text-2);cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:400;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{color:var(--color-text-1);pointer-events:none;background-color:var(--color-bg-secondary-1);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-line-primary-1)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-line-primary-1);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-line-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-100)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}.top-selector2_itemMulti{box-sizing:border-box;padding-left:var(--top-padding-2);border-radius:var(--top-radius-1, 4px);border:1px solid var(--color-line-primary-1);background:var(--color-layer-primary-2);min-height:22px;max-width:100%;color:var(--color-text-1);flex-grow:0;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-selector2_itemMultiDelete{--top-icon-size: 14px;--top-icon-width: 18px;--top-icon-color: var(--color-icon-1);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.top-selector2_itemMultiDelete:hover{background:var(--color-layer-primary-2)}@media screen and (min-width: 900px){.top-selector2.top-active .top-selector2_itemMultiDelete{z-index:calc(var(--top-popup-z-index) + 1)}}.top-selector2{width:180px;min-height:var(--top-forms-base-height);box-sizing:border-box;position:relative;display:flex;overflow:hidden;padding:var(--top-padding-1) var(--top-forms-padding);color:var(--top-forms-placeholder-color);border-radius:var(--top-radius-2);border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color)}.top-selector2-multiselect{width:unset;min-width:180px;padding:var(--top-padding-1)}.top-selector2.top-active{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-selector2_activeItems{display:flex;flex-wrap:wrap;gap:var(--top-padding-1);max-width:100%}.top-selector2_activeName{white-space:nowrap}.top-changer-selector{transform:translate(-16px)}.top-menu{--scroll-thumb-color: var(--color-line-1);--scroll-thumb-color-hover: var(--color-line-2);--scroll-thumb-color-active: var(--color-line-3);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu>.top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;margin:0;flex-shrink:0}.top-menu>.top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu.top-style_default>.top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-menu.top-style_default>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2-opacity)}.top-menu.top-style_default>.top-menu_item:active,.top-menu.top-style_default>.top-menu_item.top-active{--top-icon-color: var(--color-icon-primary-2);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-primary-1)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2-opacity);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar>.top-menu_item{--top-button-background-color-hover: var(--color-layer-secondary-1);--top-button-background-color-active: var(--color-layer-secondary-2);--top-button-background-color-selected: var(--color-layer-primary-1);position:relative}.top-menu.top-style_bar>.top-menu_item:hover{--top-icon-color: var(--color-icon-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar>.top-menu_item.top-active{--top-icon-color: var(--color-icon-primary-2);--top-button-color: var(--color-text-primary-1)}.top-menu.top-style_bar>.top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar>.top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar>.top-menu_item:hover+.top-menu_item:after{content:none!important}.top-menu.top-unwrap-x{padding-right:var(--top-unwrap-x);padding-left:var(--top-unwrap-x);margin-right:calc(0px - var(--top-unwrap-x));margin-left:calc(0px - var(--top-unwrap-x))}
1
+ .top-editArea{display:flex;flex-direction:column;gap:6px}.top-editArea_title{font-size:12px}.top-editArea_form{background:var(--top-forms-background-color);outline-color:var(--color-theme-75);outline-offset:0;display:flex;flex-direction:column}.top-editArea_form:hover{background:var(--top-forms-background-color-hover)}.top-textarea{width:100%}.top-editArea_element.top-textarea_textarea{border:none;outline:none;animation:none}.top-editArea_footer{padding:var(--top-forms-padding);display:flex;justify-content:flex-end;gap:var(--top-forms-padding)}.top-editArea-attachedToKeyboard{background:var(--top-forms-background-color);margin-bottom:env(keyboard-inset-height,0);position:fixed;bottom:0;right:0;left:0;z-index:2;gap:0}.top-editArea-attachedToKeyboard .top-editArea_form{border-radius:0;border:none;border-top:1px solid var(--top-forms-border-color)}.top-editArea-attachedToKeyboard .top-editArea_title{border-top:1px solid var(--color-line-2-opacity);padding:var(--top-forms-padding)}.top-editArea-attachedToKeyboard .top-editArea_footer>[data-top-icon]{border-radius:100%}.top-editInput{width:220px;flex-grow:1;display:flex;align-items:flex-end;gap:var(--top-gap-1)}.top-editInput .top-input{width:unset;flex-grow:1}.top-scrollBarXHidding{scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.top-scrollBarXHidding:hover{scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar{height:6px;display:none}.top-scrollBarXHidding:hover::-webkit-scrollbar{display:block;scrollbar-width:thin}.top-scrollBarXHidding::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset #0000000f 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:hover{box-shadow:inset #00000014 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-track:active{box-shadow:inset #0000001a 0 0 0 10px}.top-scrollBarXHidding::-webkit-scrollbar-thumb{background-color:var(--color-line-1-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:hover{background-color:var(--color-line-2-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-thumb:active{background-color:var(--color-line-3-opacity)}.top-scrollBarXHidding::-webkit-scrollbar-button{width:0;height:0}.top-radioGroup{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;background-color:var(--color-theme-50);height:var(--top-forms-base-height);padding:2px;gap:2px;display:flex;align-items:flex-start}.top-radioGroup_item{cursor:pointer;box-sizing:border-box;border-radius:6px;height:calc(var(--top-forms-base-height) - 4px);padding:0 16px;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-grow:1;gap:4px}.top-radioGroup_item:hover{background-color:var(--color-theme-25);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_item-selected{pointer-events:none;background-color:var(--color-bg-3);box-shadow:0 4px 32px #0409541a,0 0 4px #04095414}.top-radioGroup_circle{content:"";box-sizing:border-box;border:1px solid var(--color-line-3-opacity);border-radius:50%;padding:3px;margin-left:auto;width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radioGroup_item:hover .top-radioGroup_circle:before{border-color:var(--color-primary)}.top-radioGroup_item-selected .top-radioGroup_circle{border-color:var(--color-primary);border-width:5px}.top-radioGroup_item-selected:hover .top-radioGroup_circle{border-color:var(--color-primary-2)}.top-radioGroup_item.top-disabled{--top-icon-color: var(--color-text-3);color:var(--color-text-3)}.top-radioGroup_item.top-disabled .top-radioGroup_circle{border-color:var(--color-theme-400);background-color:var(--color-theme-50)}.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle{border-color:var(--color-negative)}.top-selector2_itemMulti{box-sizing:border-box;padding-left:var(--top-padding-2);border-radius:var(--top-radius-1, 4px);border:1px solid var(--color-primary);background:var(--color-primary-light);min-height:22px;max-width:100%;color:var(--color-text-1);flex-grow:0;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-selector2_itemMultiDelete{--top-icon-size: 14px;--top-icon-width: 18px;--top-icon-color: var(--color-text-1);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.top-selector2_itemMultiDelete:hover{background:var(--color-primary-2-light-opacity)}@media screen and (min-width: 900px){.top-selector2.top-active .top-selector2_itemMultiDelete{z-index:calc(var(--top-popup-z-index) + 1)}}.top-selector2{width:180px;min-height:var(--top-forms-base-height);box-sizing:border-box;position:relative;display:flex;overflow:hidden;padding:var(--top-padding-1) var(--top-forms-padding);color:var(--top-forms-placeholder-color);border-radius:var(--top-radius-2);border:1px solid var(--top-forms-border-color);background:var(--top-forms-background-color)}.top-selector2-multiselect{width:unset;min-width:180px;padding:var(--top-padding-1)}.top-selector2.top-active{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-selector2_activeItems{display:flex;flex-wrap:wrap;gap:var(--top-padding-1);max-width:100%}.top-selector2_activeName{white-space:nowrap}.top-changer-selector{transform:translate(-16px)}.top-menu{--scroll-thumb-color: var(--color-line-1-opacity);--scroll-thumb-color-hover: var(--color-line-2-opacity);--scroll-thumb-color-active: var(--color-line-2-opacity);max-width:100%;display:flex;align-items:flex-start;gap:var(--top-gap-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.top-menu::-webkit-scrollbar{display:none}.top-menu>.top-menu_item{--top-button-color: var(--color-text-2);outline-offset:-2px!important;min-width:0;margin:0;flex-shrink:0}.top-menu>.top-menu_item[data-top-icon]{--top-icon-color: var(--color-text-2)}.top-menu.top-style_default>.top-menu_item{--top-forms-radius: 0;--top-forms-border-color: transparent;--top-forms-border-width: 2px;filter:none;box-shadow:none;border:none;border-bottom:var(--top-forms-border-width) solid var(--top-forms-border-color);background:none}.top-menu.top-style_default>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-line-2-opacity)}.top-menu.top-style_default>.top-menu_item:active,.top-menu.top-style_default>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-text-1);--top-forms-border-color: var(--color-primary)}.top-menu.top-style_bar{border-radius:var(--top-radius-3);border:1px solid var(--color-line-2-opacity);padding:var(--top-padding-1);gap:3px}.top-menu.top-style_bar>.top-menu_item{--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-primary-light-opacity);--top-button-background-color-selected: var(--color-primary-light-opacity);position:relative}.top-menu.top-style_bar>.top-menu_item:hover{--top-icon-color: var(--color-text-1);--top-button-color: var(--color-text-1)}.top-menu.top-style_bar>.top-menu_item.top-active{--top-icon-color: var(--color-primary);--top-button-color: var(--color-primary)}.top-menu.top-style_bar>.top-menu_item:not(:first-child):not(.top-active):not(:hover):after{content:"";background:var(--color-line-1-opacity);width:1px;height:60%;display:block;position:absolute;left:-2px}.top-menu.top-style_bar>.top-menu_item.top-active+.top-menu_item:after,.top-menu.top-style_bar>.top-menu_item:hover+.top-menu_item:after{content:none!important}.top-menu.top-unwrap-x{padding-right:var(--top-unwrap-x);padding-left:var(--top-unwrap-x);margin-right:calc(0px - var(--top-unwrap-x));margin-left:calc(0px - var(--top-unwrap-x))}
package/assets/light.css CHANGED
@@ -1 +1 @@
1
- :root{--color-theme-0: rgba(255, 255, 255, 1);--color-theme-100: rgba(243, 246, 250, 1);--color-theme-150: rgba(229, 235, 243, 1);--color-theme-200: rgba(219, 226, 236, 1);--color-theme-250: rgba(204, 211, 222, 1);--color-theme-300: rgba(191, 199, 210, 1);--color-theme-350: rgba(172, 181, 193, 1);--color-theme-400: rgba(160, 170, 182, 1);--color-theme-450: rgba(131, 141, 156, 1);--color-theme-500: rgba(104, 112, 124, 1);--color-theme-550: rgba(96, 103, 113, 1);--color-theme-600: rgba(89, 95, 104, 1);--color-theme-650: rgba(78, 82, 89, 1);--color-theme-700: rgba(72, 75, 80, 1);--color-theme-750: rgba(56, 58, 62, 1);--color-theme-800: rgba(48, 50, 52, 1);--color-theme-850: rgba(45, 47, 48, 1);--color-theme-900: rgba(40, 41, 42, 1);--color-theme-950: rgba(33, 33, 34, 1);--color-theme-960: rgba(28, 28, 29, 1);--color-theme-970: rgba(22, 22, 23, 1);--color-theme-1000: rgba(0, 0, 0, 1);--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-primary-100: rgba(219, 234, 255, 1);--color-primary-200: rgba(189, 215, 255, 1);--color-primary-300: rgba(122, 175, 255, 1);--color-primary-400: rgba(61, 139, 255, 1);--color-primary-500: rgba(10, 108, 255, 1);--color-primary-600: rgba(0, 94, 235, 1);--color-primary-700: rgba(0, 84, 209, 1);--color-primary-800: rgba(0, 53, 133, 1);--color-primary-900: rgba(0, 31, 77, 1);--color-positive-100: rgba(195, 244, 207, 1);--color-positive-200: rgba(135, 232, 159, 1);--color-positive-300: rgba(52, 199, 89, 1);--color-positive-400: rgba(0, 163, 41, 1);--color-positive-500: rgba(0, 138, 34, 1);--color-positive-600: rgba(0, 122, 31, 1);--color-positive-700: rgba(0, 107, 27, 1);--color-positive-800: rgba(9, 73, 25, 1);--color-positive-900: rgba(5, 46, 15, 1);--color-warning-100: rgba(255, 218, 199, 1);--color-warning-200: rgba(255, 197, 168, 1);--color-warning-300: rgba(255, 129, 66, 1);--color-warning-400: rgba(255, 85, 0, 1);--color-warning-500: rgba(209, 73, 5, 1);--color-warning-600: rgba(189, 63, 0, 1);--color-warning-700: rgba(168, 56, 0, 1);--color-warning-800: rgba(107, 36, 0, 1);--color-warning-900: rgba(61, 20, 0, 1);--color-negative-100: rgba(255, 226, 224, 1);--color-negative-200: rgba(255, 202, 199, 1);--color-negative-300: rgba(255, 124, 117, 1);--color-negative-400: rgba(255, 59, 48, 1);--color-negative-500: rgba(235, 12, 0, 1);--color-negative-600: rgba(209, 10, 0, 1);--color-negative-700: rgba(189, 9, 0, 1);--color-negative-800: rgba(122, 6, 0, 1);--color-negative-900: rgba(71, 4, 0, 1);--color-info-100: rgba(241, 229, 255, 1);--color-info-200: rgba(229, 209, 255, 1);--color-info-300: rgba(197, 153, 255, 1);--color-info-400: rgba(171, 107, 255, 1);--color-info-500: rgba(151, 71, 255, 1);--color-info-600: rgba(134, 41, 255, 1);--color-info-700: rgba(116, 10, 255, 1);--color-info-800: rgba(73, 0, 168, 1);--color-info-900: rgba(44, 0, 102, 1);--color-layer-secondary-1: rgba(81, 107, 147, .06);--color-layer-secondary-2: rgba(81, 107, 147, .12);--color-layer-secondary-3: rgba(81, 107, 147, .18);--color-layer-secondary-4: rgba(81, 107, 147, .24);--color-layer-primary-1: rgba(10, 108, 255, .06);--color-layer-primary-2: rgba(10, 108, 255, .12);--color-layer-primary-3: rgba(10, 108, 255, .18);--color-layer-primary-4: rgba(10, 108, 255, .24);--color-layer-positive-1: rgba(0, 138, 34, .06);--color-layer-positive-2: rgba(0, 138, 34, .12);--color-layer-positive-3: rgba(0, 138, 34, .18);--color-layer-positive-4: rgba(0, 138, 34, .24);--color-layer-warning-1: rgba(209, 73, 5, .06);--color-layer-warning-2: rgba(209, 73, 5, .12);--color-layer-warning-3: rgba(209, 73, 5, .18);--color-layer-warning-4: rgba(209, 70, 0, .24);--color-layer-negative-1: rgba(235, 12, 0, .06);--color-layer-negative-2: rgba(235, 12, 0, .12);--color-layer-negative-3: rgba(235, 12, 0, .18);--color-layer-negative-4: rgba(235, 12, 0, .24);--color-layer-info-1: rgba(151, 71, 255, .06);--color-layer-info-2: rgba(151, 71, 255, .12);--color-layer-info-3: rgba(151, 71, 255, .18);--color-layer-info-4: rgba(151, 71, 255, .24);--color-top-3: #3198DD;--color-top-10: #21936C;--color-top-30: #1ABC9C;--color-top-50: #A6E0A3;--color-top-100: #C7D7D7;--color-top-10000: #FCC94A;--top-shadow-s: 0px 0px 3px rgba(112, 144, 176, .07), 0px 5px 25px rgba(112, 144, 176, .12);--top-shadow: 0px 0px 4px rgba(4, 9, 84, .08), 0px 4px 32px rgba(4, 9, 84, .1);--top-shadow-b: 0px 0px 4px rgba(4, 36, 84, .08), 0px 18px 32px rgba(4, 25, 84, .18);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .09);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .18)}:root{--color-bg-1: var(--color-theme-150);--color-bg-2: var(--color-theme-100);--color-bg-3: var(--color-theme-0);--color-bg-secondary-1: var(--color-theme-0);--color-bg-primary-1: var(--color-primary-700);--color-bg-primary-2: var(--color-primary-500);--color-bg-primary-3: var(--color-primary-300);--color-bg-positive-1: var(--color-positive-600);--color-bg-positive-2: var(--color-positive-300);--color-bg-warning-1: var(--color-warning-700);--color-bg-warning-2: var(--color-warning-300);--color-bg-negative-1: var(--color-negative-700);--color-bg-negative-2: var(--color-negative-400);--color-bg-info-1: var(--color-info-700);--color-bg-info-2: var(--color-info-400);--color-text-1: var(--color-theme-970);--color-text-2: var(--color-theme-550);--color-text-3: var(--color-theme-450);--color-text-4: var(--color-theme-350);--color-text-1-inverse: var(--color-theme-0);--color-text-white: var(--color-white);--color-text-primary-1: var(--color-primary-600);--color-text-primary-2: var(--color-primary-500);--color-text-primary-3: var(--color-primary-400);--color-text-positive-1: var(--color-positive-600);--color-text-positive-2: var(--color-positive-500);--color-text-positive-3: var(--color-positive-400);--color-text-warning-1: var(--color-warning-600);--color-text-warning-2: var(--color-warning-500);--color-text-warning-3: var(--color-warning-400);--color-text-negative-1: var(--color-negative-600);--color-text-negative-2: var(--color-negative-500);--color-text-negative-3: var(--color-negative-400);--color-text-info-1: var(--color-info-600);--color-text-info-2: var(--color-info-500);--color-text-info-3: var(--color-info-400);--color-line-1: var(--color-theme-200);--color-line-2: var(--color-theme-250);--color-line-3: var(--color-theme-400);--color-color-line-1-opacity: rgba(14, 65, 142, .1);--color-color-line-2-opacity: rgba(191, 203, 218, .67);--color-color-color-line-3-opacity: rgba(143, 158, 178, .74);--color-line-1-opacity: rgba(14, 65, 142, .1);--color-line-2-opacity: rgba(191, 203, 218, .67);--color-line-3-opacity: rgba(143, 158, 178, .74);--color-line-primary-1: var(--color-primary-400);--color-line-primary-2: var(--color-primary-600);--color-line-positive-1: var(--color-positive-400);--color-line-positive-2: var(--color-positive-600);--color-line-warning-1: var(--color-warning-400);--color-line-warning-2: var(--color-warning-600);--color-line-negative-1: var(--color-negative-400);--color-line-negative-2: var(--color-negative-600);--color-line-info-1: var(--color-info-400);--color-line-info-2: var(--color-info-600);--color-icon-1: var(--color-theme-960);--color-icon-2: var(--color-theme-550);--color-icon-3: var(--color-theme-450);--color-icon-4: var(--color-theme-400);--color-icon-1-inverse: var(--color-theme-0);--color-icon-white: var(--color-white);--color-icon-primary-1: var(--color-primary-500);--color-icon-primary-2: var(--color-primary-600);--color-icon-positive-1: var(--color-positive-400);--color-icon-positive-2: var(--color-positive-500);--color-icon-warning-1: var(--color-warning-400);--color-icon-warning-2: var(--color-warning-500);--color-icon-negative-1: var(--color-negative-400);--color-icon-negative-2: var(--color-negative-500);--color-icon-info-1: var(--color-info-400);--color-icon-info-2: var(--color-info-500);--scroll-thumb-color: var(--color-theme-250);--scroll-thumb-color-hover: var(--color-theme-300);--scroll-thumb-color-active: var(--color-theme-400);--body-background-color: var(--content-background-color);--content-background-color: var(--color-bg-3)}:root{--top-forms-color: var(--color-text-1);--top-forms-color-disabled: var(--color-text-3);--top-forms-option-text-color: var(--color-text-primary-1);--top-forms-option-text-color-hover: var(--color-text-primary-2);--top-forms-icon-color: var(--color-icon-1);--top-forms-icon-color-disabled: var(--color-icon-4);--top-forms-option-icon-color: var(--color-icon-primary-1);--top-forms-option-icon-color-hover: var(--color-icon-primary-2);--top-forms-border-color: var(--color-line-1);--top-forms-border-color-hover: var(--color-line-3);--top-forms-border-color-active-hover: var(--color-line-primary-2);--top-forms-border-color-disabled: var(--color-line-3);--top-forms-option-border-color: var(--color-line-primary-1);--top-forms-option-border-color-hover: var(--color-line-primary-2);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-disabled: var(--color-text-4);--top-forms-background-color: var(--color-bg-3);--top-forms-background-color-hover: var(--color-bg-3)}
1
+ :root{--color-primary: var(--color-blue-500);--color-primary-light: var(--color-blue-100);--color-primary-light-opacity: rgba(25, 117, 255, .11);--color-primary-2: var(--color-blue-550);--color-primary-2-light: var(--color-blue-150);--color-primary-2-light-opacity: rgba(25, 117, 255, .22);--color-secondary-opacity: rgba(14, 65, 142, .06);--color-secondary-2-opacity: rgba(14, 65, 142, .08);--color-secondary-3-opacity: rgba(14, 65, 142, .12);--color-positive: var(--color-green-500);--color-positive-opacity: rgba(22, 196, 96, .3);--color-positive-light: var(--color-green-100);--color-positive-light-opacity: rgba(22, 196, 96, .11);--color-positive-2: var(--color-green-550);--color-positive-2-light: var(--color-green-150);--color-positive-2-light-opacity: rgba(22, 196, 96, .22);--color-warning: var(--color-orange-500);--color-warning-opacity: rgba(255, 170, 51, .3);--color-warning-light: var(--color-orange-100);--color-warning-light-opacity: rgba(255, 170, 51, .12);--color-warning-2: var(--color-orange-550);--color-warning-2-light: var(--color-orange-150);--color-warning-2-light-opacity: rgba(255, 159, 25, .22);--color-negative: var(--color-red-500);--color-negative-opacity: rgba(234, 65, 50, .3);--color-negative-light: var(--color-red-100);--color-negative-light-opacity: rgba(234, 65, 50, .11);--color-negative-2: var(--color-red-550);--color-negative-2-light: var(--color-red-150);--color-negative-2-light-opacity: rgba(234, 65, 50, .22);--color-text-1: var(--color-theme-975);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-550);--color-text-4: var(--color-theme-450);--color-text: var(--color-text-1);--color-text-secondary: var(--color-gray-250);--color-text-secondary-2: var(--color-gray-350);--color-text-link: var(--color-blue-550);--color-text-link-hover: var(--color-blue-600);--color-overlay: rgba(0, 0, 0, .5);--color-placeholder: var(--color-gray-500);--color-placeholder-active: var(--color-gray-300);--color-bg-1: var(--color-steel-300);--color-bg-2: var(--color-steel-150);--color-bg-3: var(--color-white);--color-line-1-opacity: rgba(14, 65, 142, .1);--color-line-2-opacity: rgba(191, 203, 218, .67);--color-line-3-opacity: rgba(143, 158, 178, .74);--scroll-thumb-color: var(--color-theme-250);--scroll-thumb-color-hover: var(--color-theme-350);--scroll-thumb-color-active: var(--color-theme-500);--body-background-color: var(--content-background-color);--content-background-color: var(--color-bg-3);--color-theme-0: var(--color-bg-3);--color-theme-25: rgba(251, 252, 253, 1);--color-theme-50: rgba(248, 250, 252, 1);--color-theme-75: rgba(241, 243, 247, 1);--color-theme-100: rgba(233, 238, 243, 1);--color-theme-125: rgba(226, 232, 238, 1);--color-theme-150: rgba(220, 226, 234, 1);--color-theme-200: rgba(213, 220, 230, 1);--color-theme-250: rgba(206, 215, 226, 1);--color-theme-300: rgba(199, 209, 222, 1);--color-theme-350: rgba(191, 203, 218, 1);--color-theme-400: rgba(181, 193, 208, 1);--color-theme-450: rgba(172, 183, 198, 1);--color-theme-500: rgba(161, 173, 188, 1);--color-theme-525: rgba(151, 162, 178, 1);--color-theme-550: rgba(141, 152, 167, 1);--color-theme-600: rgba(129, 142, 161, 1);--color-theme-650: rgba(117, 131, 150, 1);--color-theme-700: rgba(105, 118, 135, 1);--color-theme-750: rgba(94, 105, 120, 1);--color-theme-800: rgba(82, 92, 105, 1);--color-theme-850: rgba(70, 79, 90, 1);--color-theme-875: rgba(59, 66, 75, 1);--color-theme-900: rgba(47, 52, 60, 1);--color-theme-925: rgba(35, 39, 45, 1);--color-theme-950: rgba(23, 26, 30, 1);--color-theme-975: rgba(12, 13, 15, 1);--color-theme-1000: rgba(0, 0, 0, 1);--top-shadow-s: 0px 0px 3px rgba(112, 144, 176, .07), 0px 5px 25px rgba(112, 144, 176, .12);--top-shadow: 0px 0px 4px rgba(4, 9, 84, .08), 0px 4px 32px rgba(4, 9, 84, .1);--top-shadow-b: 0px 0px 4px rgba(4, 36, 84, .08), 0px 18px 32px rgba(4, 25, 84, .18);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .07);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .14)}:root{--top-forms-color: var(--color-text-1);--top-forms-color-disabled: var(--color-text-3);--top-forms-border-color: var(--color-line-2-opacity);--top-forms-border-color-hover: var(--color-primary);--top-forms-border-color-disabled: var(--color-line-1-opacity);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-disabled: var(--color-text-4);--top-forms-background-color: var(--color-bg-3);--top-forms-background-color-hover: var(--color-bg-3)}
package/assets/tabs.css CHANGED
@@ -1 +1 @@
1
- .top-tabs{background:var(--content-background-color);border-radius:8px;border:1px solid var(--color-line-2-opacity);padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.top-tabs_header{padding:6px;margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-tabs_contents{border-top:1px solid var(--color-line-2-opacity);width:100%;margin-top:-1px}.top-tabs_tabInput:checked:nth-child(1)~.top-tabs_contents>.top-tabs_content:nth-child(1),.top-tabs_tabInput:checked:nth-child(3)~.top-tabs_contents>.top-tabs_content:nth-child(2),.top-tabs_tabInput:checked:nth-child(5)~.top-tabs_contents>.top-tabs_content:nth-child(3),.top-tabs_tabInput:checked:nth-child(7)~.top-tabs_contents>.top-tabs_content:nth-child(4),.top-tabs_tabInput:checked:nth-child(9)~.top-tabs_contents>.top-tabs_content:nth-child(5),.top-tabs_tabInput:checked:nth-child(11)~.top-tabs_contents>.top-tabs_content:nth-child(6){display:block}.top-tabs_tabLabel{color:var(--color-text-1);cursor:pointer;border-bottom:2px solid transparent;padding:14px 20px;position:relative;display:flex;align-items:center}.top-tabs_tabLabel:hover{border-color:var(--color-line-2-opacity)}.top-tabs_tabInput:checked+.top-tabs_tabLabel{border-color:var(--color-line-primary-1);color:var(--color-text-primary-1)}.top-tabs_tabLabel.top-disabled{color:var(--color-text-3)}.top-tabs_content{padding:14px;overflow:auto;display:none}
1
+ .top-tabs{background:var(--content-background-color);border-radius:8px;border:1px solid var(--color-line-2-opacity);padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.top-tabs_header{padding:6px;margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-tabs_contents{border-top:1px solid var(--color-line-2-opacity);width:100%;margin-top:-1px}.top-tabs_tabInput:checked:nth-child(1)~.top-tabs_contents>.top-tabs_content:nth-child(1),.top-tabs_tabInput:checked:nth-child(3)~.top-tabs_contents>.top-tabs_content:nth-child(2),.top-tabs_tabInput:checked:nth-child(5)~.top-tabs_contents>.top-tabs_content:nth-child(3),.top-tabs_tabInput:checked:nth-child(7)~.top-tabs_contents>.top-tabs_content:nth-child(4),.top-tabs_tabInput:checked:nth-child(9)~.top-tabs_contents>.top-tabs_content:nth-child(5),.top-tabs_tabInput:checked:nth-child(11)~.top-tabs_contents>.top-tabs_content:nth-child(6){display:block}.top-tabs_tabLabel{cursor:pointer;border-bottom:2px solid transparent;padding:14px 20px;position:relative;display:flex;align-items:center}.top-tabs_tabLabel:hover{border-color:var(--color-line-2-opacity)}.top-tabs_tabInput:checked+.top-tabs_tabLabel{border-color:var(--color-primary);color:var(--color-primary)}.top-tabs_tabLabel.top-disabled{color:var(--color-text-3)}.top-tabs_content{padding:14px;overflow:auto;display:none}
@@ -1 +1 @@
1
- .top-tabsView_menuItem{--top-icon-color: var(--color-icon-2);--top-icon-width: calc(var(--top-icon-size));cursor:pointer;box-sizing:border-box;border:none;border-radius:var(--top-radius-2);padding:var(--top-padding-2);background:transparent;height:40px;color:var(--color-text-1);text-decoration:none;white-space:nowrap;display:flex;gap:var(--top-gap-2);align-items:center;justify-content:flex-start;transition:background var(--transition)}.top-tabsView_menuItem:hover{background:var(--color-layer-secondary-2);--top-icon-color: var(--color-icon-1);text-decoration:none}.top-tabsView_menuItem.top-active{cursor:unset;background:var(--color-bg-3)}.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),.top-tabsView_menuItem:disabled~.top-formsCaption,.top-tabsView_menuItem.top-disabled[data-top-icon]:before,.top-tabsView_menuItem.top-disabled[data-top-icon2]:after{opacity:unset;filter:unset}.top-tabsView_menuItem.top-disabled{--top-icon-color: var(--color-text-4);color:var(--color-text-4)}.top-tabsView-pageMod .top-tabsView_menu{box-sizing:border-box;position:sticky;top:var(--top-tabsView-top);z-index:10}.top-tabsView-pageMod .top-tabsView_menu-inPopup_0{height:calc(var(--100vh) - var(--top-tabsView-top))}.top-tabsView_menu-inPopup_0{box-sizing:border-box;width:var(--top-tabsView-menu-width);display:flex;flex-direction:column;justify-content:space-between}.top-tabsView_menu-inPopup_1{border-bottom:1px solid var(--color-line-2-opacity)}.top-tabsView_menu-short{width:auto}.top-tabsView_menu>.top-tabsView_menuOpener{display:flex;justify-content:flex-end}.top-tabsView_menu>.top-tabsView_menuOpener:hover{background:var(--color-layer-secondary-1)}.top-tabsView_menuOpenerIcon{display:flex}.top-tabsView_menuOpenerActiveItem{--top-forms-padding: 0px;box-sizing:border-box;padding:var(--top-padding-2);max-width:calc(100% - var(--top-forms-base-height));white-space:nowrap;flex-grow:1;display:flex;align-items:center;gap:var(--top-padding-2)}.top-tabsView_menuList,.top-tabsView_menuFooter{padding:var(--top-padding-2);display:flex;flex-direction:column;gap:var(--top-gap-2)}.top-tabsView_menuList{overflow-y:auto}.top-tabsView_menu-short .top-tabsView_menuFooter>.top-tabsView_menuItem{--top-icon-width: 100%}:root{--top-tabsView-top: 0px;--top-tabsView-menu-width: 220px;--top-tabsView-contents-offset-top: 0px}.top-tabsView{background:var(--color-bg-2);width:100%;height:100%;display:flex;flex-direction:row}.top-tabsView_contents{border-radius:var(--top-radius-4);background:var(--color-bg-3);padding:var(--top-padding-4);flex-grow:1;overflow:auto;position:relative}.top-tabsView_contents-isLoading{pointer-events:none}.top-tabsView_contents-noScrollable{width:calc(100% - var(--top-tabsView-menu-width));padding:0;overflow:visible}.top-tabsView-inPopup{background:var(--color-bg-3);flex-direction:column}.top-tabsView-inPopup>.top-tabsView_contents{border-radius:0}.top-tabsView-inPopup>.top-tabsView_contents-noScrollable{width:auto}.top-tabsView_menuDelimeter{padding:var(--top-padding-1) 0;display:flex}.top-tabsView_menuDelimeter:before{content:"";height:2px;background:var(--color-line-2);flex-grow:1}.top-tabsView_menuDelimeter:first-child,.top-tabsView_menuDelimeter+.top-tabsView_menuDelimeter{display:none}.top-tabsView_menuTitle{padding:var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);font-weight:600;color:var(--color-text-1)}.top-tabsView_menuTitle-subtitle{padding-top:var(--top-padding-1);font-size:12px;font-weight:400;color:var(--color-text-2)}
1
+ .top-tabsView_menuItem{--top-icon-color: var(--color-text-1);--top-icon-width: calc(var(--top-icon-size));cursor:pointer;box-sizing:border-box;border:none;border-radius:var(--top-radius-2);padding:var(--top-padding-2);background:transparent;height:40px;color:var(--color-text-1);text-decoration:none;white-space:nowrap;display:flex;gap:var(--top-gap-2);align-items:center;justify-content:flex-start;transition:background var(--transition)}.top-tabsView_menuItem:hover{background:var(--color-secondary-2-opacity);text-decoration:none}.top-tabsView_menuItem.top-active{cursor:unset;background:var(--color-bg-3)}.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),.top-tabsView_menuItem:disabled~.top-formsCaption,.top-tabsView_menuItem.top-disabled[data-top-icon]:before,.top-tabsView_menuItem.top-disabled[data-top-icon2]:after{opacity:unset;filter:unset}.top-tabsView_menuItem.top-disabled{--top-icon-color: var(--color-text-4);color:var(--color-text-4)}.top-tabsView-pageMod .top-tabsView_menu{box-sizing:border-box;position:sticky;top:var(--top-tabsView-top);z-index:10}.top-tabsView-pageMod .top-tabsView_menu-inPopup_0{height:calc(var(--100vh) - var(--top-tabsView-top))}.top-tabsView_menu-inPopup_0{box-sizing:border-box;width:var(--top-tabsView-menu-width);display:flex;flex-direction:column;justify-content:space-between}.top-tabsView_menu-inPopup_1{border-bottom:1px solid var(--color-line-2-opacity)}.top-tabsView_menu-short{width:auto}.top-tabsView_menu>.top-tabsView_menuOpener{display:flex;justify-content:flex-end}.top-tabsView_menu>.top-tabsView_menuOpener:hover{background:var(--color-secondary-opacity)}.top-tabsView_menuOpenerIcon{display:flex}.top-tabsView_menuOpenerActiveItem{--top-forms-padding: 0px;box-sizing:border-box;padding:var(--top-padding-2);max-width:calc(100% - var(--top-forms-base-height));white-space:nowrap;flex-grow:1;display:flex;align-items:center;gap:var(--top-padding-2)}.top-tabsView_menuList,.top-tabsView_menuFooter{padding:var(--top-padding-2);display:flex;flex-direction:column;gap:var(--top-gap-2)}.top-tabsView_menuList{overflow-y:auto}.top-tabsView_menu-short .top-tabsView_menuFooter>.top-tabsView_menuItem{--top-icon-width: 100%}:root{--top-tabsView-top: 0px;--top-tabsView-menu-width: 220px;--top-tabsView-contents-offset-top: 0px}.top-tabsView{background:var(--color-bg-2);width:100%;height:100%;display:flex;flex-direction:row}.top-tabsView_contents{border-radius:var(--top-radius-4);background:var(--color-bg-3);padding:var(--top-padding-4);flex-grow:1;overflow:auto;position:relative}.top-tabsView_contents-isLoading{pointer-events:none}.top-tabsView_contents-noScrollable{width:calc(100% - var(--top-tabsView-menu-width));padding:0;overflow:visible}.top-tabsView-inPopup{background:var(--color-bg-3);flex-direction:column}.top-tabsView-inPopup>.top-tabsView_contents{border-radius:0}.top-tabsView-inPopup>.top-tabsView_contents-noScrollable{width:auto}.top-tabsView_menuDelimeter{padding:var(--top-padding-1) 0;display:flex}.top-tabsView_menuDelimeter:before{content:"";height:2px;background:var(--color-line-2-opacity);flex-grow:1}.top-tabsView_menuDelimeter:first-child,.top-tabsView_menuDelimeter+.top-tabsView_menuDelimeter{display:none}.top-tabsView_menuTitle{padding:var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);font-weight:600}.top-tabsView_menuTitle-subtitle{padding-top:var(--top-padding-1);font-size:12px;font-weight:400;color:var(--color-text-2)}
@@ -1 +1 @@
1
- .top-input-popupWidgetInput{--top-loadbar-color: var(--color-line-2);width:100%}.top-input_input-popupWidgetInput{border:none;background:var(--color-layer-secondary-1)}.top-input_input-popupWidgetInput:hover{background:var(--color-layer-secondary-2)}.top-input_input-popupWidgetInput:focus{background:var(--color-layer-secondary-3);outline:unset}
1
+ .top-input-popupWidgetInput{--top-loadbar-color: var(--color-line-3-opacity);width:100%}.top-input_input-popupWidgetInput{border:none;background:var(--color-secondary-2-opacity)}.top-input_input-popupWidgetInput:hover{background:var(--color-secondary-3-opacity)}.top-input_input-popupWidgetInput:focus{background:var(--color-secondary-3-opacity);outline:unset}
package/core/core.amd.js CHANGED
@@ -1,2 +1,2 @@
1
- define(["require","exports","vue","../.chunks/forms-BBbBD32l.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ define(["require","exports","vue","../.chunks/forms-DkNAMd-D.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
2
2
  //# sourceMappingURL=core.amd.js.map
package/core/core.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "vue";
2
- import { C as a } from "../.chunks/forms-CMU4ajdz.es.js";
2
+ import { C as a } from "../.chunks/forms-gb7uf2K8.es.js";
3
3
  export {
4
4
  a as default
5
5
  };
@@ -1,2 +1,2 @@
1
- define(["require","exports","../.chunks/forms-BBbBD32l.amd"],function(t,a,e){"use strict";if(typeof n>"u")var n=window.Vue;a.Avatar=e.avatar,a.Button=e.Button,a.Checkbox=e.checkbox,a.ControlLabel=e.ControlLabel,a.Hint=e.Hint,a.Input=e.Input,a.InputDate=e.inputDate,a.InputRange=e.inputRange,a.Loadbar=e.Loadbar,a.Radio=e.radio,a.Select=e.select,a.Switcher=e.switcher,a.Textarea=e.Textarea,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
1
+ define(["require","exports","../.chunks/forms-DkNAMd-D.amd"],function(t,a,e){"use strict";if(typeof n>"u")var n=window.Vue;a.Avatar=e.avatar,a.Button=e.Button,a.Checkbox=e.checkbox,a.ControlLabel=e.ControlLabel,a.Hint=e.Hint,a.Input=e.Input,a.InputDate=e.inputDate,a.InputRange=e.inputRange,a.Loadbar=e.Loadbar,a.Radio=e.radio,a.Select=e.select,a.Switcher=e.switcher,a.Textarea=e.Textarea,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=forms.amd.js.map
package/forms/forms.js CHANGED
@@ -1,4 +1,4 @@
1
- import { k as t, B as e, l as o, m as n, H as r, I as p, n as l, o as u, L as I, r as b, q as c, p as i, T as x } from "../.chunks/forms-CMU4ajdz.es.js";
1
+ import { k as t, B as e, l as o, m as n, H as r, I as p, n as l, o as u, L as I, r as b, q as c, p as i, T as x } from "../.chunks/forms-gb7uf2K8.es.js";
2
2
  export {
3
3
  t as Avatar,
4
4
  e as Button,
@@ -1,2 +1,2 @@
1
- define(["require","exports","vue","../.chunks/forms-BBbBD32l.amd","../utils/keyboard.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd","../.chunks/widgetInput-Dm3FgvaC.amd","lodash","../require/css.amd!../assets/formsExt.css"],function(le,V,e,h,b,C,_,$){"use strict";if(typeof e>"u")var e=window.Vue;const E={key:0,class:"top-editArea_title"},I={class:"top-editArea_footer"},S=e.defineComponent({__name:"editArea",props:{modelValue:{},title:{},cancelText:{default:"Отмена"},submitText:{default:"Отправить"},attachToKeyboard:{type:Boolean},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["update:modelValue","cancel"],setup(c,{emit:r}){const t=c,a=r,y=e.ref(""),v=e.ref(t.modelValue);e.watch(e.toRef(t,"modelValue"),()=>{v.value=t.modelValue});const p=e.computed(()=>v.value!==t.modelValue),m=o=>{a("update:modelValue",o)},f=()=>{a("cancel"),v.value=t.modelValue};return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":o.attachToKeyboard})},[o.title?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":o.isError,"top-focus":y.value=="focus"})},[e.createVNode(h.Textarea,{modelValue:v.value,"onUpdate:modelValue":u[0]||(u[0]=s=>v.value=s),name:o.name,placeholder:o.placeholder,rows:o.rows,minHeight:o.minHeight,expandable:o.expandable,disabled:o.disabled,readonly:o.readonly,isError:o.isError,hint:o.hint,class:"top-editArea_element",onFocus:u[1]||(u[1]=s=>y.value="focus"),onBlur:u[2]||(u[2]=s=>y.value=""),onKeyup:[e.withKeys(f,["esc"]),u[3]||(u[3]=e.withKeys(e.withModifiers(s=>m(v.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),e.createElementVNode("div",I,[p.value&&(!o.attachToKeyboard||o.modelValue)?(e.openBlock(),e.createBlock(h.Button,{key:0,class:"top-editArea_button",color:"theme",icon:o.attachToKeyboard?"":"",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.cancelText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(h.Button,{class:"top-editArea_button",icon:o.attachToKeyboard?"":"",onClick:u[4]||(u[4]=s=>m(v.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.submitText),1)]),_:1},8,["icon"])])],2)],2))}}),T={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-focus":"top-focus","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard"}},N=h._export_sfc(S,[["__cssModules",T]]),L={class:"top-editInput"},K=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(c,{emit:r}){const t=c,a=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{a.value=t.modelValue});const y=r,v=()=>{y("update:modelValue",a.value)};return(p,m)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(h.Input,e.mergeProps(p.input,{onKeydownCapture:m[0]||(m[0]=e.withKeys(e.withModifiers(f=>a.value=p.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(v,["stop"]),["enter"]),modelValue:a.value,"onUpdate:modelValue":m[1]||(m[1]=f=>a.value=f)}),null,16,["onKeydown","modelValue"]),a.value!==p.modelValue?(e.openBlock(),e.createBlock(h.Button,e.mergeProps({key:0,icon:"",styling:"soft"},p.button,{onClick:v}),{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},16)):e.createCommentVNode("",!0)]))}}),P={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},D=h._export_sfc(K,[["__cssModules",P]]),G=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],W=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(c,{emit:r}){const t=e.useModel(c,"modelValue"),a=c,y=e.ref(null);e.watch(t,()=>{var p,m,f,o,u;(p=a.radiosProps)!=null&&p.some(s=>s.value===t.value)||(t.value=((f=(m=a.radiosProps)==null?void 0:m[0])==null?void 0:f.value)??""),(u=(o=y.value)==null?void 0:o.querySelector(".radioGroup_item-selected"))==null||u.scrollIntoView()},{immediate:!0});const v="radioGroup-"+Math.random();return(p,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:y,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+p.size]:!!p.size,"top-error":p.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.radiosProps,f=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":f.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":f.disabled}),"data-top-icon":f.icon,onClick:o=>t.value=f.value},[e.createTextVNode(e.toDisplayString(f.title)+" ",1),p.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=o=>t.value=o),name:v,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:f.value,disabled:f.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,G))),256))],2))}}),H={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},F=h._export_sfc(W,[["__cssModules",H]]),x=(c,r,t)=>{const a=e.ref([]),y=e.ref(!1);let v="",p;c&&!c.params.limit&&(c.params.limit=100);const m=async()=>{if(!c)return;let d,g;if(t&&(c.cache??=new Map,g=JSON.stringify(c.params),d=c.cache.get(g),d))return d;if(y.value=!0,d=await c.call(),y.value=!1,d.errors)return;if(!Array.isArray(d.result)){console.warn("В result ожидался массив");return}const B=d.result.findIndex(w=>w.id===void 0||w.name===void 0);if(B!==-1){console.warn(`В result[${B}] нет id или name`);return}return t&&c.cache.set(g,d),d},f=async()=>{if(!c)return;c.params.offset=0,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=d.result)},o=async()=>{if(!c||!p||y.value)return;c.params.offset=p,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=a.value.concat(d.result))},u=$.debounce(()=>f(),200);return{items:a,isLoading:y,loadAppend:o,setSearchTextAndLoad:(d,g=!0)=>{c&&(d.length<r||d===v&&a.value.length||(v=d,g?u():f()))}}},U={class:"top-selector2_itemMulti top-ellipsis"},J=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(c){return(r,t)=>(e.openBlock(),e.createElementBlock("div",U,[e.createTextVNode(e.toDisplayString(r.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=a=>r.$emit("delete",r.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),X={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},Y=h._export_sfc(J,[["__cssModules",X]]),R={key:0,class:"top-selector2_activeItems"},j={key:1,class:"top-selector2_activeName top-ellipsis"},Q=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref(""),y={id:0,name:"Все"},v=e.ref(null),p=()=>{var l;return(l=v.value)==null?void 0:l.popup};window.__STORYBOOK_PREVIEW__&&!r.modelValue&&e.watch(()=>r.multiselect,()=>{t.value=r.multiselect?[]:{id:null,name:""}},{immediate:!0});const m=x(r.apiRequest,r.minLength,r.useCache),f=e.computed(()=>{const l=[];return!r.multiselect&&r.appendAllValue&&l.push(y),r.items.forEach(i=>l.push({...i})),l}),o=(l,i=!0)=>i&&l.id===null?Array.isArray(t.value)?t.value.some(n=>n.id===l.id&&n.name===l.name):l.name===t.value.name:Array.isArray(t.value)?t.value.some(n=>n.id===l.id):l.id===t.value.id,u=e.computed(()=>{const l=a.value.toLowerCase(),i=b.invertKeyboardLayout(l);let n=[];return f.value.forEach(k=>{const A=k.name.toLowerCase();(k.id===Number(l)||A.includes(l)||A.includes(i))&&(A===l||A===i?n.unshift(k):n.push(k))}),n.push(...m.items.value),r.appendSearchToResult&&a.value&&(!n.length||n[0].name.toLowerCase()!==l)&&n.push({id:null,name:a.value}),r.multiselect&&(n=n.filter(k=>!o(k))),n}),s=async l=>{var i,n;if(r.multiselect){if(!Array.isArray(t.value)||o(l))return;const k=[...t.value];k.push({...l}),t.value=k,h.Core.state.isMobile?(i=p())==null||i.close():setTimeout(()=>{var A,M;(A=p())==null||A.recalcPosition(),(M=p())==null||M.elPopupWidget.querySelector("input").focus(),a.value&&(u.value.length||(a.value="",m.items.value=[]))})}else a.value&&(a.value="",m.items.value=[]),JSON.stringify(l)!==JSON.stringify(t.value)&&(t.value={...l}),(n=p())==null||n.close()},d=()=>{if(!Array.isArray(t.value)){const i=(f.value.findIndex(n=>n.id===t.value.id)+1)%f.value.length;t.value={...f.value[i]}}},g=async l=>{Array.isArray(t.value)&&(t.value=t.value.filter(i=>i.id!==l),setTimeout(()=>{var i;(i=p())==null||i.recalcPosition()}))},B=e.ref(!1);r.apiRequest&&(e.watch(B,()=>{B.value&&m.setSearchTextAndLoad(a.value,!1)}),e.watch(a,()=>m.setSearchTextAndLoad(a.value)));const w=l=>{const i=l.target;i.scrollTop/(i.scrollHeight-i.offsetHeight)>.8&&m.loadAppend()};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"popupRef",ref:v,onOpen:i[1]||(i[1]=n=>B.value=!0),onClose:i[2]||(i[2]=n=>B.value=!1),onScrollContentList:i[3]||(i[3]=n=>l.apiRequest?w(n):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":l.multiselect,["top-size_"+l.size]:!0,"top-disabled":l.disabled,"top-forms-focusable":!l.disabled,"top-error":l.isError})},[l.multiselect?(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createBlock(Y,{id:n.id,name:n.name,onDelete:g},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),l.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),l.addChanger&&!l.multiselect&&f.value.length>1&&!l.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(d,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(_.PopupWidgetInput),{title:"Поиск",icon:"",modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=n=>a.value=n),isLoading:e.unref(m).isLoading.value,placeholder:!Array.isArray(t.value)&&!l.multiselect&&l.showSelectedInInput?t.value.name:l.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,n=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!l.multiselect&&t.value.name===n.name}),key:n.id??void 0,onClick:e.withModifiers(k=>s(n),["stop"])},{default:e.withCtx(()=>[l.$slots.item?e.renderSlot(l.$slots,"item",{key:0,item:n}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),u.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),Z={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},q=h._export_sfc(Q,[["__cssModules",Z]]),ee=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref();!r.isMultiple&&!(typeof t.value=="string"||t.value instanceof String)&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof t.value),r.isMultiple&&!Array.isArray(t.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof t.value),r.isMultiple&&!r.canBeEmptyMultiple&&Array.isArray(t.value)&&!t.value.length&&(t.value=[r.items[0].href??r.items[0].value]);const y=o=>Array.isArray(t.value)?t.value.includes(o.value):o.value===t.value,v=(o,u=!1)=>{if(Array.isArray(t.value)){let s=t.value.slice();if(u){s.length||(s=r.items.map(g=>g.value));const d=s.indexOf(o.value);d===-1?s.push(o.value):s.splice(d,1)}else s.length===1&&s[0]===o.value?s=[]:s=[o.value];!r.canBeEmptyMultiple&&!s.length&&(s=[o.value]),t.value=s;return}t.value=o.value},p=o=>{if(a.value.scrollWidth<=a.value.offsetWidth||o.shiftKey||Math.abs(o.deltaY)<50)return;o.preventDefault();const u=o.deltaY>0?30:-30;a.value.scrollLeft=a.value.scrollLeft+u},m=(o=!0)=>{var i,n;const u=a.value.querySelector(".top-active");if(!u)return;const s=24,d=u.offsetLeft-a.value.offsetLeft-s,g=u.offsetLeft-a.value.offsetLeft+u.clientWidth+s,B=a.value.scrollLeft,w=a.value.clientWidth+a.value.scrollLeft;let l=null;d<B&&(l=d),g>w&&(l=g-a.value.clientWidth),l!==null&&(h.isSafari()?(n=(i=h.Core).$)==null||n.call(i,a.value).animate({scrollLeft:l},o?200:0):a.value.scrollTo({left:l,behavior:o?"smooth":"auto"}))},f=()=>{if(Array.isArray(t.value)){if(t.value.length===r.items.length){t.value=[r.items[0].href??r.items[0].value];return}t.value=r.items.map(o=>o.href??o.value)}};return e.onMounted(()=>m(!1)),e.onUpdated(()=>m(!0)),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:a,class:e.normalizeClass({"top-menu":!0,["top-style_"+o.styling]:!0,"top-unwrap-x":o.styling==="default"}),onWheel:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,s=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({ref_for:!0},s,{class:"top-menu_item",color:"theme",styling:"",onClick:d=>v(s,d.ctrlKey),isActive:y(s)}),e.createSlots({_:2},[s.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(t.value)&&o.selectAllItem?(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({key:0},o.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:u[0]||(u[0]=s=>f()),isActive:t.value.length===o.items.length}),e.createSlots({_:2},[o.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])):e.createCommentVNode("",!0)],34))}}),te={$style:{"top-menu":"top-menu","top-menu_item":"top-menu_item","top-style_default":"top-style_default","top-active":"top-active","top-style_bar":"top-style_bar","top-unwrap-x":"top-unwrap-x"}},oe=h._export_sfc(ee,[["__cssModules",te]]);V.EditArea=N,V.EditInput=D,V.Menu=oe,V.RadioGroup=F,V.Selector2=q,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
1
+ define(["require","exports","vue","../.chunks/forms-DkNAMd-D.amd","../utils/keyboard.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd","../.chunks/widgetInput-BxO9y9L7.amd","lodash","../require/css.amd!../assets/formsExt.css"],function(le,V,e,h,b,C,_,$){"use strict";if(typeof e>"u")var e=window.Vue;const E={key:0,class:"top-editArea_title"},I={class:"top-editArea_footer"},S=e.defineComponent({__name:"editArea",props:{modelValue:{},title:{},cancelText:{default:"Отмена"},submitText:{default:"Отправить"},attachToKeyboard:{type:Boolean},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["update:modelValue","cancel"],setup(c,{emit:r}){const t=c,a=r,y=e.ref(""),v=e.ref(t.modelValue);e.watch(e.toRef(t,"modelValue"),()=>{v.value=t.modelValue});const p=e.computed(()=>v.value!==t.modelValue),m=o=>{a("update:modelValue",o)},f=()=>{a("cancel"),v.value=t.modelValue};return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":o.attachToKeyboard})},[o.title?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":o.isError,"top-focus":y.value=="focus"})},[e.createVNode(h.Textarea,{modelValue:v.value,"onUpdate:modelValue":u[0]||(u[0]=s=>v.value=s),name:o.name,placeholder:o.placeholder,rows:o.rows,minHeight:o.minHeight,expandable:o.expandable,disabled:o.disabled,readonly:o.readonly,isError:o.isError,hint:o.hint,class:"top-editArea_element",onFocus:u[1]||(u[1]=s=>y.value="focus"),onBlur:u[2]||(u[2]=s=>y.value=""),onKeyup:[e.withKeys(f,["esc"]),u[3]||(u[3]=e.withKeys(e.withModifiers(s=>m(v.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),e.createElementVNode("div",I,[p.value&&(!o.attachToKeyboard||o.modelValue)?(e.openBlock(),e.createBlock(h.Button,{key:0,class:"top-editArea_button",color:"theme",icon:o.attachToKeyboard?"":"",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.cancelText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(h.Button,{class:"top-editArea_button",icon:o.attachToKeyboard?"":"",onClick:u[4]||(u[4]=s=>m(v.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.attachToKeyboard?"":o.submitText),1)]),_:1},8,["icon"])])],2)],2))}}),T={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard"}},N=h._export_sfc(S,[["__cssModules",T]]),L={class:"top-editInput"},K=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(c,{emit:r}){const t=c,a=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{a.value=t.modelValue});const y=r,v=()=>{y("update:modelValue",a.value)};return(p,m)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(h.Input,e.mergeProps(p.input,{onKeydownCapture:m[0]||(m[0]=e.withKeys(e.withModifiers(f=>a.value=p.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(v,["stop"]),["enter"]),modelValue:a.value,"onUpdate:modelValue":m[1]||(m[1]=f=>a.value=f)}),null,16,["onKeydown","modelValue"]),a.value!==p.modelValue?(e.openBlock(),e.createBlock(h.Button,e.mergeProps({key:0,icon:"",styling:"soft"},p.button,{onClick:v}),{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},16)):e.createCommentVNode("",!0)]))}}),P={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},D=h._export_sfc(K,[["__cssModules",P]]),G=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],W=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(c,{emit:r}){const t=e.useModel(c,"modelValue"),a=c,y=e.ref(null);e.watch(t,()=>{var p,m,f,o,u;(p=a.radiosProps)!=null&&p.some(s=>s.value===t.value)||(t.value=((f=(m=a.radiosProps)==null?void 0:m[0])==null?void 0:f.value)??""),(u=(o=y.value)==null?void 0:o.querySelector(".radioGroup_item-selected"))==null||u.scrollIntoView()},{immediate:!0});const v="radioGroup-"+Math.random();return(p,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:y,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+p.size]:!!p.size,"top-error":p.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.radiosProps,f=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":f.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":f.disabled}),"data-top-icon":f.icon,onClick:o=>t.value=f.value},[e.createTextVNode(e.toDisplayString(f.title)+" ",1),p.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=o=>t.value=o),name:v,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:f.value,disabled:f.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,G))),256))],2))}}),H={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},F=h._export_sfc(W,[["__cssModules",H]]),x=(c,r,t)=>{const a=e.ref([]),y=e.ref(!1);let v="",p;c&&!c.params.limit&&(c.params.limit=100);const m=async()=>{if(!c)return;let d,g;if(t&&(c.cache??=new Map,g=JSON.stringify(c.params),d=c.cache.get(g),d))return d;if(y.value=!0,d=await c.call(),y.value=!1,d.errors)return;if(!Array.isArray(d.result)){console.warn("В result ожидался массив");return}const B=d.result.findIndex(w=>w.id===void 0||w.name===void 0);if(B!==-1){console.warn(`В result[${B}] нет id или name`);return}return t&&c.cache.set(g,d),d},f=async()=>{if(!c)return;c.params.offset=0,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=d.result)},o=async()=>{if(!c||!p||y.value)return;c.params.offset=p,c.params.search=v;const d=await m();d&&(p=d.nextOffset,a.value=a.value.concat(d.result))},u=$.debounce(()=>f(),200);return{items:a,isLoading:y,loadAppend:o,setSearchTextAndLoad:(d,g=!0)=>{c&&(d.length<r||d===v&&a.value.length||(v=d,g?u():f()))}}},U={class:"top-selector2_itemMulti top-ellipsis"},J=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(c){return(r,t)=>(e.openBlock(),e.createElementBlock("div",U,[e.createTextVNode(e.toDisplayString(r.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=a=>r.$emit("delete",r.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),X={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},Y=h._export_sfc(J,[["__cssModules",X]]),R={key:0,class:"top-selector2_activeItems"},j={key:1,class:"top-selector2_activeName top-ellipsis"},Q=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref(""),y={id:0,name:"Все"},v=e.ref(null),p=()=>{var l;return(l=v.value)==null?void 0:l.popup};window.__STORYBOOK_PREVIEW__&&!r.modelValue&&e.watch(()=>r.multiselect,()=>{t.value=r.multiselect?[]:{id:null,name:""}},{immediate:!0});const m=x(r.apiRequest,r.minLength,r.useCache),f=e.computed(()=>{const l=[];return!r.multiselect&&r.appendAllValue&&l.push(y),r.items.forEach(i=>l.push({...i})),l}),o=(l,i=!0)=>i&&l.id===null?Array.isArray(t.value)?t.value.some(n=>n.id===l.id&&n.name===l.name):l.name===t.value.name:Array.isArray(t.value)?t.value.some(n=>n.id===l.id):l.id===t.value.id,u=e.computed(()=>{const l=a.value.toLowerCase(),i=b.invertKeyboardLayout(l);let n=[];return f.value.forEach(k=>{const A=k.name.toLowerCase();(k.id===Number(l)||A.includes(l)||A.includes(i))&&(A===l||A===i?n.unshift(k):n.push(k))}),n.push(...m.items.value),r.appendSearchToResult&&a.value&&(!n.length||n[0].name.toLowerCase()!==l)&&n.push({id:null,name:a.value}),r.multiselect&&(n=n.filter(k=>!o(k))),n}),s=async l=>{var i,n;if(r.multiselect){if(!Array.isArray(t.value)||o(l))return;const k=[...t.value];k.push({...l}),t.value=k,h.Core.state.isMobile?(i=p())==null||i.close():setTimeout(()=>{var A,M;(A=p())==null||A.recalcPosition(),(M=p())==null||M.elPopupWidget.querySelector("input").focus(),a.value&&(u.value.length||(a.value="",m.items.value=[]))})}else a.value&&(a.value="",m.items.value=[]),JSON.stringify(l)!==JSON.stringify(t.value)&&(t.value={...l}),(n=p())==null||n.close()},d=()=>{if(!Array.isArray(t.value)){const i=(f.value.findIndex(n=>n.id===t.value.id)+1)%f.value.length;t.value={...f.value[i]}}},g=async l=>{Array.isArray(t.value)&&(t.value=t.value.filter(i=>i.id!==l),setTimeout(()=>{var i;(i=p())==null||i.recalcPosition()}))},B=e.ref(!1);r.apiRequest&&(e.watch(B,()=>{B.value&&m.setSearchTextAndLoad(a.value,!1)}),e.watch(a,()=>m.setSearchTextAndLoad(a.value)));const w=l=>{const i=l.target;i.scrollTop/(i.scrollHeight-i.offsetHeight)>.8&&m.loadAppend()};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{ref_key:"popupRef",ref:v,onOpen:i[1]||(i[1]=n=>B.value=!0),onClose:i[2]||(i[2]=n=>B.value=!1),onScrollContentList:i[3]||(i[3]=n=>l.apiRequest?w(n):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":l.multiselect,["top-size_"+l.size]:!0,"top-disabled":l.disabled,"top-forms-focusable":!l.disabled,"top-error":l.isError})},[l.multiselect?(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createBlock(Y,{id:n.id,name:n.name,onDelete:g},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),l.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),l.addChanger&&!l.multiselect&&f.value.length>1&&!l.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(d,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(_.PopupWidgetInput),{title:"Поиск",icon:"",modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=n=>a.value=n),isLoading:e.unref(m).isLoading.value,placeholder:!Array.isArray(t.value)&&!l.multiselect&&l.showSelectedInInput?t.value.name:l.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,n=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!l.multiselect&&t.value.name===n.name}),key:n.id??void 0,onClick:e.withModifiers(k=>s(n),["stop"])},{default:e.withCtx(()=>[l.$slots.item?e.renderSlot(l.$slots,"item",{key:0,item:n}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),u.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),Z={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},q=h._export_sfc(Q,[["__cssModules",Z]]),ee=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,t=e.useModel(c,"modelValue"),a=e.ref();!r.isMultiple&&!(typeof t.value=="string"||t.value instanceof String)&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof t.value),r.isMultiple&&!Array.isArray(t.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof t.value),r.isMultiple&&!r.canBeEmptyMultiple&&Array.isArray(t.value)&&!t.value.length&&(t.value=[r.items[0].href??r.items[0].value]);const y=o=>Array.isArray(t.value)?t.value.includes(o.value):o.value===t.value,v=(o,u=!1)=>{if(Array.isArray(t.value)){let s=t.value.slice();if(u){s.length||(s=r.items.map(g=>g.value));const d=s.indexOf(o.value);d===-1?s.push(o.value):s.splice(d,1)}else s.length===1&&s[0]===o.value?s=[]:s=[o.value];!r.canBeEmptyMultiple&&!s.length&&(s=[o.value]),t.value=s;return}t.value=o.value},p=o=>{if(a.value.scrollWidth<=a.value.offsetWidth||o.shiftKey||Math.abs(o.deltaY)<50)return;o.preventDefault();const u=o.deltaY>0?30:-30;a.value.scrollLeft=a.value.scrollLeft+u},m=(o=!0)=>{var i,n;const u=a.value.querySelector(".top-active");if(!u)return;const s=24,d=u.offsetLeft-a.value.offsetLeft-s,g=u.offsetLeft-a.value.offsetLeft+u.clientWidth+s,B=a.value.scrollLeft,w=a.value.clientWidth+a.value.scrollLeft;let l=null;d<B&&(l=d),g>w&&(l=g-a.value.clientWidth),l!==null&&(h.isSafari()?(n=(i=h.Core).$)==null||n.call(i,a.value).animate({scrollLeft:l},o?200:0):a.value.scrollTo({left:l,behavior:o?"smooth":"auto"}))},f=()=>{if(Array.isArray(t.value)){if(t.value.length===r.items.length){t.value=[r.items[0].href??r.items[0].value];return}t.value=r.items.map(o=>o.href??o.value)}};return e.onMounted(()=>m(!1)),e.onUpdated(()=>m(!0)),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:a,class:e.normalizeClass({"top-menu":!0,["top-style_"+o.styling]:!0,"top-unwrap-x":o.styling==="default"}),onWheel:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,s=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({ref_for:!0},s,{class:"top-menu_item",color:"theme",styling:"",onClick:d=>v(s,d.ctrlKey),isActive:y(s)}),e.createSlots({_:2},[s.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(t.value)&&o.selectAllItem?(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps({key:0},o.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:u[0]||(u[0]=s=>f()),isActive:t.value.length===o.items.length}),e.createSlots({_:2},[o.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])):e.createCommentVNode("",!0)],34))}}),te={$style:{"top-menu":"top-menu","top-menu_item":"top-menu_item","top-style_default":"top-style_default","top-active":"top-active","top-style_bar":"top-style_bar","top-unwrap-x":"top-unwrap-x"}},oe=h._export_sfc(ee,[["__cssModules",te]]);V.EditArea=N,V.EditInput=D,V.Menu=oe,V.RadioGroup=F,V.Selector2=q,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=formsExt.amd.js.map