@topvisor/ui 1.0.9-fix-css → 1.0.10

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 (148) hide show
  1. package/.chunks/datepicker-ByWpmP7C.amd.js +248 -0
  2. package/.chunks/datepicker-ByWpmP7C.amd.js.map +1 -0
  3. package/.chunks/datepicker-CqM_Jrot.es.js +290 -0
  4. package/.chunks/datepicker-CqM_Jrot.es.js.map +1 -0
  5. package/.chunks/{forms-BydHEF-k.es.js → forms-B6DA2YGV.es.js} +268 -253
  6. package/.chunks/forms-B6DA2YGV.es.js.map +1 -0
  7. package/.chunks/{forms-Cq5zFLsO.amd.js → forms-BOqxOjGU.amd.js} +3 -3
  8. package/.chunks/forms-BOqxOjGU.amd.js.map +1 -0
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-DinMn3Ud.es.js → listItem.vue_vue_type_script_setup_true_lang-CILdtVxX.es.js} +2 -2
  10. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CILdtVxX.es.js.map +1 -0
  11. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-B0xTxYZR.amd.js → listItem.vue_vue_type_script_setup_true_lang-DNqgt-07.amd.js} +2 -2
  12. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DNqgt-07.amd.js.map +1 -0
  13. package/.chunks/{menu.vue_vue_type_style_index_0_lang-C585WUlJ.es.js → menu.vue_vue_type_style_index_0_lang-DNejp6r9.es.js} +2 -2
  14. package/.chunks/menu.vue_vue_type_style_index_0_lang-DNejp6r9.es.js.map +1 -0
  15. package/.chunks/{menu.vue_vue_type_style_index_0_lang-BT-PgdJ5.amd.js → menu.vue_vue_type_style_index_0_lang-teY0us7_.amd.js} +2 -2
  16. package/.chunks/menu.vue_vue_type_style_index_0_lang-teY0us7_.amd.js.map +1 -0
  17. package/.chunks/notice-CEj6I4uX.es.js +169 -0
  18. package/.chunks/notice-CEj6I4uX.es.js.map +1 -0
  19. package/.chunks/notice-DTreV5av.amd.js +4 -0
  20. package/.chunks/notice-DTreV5av.amd.js.map +1 -0
  21. package/.chunks/{popup-D22VHVHf.amd.js → popup-DBBa2Ki8.amd.js} +448 -448
  22. package/.chunks/popup-DBBa2Ki8.amd.js.map +1 -0
  23. package/.chunks/{popup-B7AaTfNZ.es.js → popup-JjVFt_2L.es.js} +491 -491
  24. package/.chunks/popup-JjVFt_2L.es.js.map +1 -0
  25. package/.chunks/store-CX_6ZXhO.es.js.map +1 -1
  26. package/.chunks/store-esTid5oI.amd.js.map +1 -1
  27. package/README.md +86 -86
  28. package/assets/core.css +1 -1
  29. package/assets/forms.css +1 -1
  30. package/assets/formsExt.css +1 -1
  31. package/assets/notice.css +1 -0
  32. package/assets/tabsView.css +1 -1
  33. package/assets/themes/dark.css +1 -1
  34. package/assets/themes/light.css +1 -1
  35. package/charts/charts.amd.js +1 -1
  36. package/charts/charts.amd.js.map +1 -1
  37. package/charts/charts.js +1 -1
  38. package/charts/charts.js.map +1 -1
  39. package/components/core/notice/item/item.vue.d.ts +8 -0
  40. package/components/core/notice/item/types.d.ts +57 -0
  41. package/components/core/notice/notice.vue.d.ts +5 -0
  42. package/components/core/notice/types.d.ts +1 -0
  43. package/components/core/notice/utils.d.ts +26 -0
  44. package/components/forms/avatar/avatar.vue.d.ts +1 -1
  45. package/components/forms/button/button.vue.d.ts +1 -1
  46. package/components/formsExt/editInput/editInput.d.ts +1 -1
  47. package/components/formsExt/menu/menu.d.ts +1 -1
  48. package/components/formsExt/selector2/selector2.vue.d.ts +3 -3
  49. package/components/popup/popup/popup.vue.d.ts +1 -1
  50. package/components/project/selectorCompetitors/selectorCompetitors.d.ts +1 -1
  51. package/core/app.amd.js +1 -1
  52. package/core/app.amd.js.map +1 -1
  53. package/core/app.js +54 -52
  54. package/core/app.js.map +1 -1
  55. package/core/core/core.d.ts +21 -0
  56. package/core/plugins/core.d.ts +4 -1
  57. package/forms/forms.amd.js +1 -1
  58. package/forms/forms.js +1 -1
  59. package/forms/helpers.amd.js.map +1 -1
  60. package/forms/helpers.js.map +1 -1
  61. package/formsExt/formsExt.amd.js +1 -1
  62. package/formsExt/formsExt.amd.js.map +1 -1
  63. package/formsExt/formsExt.js +2 -2
  64. package/formsExt/formsExt.js.map +1 -1
  65. package/icomoon/Read Me.txt +7 -7
  66. package/icomoon/Topvisor icons.json +5845 -5845
  67. package/icomoon/demo-files/demo.css +161 -161
  68. package/icomoon/demo-files/demo.js +30 -30
  69. package/icomoon/demo.html +3379 -3379
  70. package/icomoon/fonts/Topvisor-2.svg +263 -263
  71. package/icomoon/style.css +740 -740
  72. package/package.json +33 -37
  73. package/popup/popup.amd.js +1 -1
  74. package/popup/popup.amd.js.map +1 -1
  75. package/popup/popup.js +2 -2
  76. package/popup/popup.js.map +1 -1
  77. package/popup/worker.amd.js +1 -1
  78. package/popup/worker.amd.js.map +1 -1
  79. package/popup/worker.js +2 -2
  80. package/popup/worker.js.map +1 -1
  81. package/project/project.amd.js +1 -1
  82. package/project/project.amd.js.map +1 -1
  83. package/project/project.js +3 -3
  84. package/project/project.js.map +1 -1
  85. package/require/css.amd.js +12 -12
  86. package/tabs/tabs.amd.js.map +1 -1
  87. package/tabs/tabs.js.map +1 -1
  88. package/tabsView/tabsView.amd.js +1 -1
  89. package/tabsView/tabsView.amd.js.map +1 -1
  90. package/tabsView/tabsView.js +1 -1
  91. package/tabsView/tabsView.js.map +1 -1
  92. package/utils/check.amd.js.map +1 -1
  93. package/utils/check.js.map +1 -1
  94. package/utils/clipboard.amd.js.map +1 -1
  95. package/utils/clipboard.js.map +1 -1
  96. package/utils/date.amd.js +1 -1
  97. package/utils/date.js +1 -1
  98. package/utils/device.amd.js +1 -1
  99. package/utils/device.js +1 -1
  100. package/utils/dom.amd.js.map +1 -1
  101. package/utils/dom.js.map +1 -1
  102. package/utils/image.amd.js.map +1 -1
  103. package/utils/image.js.map +1 -1
  104. package/utils/keyboard.amd.js.map +1 -1
  105. package/utils/keyboard.js.map +1 -1
  106. package/utils/lodash.amd.js +1 -1
  107. package/utils/lodash.js +1 -1
  108. package/utils/number.amd.js.map +1 -1
  109. package/utils/number.js.map +1 -1
  110. package/utils/price.amd.js +1 -1
  111. package/utils/price.amd.js.map +1 -1
  112. package/utils/price.js +1 -1
  113. package/utils/price.js.map +1 -1
  114. package/utils/route.amd.js.map +1 -1
  115. package/utils/route.js.map +1 -1
  116. package/utils/scroll.amd.js.map +1 -1
  117. package/utils/scroll.js.map +1 -1
  118. package/utils/searchers.amd.js.map +1 -1
  119. package/utils/searchers.js.map +1 -1
  120. package/utils/string.amd.js +1 -1
  121. package/utils/string.amd.js.map +1 -1
  122. package/utils/string.js +1 -1
  123. package/utils/string.js.map +1 -1
  124. package/utils/system.amd.js.map +1 -1
  125. package/utils/system.js.map +1 -1
  126. package/utils/url.amd.js.map +1 -1
  127. package/utils/url.js.map +1 -1
  128. package/web-types.json +89 -89
  129. package/.chunks/datepicker-Cs3C14z5.amd.js +0 -248
  130. package/.chunks/datepicker-Cs3C14z5.amd.js.map +0 -1
  131. package/.chunks/datepicker-LNkS97nF.es.js +0 -290
  132. package/.chunks/datepicker-LNkS97nF.es.js.map +0 -1
  133. package/.chunks/forms-BydHEF-k.es.js.map +0 -1
  134. package/.chunks/forms-Cq5zFLsO.amd.js.map +0 -1
  135. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-B0xTxYZR.amd.js.map +0 -1
  136. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DinMn3Ud.es.js.map +0 -1
  137. package/.chunks/menu.vue_vue_type_style_index_0_lang-BT-PgdJ5.amd.js.map +0 -1
  138. package/.chunks/menu.vue_vue_type_style_index_0_lang-C585WUlJ.es.js.map +0 -1
  139. package/.chunks/popup-B7AaTfNZ.es.js.map +0 -1
  140. package/.chunks/popup-D22VHVHf.amd.js.map +0 -1
  141. package/common/common.amd.js +0 -2
  142. package/common/common.amd.js.map +0 -1
  143. package/common/common.d.ts +0 -1
  144. package/common/common.js +0 -2
  145. package/common/common.js.map +0 -1
  146. package/components/common/common.d.ts +0 -0
  147. package/components/common/icon/icon.d.ts +0 -4
  148. /package/components/forms/button/{button.d.ts → types.d.ts} +0 -0
package/core/app.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"app.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/core/directives/data.ts","../../src/core/directives/focus.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/directives/tooltip.ts","../../src/core/plugins/core.ts","../../src/core/plugins/piniaTPA.ts"],"sourcesContent":["import Core from '@/core/core/core';\nimport Events from '@/core/core/events';\nimport Worker from '@/components/popup/lib/worker';\n\n/**\n * Глобальные события, для реализации Popup\n */\nclass WorkerEvents {\n\n\tprivate static isInited = false;\n\n\t/**\n\t * Добавить глобальные обработчики\n\t *\n\t * Добавляются на страницу один раз и навсегда\n\t */\n\tstatic init(): void {\n\t\tif (this.isInited) return;\n\n\t\tthis.isInited = true;\n\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\n\t\tdocument.addEventListener('mouseover', (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement) || !e.target.dataset?.topPopupOpenByHover) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.target.click();\n\t\t});\n\n\t\t// при скролле страницы закрыть Popup\n\t\tdocument.addEventListener('scroll', () => {\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t});\n\n\t\tEvents.addOnReize(e => {\n\t\t\t// закрыть popup при повороте экрана телефона\n\t\t\t// если была отображена ПК версия, она будет закрыта\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t\t}\n\t\t});\n\n\t\tdocument.addEventListener('click', this.onclick);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t *\n\t * Обрабатывает клики на открытие Popup\n\t */\n\tprivate static async onclick(e: Event): Promise<void> {\n\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\tlet elOpener: HTMLElement | null | undefined;\n\n\t\tswitch (true) {\n\t\t\tcase !!e.target.dataset?.topPopup:\n\t\t\t\telOpener = e.target;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement?.parentElement;\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (!elOpener) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// меню уже открыто\n\t\tif (elOpener.dataset.topPopupOpened) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tawait Worker.openByOpener(elOpener);\n\t}\n}\n\nexport default WorkerEvents;\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\n\nlet storage: any;\n\n/**\n * Сохранить данные в элементе\n *\n * Для доступа к данным можно воспользоваться ui/utils/dom storage()\n */\nconst data = {\n\tmounted: async (el: HTMLElement, binding: DirectiveBinding) => {\n\t\tif (!storage) {\n\t\t\tconst UtilsDom = await import('@/core/utils/dom');\n\n\t\t\tstorage = UtilsDom.storage;\n\t\t}\n\n\t\tconst name = binding.arg;\n\t\tconst value = binding.value;\n\n\t\tstorage(el, name, value);\n\t},\n} satisfies ObjectDirective;\n\nexport default data;\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\n\n/**\n * Фокусировка на элементе сразу после его отображения\n */\nconst focus = {\n\tmounted: function (el: HTMLElement, binding: DirectiveBinding) {\n\t\tif (!binding.value.disabled) el.focus();\n\t},\n} satisfies ObjectDirective;\n\nexport default focus;\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\n\nlet appStickyObserver: IntersectionObserver;\n\n/**\n * Добавление sticky\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\n */\nconst sticky = {\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode) {\n\t\tconst className = binding.value || 'top-sticky';\n\n\t\tappStickyObserver = new IntersectionObserver(entries => {\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\n\t\t\tif (condition) {\n\t\t\t\tif (binding.modifiers.bottom && entries[0].intersectionRect.y === 0) condition = false;\n\t\t\t}\n\n\t\t\tel.classList.toggle(className, condition);\n\t\t}, {\n\t\t\tthreshold: [1],\n\t\t});\n\n\t\tappStickyObserver.observe(el);\n\t},\n\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\n\t\tappStickyObserver?.disconnect();\n\t},\n} satisfies ObjectDirective;\n\nexport default sticky;\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\nimport Core from '@/core/core/core';\n\ninterface HTMLElementWithSwimUpOptions extends HTMLElement {\n\tdirectiveSwipUpOptions: {\n\t\tdistance: number,\n\t\tpercent: number,\n\t};\n}\n\nlet appSwimUpInited = false;\nlet appSwimUpObserver: IntersectionObserver;\nconst appSwimUpEls = new Map();\n\n/**\n * Отодвинуть блок в зависимости от скролла старинцы\n * @param el\n * @param windowHeight\n */\nconst swimUpElTransform = (el: HTMLElementWithSwimUpOptions, windowHeight: number): void => {\n\tconst { distance, percent } = el.directiveSwipUpOptions;\n\n\tconst elTop = el.getBoundingClientRect().top;\n\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\n\n\tif (triggerHeight <= distance) {\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\n\t} else {\n\t\tel.style.transform = 'translateY(0px)';\n\t}\n};\n\nconst swimUpInit = (_el: HTMLElementWithSwimUpOptions): void => {\n\tlet windowHeight = window.innerHeight;\n\n\twindow.addEventListener('scroll', () => {\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\n\t}, { passive: true });\n\n\t// проверка того, что элемент в зоне видимости\n\tappSwimUpObserver = new IntersectionObserver(entries => {\n\t\twindowHeight = window.innerHeight;\n\n\t\tentries.forEach((entry) => {\n\t\t\tconst el = entry.target as HTMLElementWithSwimUpOptions;\n\n\t\t\tif (entry.intersectionRatio < 0.1) {\n\t\t\t\t// элемент за областью видимости\n\t\t\t\tappSwimUpEls.delete(el);\n\t\t\t} else {\n\t\t\t\t// элемент на экране\n\t\t\t\tappSwimUpEls.set(el, el);\n\t\t\t}\n\n\t\t\tif (entry.intersectionRatio === 0) {\n\t\t\t\tconst { distance } = el.directiveSwipUpOptions;\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\n\t\t\t}\n\t\t});\n\t}, {\n\t\tthreshold: 0.1,\n\t});\n};\n\n/**\n * Добавление анимации подплытия вверх для блока\n */\nconst swimUp = {\n\tmounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void {\n\t\tif (Core.state.isMobileUA) return;\n\n\t\tel.directiveSwipUpOptions = {\n\t\t\tdistance: binding.value?.distance ?? 100, // количество px на которые блок изначально смещен вниз,\n\t\t\tpercent: binding.value?.percent ?? 30, // процент высоты экрана поднявшись на который блок закончит подплытие\n\t\t};\n\n\t\tif (!appSwimUpInited) {\n\t\t\tswimUpInit(el);\n\n\t\t\tappSwimUpInited = true;\n\t\t}\n\n\t\tappSwimUpObserver.observe(el);\n\t},\n\n\tunmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode) {\n\t\tappSwimUpEls.delete(el);\n\t\tappSwimUpObserver?.unobserve(el);\n\t},\n} satisfies ObjectDirective;\n\nexport default swimUp;\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\nimport Core from '@/core/core/core';\n\nconst $ = (el: VNode) => {\n\tif (!Core.$?.ui?.tooltip) {\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\n\n\t\treturn;\n\t}\n\n\treturn Core.$(el);\n};\n\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\n\tconst options = binding.value ?? {};\n\n\toptions.content ??= vnode.props?.title;\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\n\n\toptions.position ??= {\n\t\tmy: 'bottom-18px',\n\t\tat: 'top center',\n\t};\n\n\treturn options;\n};\n\n/**\n * Добавление всплывающей подсказки к элементу.\n */\nconst tooltip = {\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\n\t},\n\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\n\t\t/**\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\n\t\t */\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\n\t\tif (!instance) {\n\t\t\treturn;\n\t\t}\n\n\t\tinstance.options = {\n\t\t\t...instance.options,\n\t\t\t...options,\n\t\t};\n\t},\n\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\n\t\t$(el)?.tooltip('destroy');\n\t},\n} satisfies ObjectDirective;\n\nexport default tooltip;","import type { Plugin } from 'vue';\nimport type { Options as TopPopupOptions } from '@/components/popup/lib/worker';\nimport TopPopupWorker from '@/components/popup/lib/worker';\nimport TopPopupWorkerGlobalEvents from '@/components/popup/lib/worker.globalEvents';\nimport Core from '@/core/core/core';\nimport coreDefaultOptions from '@/core/core/options';\nimport * as Forms from '../../components/forms/forms';\nimport directiveData from '@/core/directives/data';\nimport directiveFocus from '@/core/directives/focus';\nimport directiveSticky from '@/core/directives/sticky';\nimport directiveSwimUp from '@/core/directives/swimUp';\nimport directiveTooltip from '@/core/directives/tooltip';\n\ndeclare module 'vue' {\n\texport interface ComponentCustomProperties {\n\t\t/**\n\t\t * Статический класс с текущим состоянимем UI\n\t\t */\n\t\t$core: typeof Core;\n\t}\n\n\t/**\n\t * Обязательные компоненты UI\n\t *\n\t * Они подключаются через плагин и доступны без явного указания импорта\n\t */\n\texport interface GlobalComponents {\n\t\tTopAvatar: typeof Forms.TopAvatar;\n\t\tTopButton: typeof Forms.TopButton;\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\n\t\tTopHint: typeof Forms.TopHint;\n\t\tTopInput: typeof Forms.TopInput;\n\t\tTopInputDate: typeof Forms.TopInputDate;\n\t\tTopInputRange: typeof Forms.TopInputRange;\n\t\tTopRadio: typeof Forms.TopRadio;\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\n\t\tTopTextarea: typeof Forms.TopTextarea;\n\t\tTopSelect: typeof Forms.TopSelect;\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\n\t}\n}\n\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\ntype Options = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'> & { topPopupOptions?: TopPopupOptions };\n\n/**\n * Плагин для интеграции UI во Vue приложение\n *\n * - В глобальную область видимости шаблонов будет добавлен объект $core\n * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\n * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\n */\nexport default {\n\n\tinstall: (app, options: Options) => {\n\t\tapp.config.globalProperties.$core = Core;\n\n\t\t// начальные настройки UI\n\t\tfor (const name in options) {\n\t\t\tCore.state[name] = options[name];\n\t\t}\n\n\t\tif (options.widthForMobile) Core.widthForMobile = options.widthForMobile;\n\t\tif (options.themeName) Core.themeName = options.themeName;\n\n\t\tCore._setState();\n\n\t\tif (options.topPopupOptions) TopPopupWorker.options = options.topPopupOptions;\n\t\tTopPopupWorkerGlobalEvents.init();\n\n\t\t// определение директив\n\t\tapp.directive('top-data', directiveData);\n\t\tapp.directive('top-focus', directiveFocus);\n\t\tapp.directive('top-sticky', directiveSticky);\n\t\tapp.directive('top-swim-up', directiveSwimUp);\n\t\tapp.directive('top-tooltip', directiveTooltip);\n\n\t\t// определение базовых компонентов\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\n\t\tapp.component('TopButton', Forms.TopButton);\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\n\t\tapp.component('TopHint', Forms.TopHint);\n\t\tapp.component('TopInput', Forms.TopInput);\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\n\t\tapp.component('TopRadio', Forms.TopRadio);\n\t\tapp.component('TopSelect', Forms.TopSelect);\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\n\t},\n\n} satisfies Plugin<Options>;\n","import type { PiniaPluginContext, Store } from 'pinia';\nimport { watch } from 'vue';\nimport { debounce } from '@/core/utils/lodash';\nimport { setClipboard } from '@/core/utils/clipboard';\nimport { camelToSnakeCase } from '@/core/utils/string.js';\nimport type { paths as OpenAPIPaths } from 'topvisor-openapi/src/ts/Topvisor';\nimport { getHash, setHash } from '@/core/utils/route';\n\ntype OpenAPIPath = keyof OpenAPIPaths;\n\nclass PiniaTPA {\n\n\treadonly #storeId: string;\n\treadonly #store: Store<string, any>;\n\n\t/**\n\t * @deprecated\n\t */\n\treadonly #Page: any;\n\n\treadonly #user: any;\n\treadonly #Api: any;\n\n\treadonly #namesUrlHash: string[] = [];\n\treadonly #namesStorage: string[] = [];\n\treadonly #namesStorageLocal: string[] = [];\n\treadonly #namesGuestLink: string[] = [];\n\n\tconstructor(context: Context) {\n\t\tthis.#store = context.store;\n\t\tthis.#storeId = this.#store.$id;\n\n\t\tthis.#Page = context.options.Page;\n\n\t\tthis.#user = context.options.user;\n\t\tthis.#Api = context.options.Api;\n\n\t\tthis.#namesUrlHash = context.options.tpaNamesUrlHash || [];\n\t\tthis.#namesStorage = context.options.tpaNamesStorage || [];\n\t\tthis.#namesStorageLocal = context.options.tpaNamesStorageLocal || [];\n\t\tthis.#namesGuestLink = context.options.tpaNamesGuestLink || [];\n\n\t\tcontext.store.genGuestLink = <Path extends OpenAPIPath>(url: Path, data: any) => this.genGuestLink(url, data);\n\n\t\tif (!this.#user.guest_data?.data) {\n\t\t\tthis.#loadFromStorage();\n\t\t\tthis.#loadFromStorage(true);\n\n\t\t\t// настройки URL hash имеют приоритет\n\t\t\tthis.#loadFromHash();\n\t\t}\n\n\t\t// настройки гостевой ссылки имеют приоритет\n\t\tthis.#loadFromGuestLink();\n\n\t\tthis.#prepareParams();\n\n\t\tconst save = debounce(() => {\n\t\t\tthis.#saveInHash();\n\t\t\tthis.#saveInStorage();\n\t\t});\n\n\t\tcontext.store.$subscribe(save);\n\t}\n\n\t/**\n\t * Сгенерировать гостевую ссылку\n\t *\n\t * Метод, путь к которому указан в url, должен возвращать сгенерированную ссылку\n\t */\n\tasync genGuestLink<Path extends OpenAPIPath>(url: Path, data: any) {\n\t\tconst dataGuestLink = this.#genOptionsForGuestLink();\n\t\tdata = Object.assign(data, Object.fromEntries(dataGuestLink));\n\n\t\tconst res = await this.#Api.gen(url, 'fetchColumn').call({} as any, data);\n\n\t\t// @ts-ignore - метод, который скачивает файл не возвращает json\n\t\tif (res?.errors) return;\n\n\t\t// @ts-ignore - метод, который скачивает файл не возвращает json\n\t\tawait setClipboard(res.result);\n\n\t\t// TODO: Оформить через компонент messages\n\t\t// TODO: Добавить в словарь Guest_link_copied_to_clipboard\n\t\tif (!window['requirejs']) return;\n\t\twindow['requirejs'](['es6!@/component/utils/info.ts'], ({ showInfo }) => {\n\t\t\tconst message = 'Гостевая ссылка скопирована в буфер обмена';\n\t\t\t// const message = useI18n().Common.Guest_link_copied_to_clipboard;\n\n\t\t\tshowInfo(message + ': <a href=\"' + res.result + '\" target=\"_blank\">' + res.result + '</a>', res.result, 3);\n\t\t});\n\t}\n\n\t/**\n\t * Сгенерировать опции для гостевой ссылки\n\t */\n\t#genOptionsForGuestLink() {\n\t\tconst data = new Map();\n\n\t\tthis.#namesGuestLink.forEach(name => {\n\t\t\t// формат параметров API: snake_case\n\t\t\tconst nameSnakeCase = camelToSnakeCase(name);\n\t\t\tdata.set(nameSnakeCase, this.#store[name]);\n\t\t});\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * Установить опции из объекта без фиксации состояния\n\t */\n\t#setOptions(data: Map<string, any>) {\n\t\tif (Object.isFrozen(this)) throw 'Please, use setOptions only inner commit function';\n\n\t\tdata.forEach((value, name) => {\n\t\t\tconst currentValue = this.#store[name];\n\n\t\t\tif (value === null || value === undefined) return;\n\t\t\tif (!value?.constructor) return;\n\t\t\tif (value.constructor !== currentValue.constructor) return;\n\n\t\t\t// дополнительная проверка на формат даты\n\t\t\tif (name.indexOf('date') === 0) {\n\t\t\t\tif (Array.isArray(value)) {\n\t\t\t\t\t// value.forEach((valueI) => {\n\t\t\t\t\t// \tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(valueI)) return;\n\t\t\t\t\t// });\n\t\t\t\t} else {\n\t\t\t\t\tif (typeof (value) === 'string') {\n\t\t\t\t\t\tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(value)) return;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.#store[name] = value;\n\t\t});\n\t}\n\n\t/**\n\t * Сгенерировать Map объект с опциями со значениями в виде json строк\n\t */\n\t#genDataFormat(data: Map<string, any>) {\n\t\tconst dataFormatted = new Map();\n\n\t\tdata.forEach((value, name) => {\n\t\t\tif (value === null) return;\n\n\t\t\tvalue = JSON.stringify(value);\n\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\treturn dataFormatted;\n\t}\n\n\t/**\n\t * Сгенерировать Map объект с опциями со значениями в оригинальном виде\n\t */\n\t#genDataUnFormat(dataFormatted: Map<string, string>) {\n\t\tconst data: Map<string, any> = new Map();\n\n\t\tdataFormatted.forEach((value, name) => {\n\t\t\tif (value === null || value === undefined || value === 'false') return;\n\n\t\t\ttry {\n\t\t\t\tif (typeof (value) === 'string' && !/^\\d\\d\\d\\d-\\d\\d-\\d\\d$/.test(value)) value = JSON.parse(value);\n\n\t\t\t\tif (value === null || value === undefined || value === 'false') return;\n\t\t\t} catch (e) {\n\t\t\t\t// не json строка\n\t\t\t}\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * Установить опции из хеша адреса страницы\n\t */\n\t#loadFromHash() {\n\t\tlet dataHash: any;\n\t\ttry {\n\t\t\tdataHash = JSON.parse(getHash(this.#storeId));\n\t\t} catch (e) {\n\n\t\t}\n\t\tif (!dataHash) return;\n\n\t\tconst dataFormatted: Map<string, any> = new Map();\n\n\t\tthis.#namesUrlHash.forEach((name) => {\n\t\t\tconst value = dataHash[name];\n\t\t\tif (!value) return;\n\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\n\n\t\tthis.#setOptions(data);\n\t}\n\n\t/**\n\t * Сохранить опции в хеш адреса страницы\n\t */\n\t#saveInHash() {\n\t\tconst data = new Map();\n\n\t\tthis.#namesUrlHash.forEach((name) => {\n\t\t\tconst value = this.#store[name];\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\tconst dataObject = Object.fromEntries(data);\n\t\tconst dataJSON = JSON.stringify(dataObject);\n\n\t\tsetHash(this.#storeId, dataJSON);\n\t};\n\n\t/**\n\t * Установить опции из localStorage\n\t * @param isLocal - сохранить с учетом адреса страницы\n\t */\n\t#loadFromStorage(isLocal = false) {\n\t\tconst dataFormatted = new Map();\n\n\t\t// let names = this.#namesStorage;\n\t\tlet storageNamespace = 'state:' + this.#storeId;\n\n\t\tif (isLocal) {\n\t\t\t// names = this.#namesStorageLocal;\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\n\t\t}\n\n\t\tthis.#namesStorage.forEach((name) => {\n\t\t\tconst value = localStorage.getItem(storageNamespace + ':' + name);\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\n\n\t\tthis.#setOptions(data);\n\t}\n\n\t/**\n\t * Сохранить опции в localStorage\n\t * @param isLocal - сохранить с учетом адреса страницы\n\t */\n\t#saveInStorage(isLocal = false) {\n\t\tconst data = new Map();\n\n\t\tlet names = this.#namesStorage;\n\t\tlet storageNamespace = 'state:' + this.#storeId;\n\n\t\tif (isLocal) {\n\t\t\tnames = this.#namesStorageLocal;\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\n\t\t}\n\n\t\tnames.forEach((name) => {\n\t\t\tconst value = this.#store[name];\n\n\t\t\tdata.set(name, value);\n\t\t});\n\n\t\tconst dataFormatted = this.#genDataFormat(data);\n\n\t\tnames.forEach((name) => {\n\t\t\tconst value = dataFormatted.get(name);\n\n\t\t\tlocalStorage.setItem(storageNamespace + ':' + name, value);\n\t\t});\n\t}\n\n\t/**\n\t * Установить опции из гостевой ссылки\n\t */\n\t#loadFromGuestLink() {\n\t\tconst guestData = this.#user?.guest_data?.data;\n\t\tif (!guestData) return;\n\n\t\t// общие правила для гостевых сессий\n\t\tif (this.#user.id === -1) this.#user.positionsReverseDates = guestData.positionsReverseDates;\n\n\t\tconst dataFormatted = new Map();\n\n\t\tthis.#namesGuestLink.forEach((name) => {\n\t\t\tconst value = guestData[name];\n\t\t\tdataFormatted.set(name, value);\n\t\t});\n\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\n\n\t\tthis.#setOptions(data);\n\n\t\tconst $guestTitle = $('.mod_guest_title');\n\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.competitorsIds?.length === 1 && this.#Page.page.data.competitors) {\n\t\t\tlet competitors = this.#Page.page.data.competitors.filter((competitor: any) => competitor.id === guestData.competitorsIds[0]);\n\t\t\tif (competitors.length) {\n\t\t\t\t$('a', $guestTitle).attr('href', 'http://' + competitors[0].url);\n\t\t\t\t$('a', $guestTitle).text(competitors[0].name);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Подготовить входные параметры перед инициализацией основного функционала\n\t *\n\t * Входные параметры устанавливаются при открытии страницы\n\t *\n\t * Входные параметры могут меняться пользоваталем и устаревать\n\t */\n\t#prepareParams() {\n\t\t// контролль за вводом регионов\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.regionsIndexes) {\n\t\t\twatch(this.#store, (regionsIndexes) => {\n\t\t\t\tif (!regionsIndexes.length) return;\n\n\t\t\t\t// приведение типа\n\t\t\t\tregionsIndexes.forEach((regionIndex: number, index: number) => regionsIndexes[index] = regionIndex);\n\n\t\t\t\t// оставить только включенные регионы\n\t\t\t\t// @ts-ignore\n\t\t\t\tconst mapSearchers = TplProjectSelectorRegion.genSearchersMap();\n\n\t\t\t\tconst availableRegionsIndexes: number[] = [];\n\t\t\t\tmapSearchers.forEach((searcher: any) => {\n\t\t\t\t\tsearcher.regions.forEach((region: any) => {\n\t\t\t\t\t\tif (region.index === -1) return;\n\n\t\t\t\t\t\tavailableRegionsIndexes.push(region.index);\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tthis.#store.regionsIndexes = regionsIndexes.filter((regionIndex: number) => availableRegionsIndexes.includes(regionIndex));\n\t\t\t}, { immediate: true });\n\t\t}\n\n\t\t// контролль за вводом конкурентов\n\t\t// TODO: вынести в опции плагина\n\t\tif (this.#store.competitorsIds) {\n\t\t\twatch(this.#store, (competitorsIds) => {\n\t\t\t\tif (!competitorsIds.length) return;\n\n\t\t\t\t// приведение типа\n\t\t\t\tcompetitorsIds.forEach((competitorId: number, index: number) => competitorId[index] = competitorId);\n\n\t\t\t\t// оставить только включенных конкурентов\n\t\t\t\tconst availableCompetitorsIds = [this.#Page.page.data.project.id];\n\t\t\t\tthis.#Page.page.data.project.competitors.forEach((competitor: any) => {\n\t\t\t\t\tif (competitor.on >= 0) availableCompetitorsIds.push(competitor.id);\n\t\t\t\t});\n\n\t\t\t\tthis.#store.competitorsIds = competitorsIds.filter((competitorId: number) => availableCompetitorsIds.includes(competitorId));\n\t\t\t});\n\t\t}\n\t}\n\n}\n\ntype Options = {\n\t/**\n\t * TODO: Убрать из плагина\n\t */\n\tPage: any,\n\n\t/**\n\t * Объект с настройками пользователя\n\t */\n\tuser: any,\n\n\t/**\n\t * Объект для работы с API\n\t *\n\t * См. на айте: @/component/api/core/api.ts\n\t */\n\tApi: any;\n\n\t/**\n\t * Имена свойств для сохранения в URL\n\t */\n\ttpaNamesUrlHash?: string[],\n\n\t/**\n\t * Имена свойств для сохранения в localStorage\n\t */\n\ttpaNamesStorage?: string[],\n\n\t/**\n\t * Имена свойств для сохранения в localStorage с учетом пути URL\n\t *\n\t * Каждый URL будет работать со своим состоянием\n\t */\n\ttpaNamesStorageLocal?: string[],\n\n\t/**\n\t * Имена свойств для работы с гостевой ссылкой\n\t *\n\t * Для генерации гостевой ссылки используйте store.genGuestLink(data, url)\n\t */\n\ttpaNamesGuestLink?: string[],\n};\n\ntype Context = PiniaPluginContext & {\n\toptions: Options\n};\n\n/**\n * Плагин tpa (Third-party access) для pinia\n *\n * Добавляет возможность сохранять и загружать данные в/из:\n * \t- URL hash в адресе страницы\n * \t- localStorage\n * \t- гостевая ссылка\n *\n * Для подключения плагина нужно указань одну или несколько опций при определении defineStore():\n * - tpaNamesUrlHash\n * - tpaNamesStorage\n * - tpaNamesStorageLocal\n * - tpaNamesGuestLink\n */\nexport default (contextPinia: PiniaPluginContext) => {\n\tconst context = contextPinia as Context;\n\n\t// плагин подключать не нужно\n\tif (\n\t\t!context.options.tpaNamesUrlHash?.length &&\n\t\t!context.options.tpaNamesStorage?.length &&\n\t\t!context.options.tpaNamesStorageLocal?.length &&\n\t\t!context.options.tpaNamesGuestLink?.length\n\t) {\n\t\treturn;\n\t}\n\n\tnew PiniaTPA(context);\n}\n"],"names":["WorkerEvents","e","_a","Core","Worker","elPopup","Events","elOpener","_b","_d","_c","_e","storage","data","el","binding","name","value","focus","appStickyObserver","sticky","_vnode","className","entries","condition","_el","_binding","appSwimUpInited","appSwimUpObserver","appSwimUpEls","swimUpElTransform","windowHeight","distance","percent","elTop","triggerHeightReducer","triggerHeight","swimUpInit","entry","swimUp","$","tvTooltipGenOptions","vnode","options","tooltip","_prevVnode","instance","core","app","TopPopupWorker","TopPopupWorkerGlobalEvents","directiveData","directiveFocus","directiveSticky","directiveSwimUp","directiveTooltip","Forms.TopAvatar","Forms.TopButton","Forms.TopCheckbox","Forms.TopControlLabel","Forms.TopHint","Forms.TopInput","Forms.TopInputDate","Forms.TopInputRange","Forms.TopLoadbar","Forms.TopRadio","Forms.TopSelect","Forms.TopSwitcher","Forms.TopTextarea","PiniaTPA","#storeId","#store","#Page","#user","#Api","#namesUrlHash","#namesStorage","#namesStorageLocal","#namesGuestLink","context","url","#loadFromStorage","#loadFromHash","#loadFromGuestLink","#prepareParams","save","debounce","#saveInHash","#saveInStorage","dataGuestLink","#genOptionsForGuestLink","res","setClipboard","showInfo","nameSnakeCase","camelToSnakeCase","#setOptions","currentValue","#genDataFormat","dataFormatted","#genDataUnFormat","dataHash","getHash","dataObject","dataJSON","setHash","isLocal","storageNamespace","names","guestData","$guestTitle","competitors","competitor","watch","regionsIndexes","regionIndex","index","mapSearchers","availableRegionsIndexes","searcher","region","competitorsIds","competitorId","availableCompetitorsIds","piniaTPA","contextPinia"],"mappings":"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"}
1
+ {"version":3,"file":"app.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/core/directives/data.ts","../../src/core/directives/focus.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/directives/tooltip.ts","../../src/core/plugins/core.ts","../../src/core/plugins/piniaTPA.ts"],"sourcesContent":["import Core from '@/core/core/core';\r\nimport Events from '@/core/core/events';\r\nimport Worker from '@/components/popup/lib/worker';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n */\r\nclass WorkerEvents {\r\n\r\n\tprivate static isInited = false;\r\n\r\n\t/**\r\n\t * Добавить глобальные обработчики\r\n\t *\r\n\t * Добавляются на страницу один раз и навсегда\r\n\t */\r\n\tstatic init(): void {\r\n\t\tif (this.isInited) return;\r\n\r\n\t\tthis.isInited = true;\r\n\r\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\r\n\t\tdocument.addEventListener('mouseover', (e) => {\r\n\t\t\tif (!(e.target instanceof HTMLElement) || !e.target.dataset?.topPopupOpenByHover) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\te.target.click();\r\n\t\t});\r\n\r\n\t\t// при скролле страницы закрыть Popup\r\n\t\tdocument.addEventListener('scroll', () => {\r\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t});\r\n\r\n\t\tEvents.addOnReize(e => {\r\n\t\t\t// закрыть popup при повороте экрана телефона\r\n\t\t\t// если была отображена ПК версия, она будет закрыта\r\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\r\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t *\r\n\t * Обрабатывает клики на открытие Popup\r\n\t */\r\n\tprivate static async onclick(e: Event): Promise<void> {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\tlet elOpener: HTMLElement | null | undefined;\r\n\r\n\t\tswitch (true) {\r\n\t\t\tcase !!e.target.dataset?.topPopup:\r\n\t\t\t\telOpener = e.target;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement?.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (!elOpener) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupDisabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// меню уже открыто\r\n\t\tif (elOpener.dataset.topPopupOpened) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\r\n\t\tawait Worker.openByOpener(elOpener);\r\n\t}\r\n}\r\n\r\nexport default WorkerEvents;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\nlet storage: any;\r\n\r\n/**\r\n * Сохранить данные в элементе\r\n *\r\n * Для доступа к данным можно воспользоваться ui/utils/dom storage()\r\n */\r\nconst data = {\r\n\tmounted: async (el: HTMLElement, binding: DirectiveBinding) => {\r\n\t\tif (!storage) {\r\n\t\t\tconst UtilsDom = await import('@/core/utils/dom');\r\n\r\n\t\t\tstorage = UtilsDom.storage;\r\n\t\t}\r\n\r\n\t\tconst name = binding.arg;\r\n\t\tconst value = binding.value;\r\n\r\n\t\tstorage(el, name, value);\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default data;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: DirectiveBinding) {\r\n\t\tif (!binding.value.disabled) el.focus();\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default focus;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif (condition) {\r\n\t\t\t\tif (binding.modifiers.bottom && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold: [1],\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default sticky;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface HTMLElementWithSwimUpOptions extends HTMLElement {\r\n\tdirectiveSwipUpOptions: {\r\n\t\tdistance: number,\r\n\t\tpercent: number,\r\n\t};\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nconst appSwimUpEls = new Map();\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElementWithSwimUpOptions, windowHeight: number): void => {\r\n\tconst { distance, percent } = el.directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n};\r\n\r\nconst swimUpInit = (_el: HTMLElementWithSwimUpOptions): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElementWithSwimUpOptions;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance } = el.directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n};\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tel.directiveSwipUpOptions = {\r\n\t\t\tdistance: binding.value?.distance ?? 100, // количество px на которые блок изначально смещен вниз,\r\n\t\t\tpercent: binding.value?.percent ?? 30, // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\t\t};\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default swimUp;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Добавление всплывающей подсказки к элементу.\r\n */\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default tooltip;","import { defineAsyncComponent, type Plugin } from 'vue';\r\nimport type { Options as TopPopupOptions } from '@/components/popup/lib/worker';\r\nimport TopPopupWorker from '@/components/popup/lib/worker';\r\nimport TopPopupWorkerGlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\nimport Core from '@/core/core/core';\r\nimport coreDefaultOptions from '@/core/core/options';\r\nimport * as Forms from '../../components/forms/forms';\r\nimport directiveData from '@/core/directives/data';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\nconst TopNotice = defineAsyncComponent(() => import('@/components/core/notice/notice.vue'));\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t/**\r\n\t\t * Статический класс с текущим состоянимем UI\r\n\t\t */\r\n\t\t$core: typeof Core;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\r\n\t\tTopNotice: typeof TopNotice;\r\n\t}\r\n}\r\n\r\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\r\n\r\ntype Options = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'> & { topPopupOptions?: TopPopupOptions };\r\n\r\n/**\r\n * Плагин для интеграции UI во Vue приложение\r\n *\r\n * - В глобальную область видимости шаблонов будет добавлен объект $core\r\n * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n */\r\nexport default {\r\n\r\n\tinstall: (app, options: Options) => {\r\n\t\tapp.config.globalProperties.$core = Core;\r\n\r\n\t\t// начальные настройки UI\r\n\t\tfor (const name in options) {\r\n\t\t\tCore.state[name] = options[name];\r\n\t\t}\r\n\r\n\t\tif (options.widthForMobile) Core.widthForMobile = options.widthForMobile;\r\n\t\tif (options.themeName) Core.themeName = options.themeName;\r\n\r\n\t\tCore._setState();\r\n\r\n\t\tif (options.topPopupOptions) TopPopupWorker.options = options.topPopupOptions;\r\n\t\tTopPopupWorkerGlobalEvents.init();\r\n\r\n\t\t// определение директив\r\n\t\tapp.directive('top-data', directiveData);\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\t// определение базовых компонентов\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\r\n\t\tapp.component('TopNotice', TopNotice);\r\n\t},\r\n\r\n} satisfies Plugin<Options>;\r\n","import type { PiniaPluginContext, Store } from 'pinia';\r\nimport { watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport { debounce } from '@/core/utils/lodash';\r\nimport { setClipboard } from '@/core/utils/clipboard';\r\nimport { camelToSnakeCase } from '@/core/utils/string.js';\r\nimport type { paths as OpenAPIPaths } from 'topvisor-openapi/src/ts/Topvisor';\r\nimport { getHash, setHash } from '@/core/utils/route';\r\n\r\ntype OpenAPIPath = keyof OpenAPIPaths;\r\n\r\nclass PiniaTPA {\r\n\r\n\treadonly #storeId: string;\r\n\treadonly #store: Store<string, any>;\r\n\r\n\t/**\r\n\t * @deprecated\r\n\t */\r\n\treadonly #Page: any;\r\n\r\n\treadonly #user: any;\r\n\treadonly #Api: any;\r\n\r\n\treadonly #namesUrlHash: string[] = [];\r\n\treadonly #namesStorage: string[] = [];\r\n\treadonly #namesStorageLocal: string[] = [];\r\n\treadonly #namesGuestLink: string[] = [];\r\n\r\n\tconstructor(context: Context) {\r\n\t\tthis.#store = context.store;\r\n\t\tthis.#storeId = this.#store.$id;\r\n\r\n\t\tthis.#Page = context.options.Page;\r\n\r\n\t\tthis.#user = context.options.user;\r\n\t\tthis.#Api = context.options.Api;\r\n\r\n\t\tthis.#namesUrlHash = context.options.tpaNamesUrlHash || [];\r\n\t\tthis.#namesStorage = context.options.tpaNamesStorage || [];\r\n\t\tthis.#namesStorageLocal = context.options.tpaNamesStorageLocal || [];\r\n\t\tthis.#namesGuestLink = context.options.tpaNamesGuestLink || [];\r\n\r\n\t\tcontext.store.genGuestLink = <Path extends OpenAPIPath>(url: Path, data: any) => this.genGuestLink(url, data);\r\n\r\n\t\tif (!this.#user.guest_data?.data) {\r\n\t\t\tthis.#loadFromStorage();\r\n\t\t\tthis.#loadFromStorage(true);\r\n\r\n\t\t\t// настройки URL hash имеют приоритет\r\n\t\t\tthis.#loadFromHash();\r\n\t\t}\r\n\r\n\t\t// настройки гостевой ссылки имеют приоритет\r\n\t\tthis.#loadFromGuestLink();\r\n\r\n\t\tthis.#prepareParams();\r\n\r\n\t\tconst save = debounce(() => {\r\n\t\t\tthis.#saveInHash();\r\n\t\t\tthis.#saveInStorage();\r\n\t\t});\r\n\r\n\t\tcontext.store.$subscribe(save);\r\n\t}\r\n\r\n\t/**\r\n\t * Сгенерировать гостевую ссылку\r\n\t *\r\n\t * Метод, путь к которому указан в url, должен возвращать сгенерированную ссылку\r\n\t */\r\n\tasync genGuestLink<Path extends OpenAPIPath>(url: Path, data: any) {\r\n\t\tconst dataGuestLink = this.#genOptionsForGuestLink();\r\n\t\tdata = Object.assign(data, Object.fromEntries(dataGuestLink));\r\n\r\n\t\tconst res = await this.#Api.gen(url, 'fetchColumn').call({} as any, data);\r\n\r\n\t\t// @ts-ignore - метод, который скачивает файл не возвращает json\r\n\t\tif (res?.errors) return;\r\n\r\n\t\t// @ts-ignore - метод, который скачивает файл не возвращает json\r\n\t\tawait setClipboard(res.result);\r\n\r\n\t\tconst message = useI18n().Common?.Guest_link_copied_to_clipboard;\r\n\t\tCore.notice(message + ': <a href=\"' + res.result + '\" target=\"_blank\">' + res.result + '</a>', 'info');\r\n\t}\r\n\r\n\t/**\r\n\t * Сгенерировать опции для гостевой ссылки\r\n\t */\r\n\t#genOptionsForGuestLink() {\r\n\t\tconst data = new Map();\r\n\r\n\t\tthis.#namesGuestLink.forEach(name => {\r\n\t\t\t// формат параметров API: snake_case\r\n\t\t\tconst nameSnakeCase = camelToSnakeCase(name);\r\n\t\t\tdata.set(nameSnakeCase, this.#store[name]);\r\n\t\t});\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\t/**\r\n\t * Установить опции из объекта без фиксации состояния\r\n\t */\r\n\t#setOptions(data: Map<string, any>) {\r\n\t\tif (Object.isFrozen(this)) throw 'Please, use setOptions only inner commit function';\r\n\r\n\t\tdata.forEach((value, name) => {\r\n\t\t\tconst currentValue = this.#store[name];\r\n\r\n\t\t\tif (value === null || value === undefined) return;\r\n\t\t\tif (!value?.constructor) return;\r\n\t\t\tif (value.constructor !== currentValue.constructor) return;\r\n\r\n\t\t\t// дополнительная проверка на формат даты\r\n\t\t\tif (name.indexOf('date') === 0) {\r\n\t\t\t\tif (Array.isArray(value)) {\r\n\t\t\t\t\t// value.forEach((valueI) => {\r\n\t\t\t\t\t// \tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(valueI)) return;\r\n\t\t\t\t\t// });\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (typeof (value) === 'string') {\r\n\t\t\t\t\t\tif (!/\\d\\d\\d\\d-\\d\\d-\\d\\d/.test(value)) return;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.#store[name] = value;\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Сгенерировать Map объект с опциями со значениями в виде json строк\r\n\t */\r\n\t#genDataFormat(data: Map<string, any>) {\r\n\t\tconst dataFormatted = new Map();\r\n\r\n\t\tdata.forEach((value, name) => {\r\n\t\t\tif (value === null) return;\r\n\r\n\t\t\tvalue = JSON.stringify(value);\r\n\r\n\t\t\tdataFormatted.set(name, value);\r\n\t\t});\r\n\r\n\t\treturn dataFormatted;\r\n\t}\r\n\r\n\t/**\r\n\t * Сгенерировать Map объект с опциями со значениями в оригинальном виде\r\n\t */\r\n\t#genDataUnFormat(dataFormatted: Map<string, string>) {\r\n\t\tconst data: Map<string, any> = new Map();\r\n\r\n\t\tdataFormatted.forEach((value, name) => {\r\n\t\t\tif (value === null || value === undefined || value === 'false') return;\r\n\r\n\t\t\ttry {\r\n\t\t\t\tif (typeof (value) === 'string' && !/^\\d\\d\\d\\d-\\d\\d-\\d\\d$/.test(value)) value = JSON.parse(value);\r\n\r\n\t\t\t\tif (value === null || value === undefined || value === 'false') return;\r\n\t\t\t} catch (e) {\r\n\t\t\t\t// не json строка\r\n\t\t\t}\r\n\r\n\t\t\tdata.set(name, value);\r\n\t\t});\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\t/**\r\n\t * Установить опции из хеша адреса страницы\r\n\t */\r\n\t#loadFromHash() {\r\n\t\tlet dataHash: any;\r\n\t\ttry {\r\n\t\t\tdataHash = JSON.parse(getHash(this.#storeId));\r\n\t\t} catch (e) {\r\n\r\n\t\t}\r\n\t\tif (!dataHash) return;\r\n\r\n\t\tconst dataFormatted: Map<string, any> = new Map();\r\n\r\n\t\tthis.#namesUrlHash.forEach((name) => {\r\n\t\t\tconst value = dataHash[name];\r\n\t\t\tif (!value) return;\r\n\r\n\t\t\tdataFormatted.set(name, value);\r\n\t\t});\r\n\r\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\r\n\r\n\t\tthis.#setOptions(data);\r\n\t}\r\n\r\n\t/**\r\n\t * Сохранить опции в хеш адреса страницы\r\n\t */\r\n\t#saveInHash() {\r\n\t\tconst data = new Map();\r\n\r\n\t\tthis.#namesUrlHash.forEach((name) => {\r\n\t\t\tconst value = this.#store[name];\r\n\r\n\t\t\tdata.set(name, value);\r\n\t\t});\r\n\r\n\t\tconst dataObject = Object.fromEntries(data);\r\n\t\tconst dataJSON = JSON.stringify(dataObject);\r\n\r\n\t\tsetHash(this.#storeId, dataJSON);\r\n\t};\r\n\r\n\t/**\r\n\t * Установить опции из localStorage\r\n\t * @param isLocal - сохранить с учетом адреса страницы\r\n\t */\r\n\t#loadFromStorage(isLocal = false) {\r\n\t\tconst dataFormatted = new Map();\r\n\r\n\t\t// let names = this.#namesStorage;\r\n\t\tlet storageNamespace = 'state:' + this.#storeId;\r\n\r\n\t\tif (isLocal) {\r\n\t\t\t// names = this.#namesStorageLocal;\r\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\r\n\t\t}\r\n\r\n\t\tthis.#namesStorage.forEach((name) => {\r\n\t\t\tconst value = localStorage.getItem(storageNamespace + ':' + name);\r\n\t\t\tdataFormatted.set(name, value);\r\n\t\t});\r\n\r\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\r\n\r\n\t\tthis.#setOptions(data);\r\n\t}\r\n\r\n\t/**\r\n\t * Сохранить опции в localStorage\r\n\t * @param isLocal - сохранить с учетом адреса страницы\r\n\t */\r\n\t#saveInStorage(isLocal = false) {\r\n\t\tconst data = new Map();\r\n\r\n\t\tlet names = this.#namesStorage;\r\n\t\tlet storageNamespace = 'state:' + this.#storeId;\r\n\r\n\t\tif (isLocal) {\r\n\t\t\tnames = this.#namesStorageLocal;\r\n\t\t\tstorageNamespace = 'state:' + this.#storeId + ':' + location.pathname;\r\n\t\t}\r\n\r\n\t\tnames.forEach((name) => {\r\n\t\t\tconst value = this.#store[name];\r\n\r\n\t\t\tdata.set(name, value);\r\n\t\t});\r\n\r\n\t\tconst dataFormatted = this.#genDataFormat(data);\r\n\r\n\t\tnames.forEach((name) => {\r\n\t\t\tconst value = dataFormatted.get(name);\r\n\r\n\t\t\tlocalStorage.setItem(storageNamespace + ':' + name, value);\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Установить опции из гостевой ссылки\r\n\t */\r\n\t#loadFromGuestLink() {\r\n\t\tconst guestData = this.#user?.guest_data?.data;\r\n\t\tif (!guestData) return;\r\n\r\n\t\t// общие правила для гостевых сессий\r\n\t\tif (this.#user.id === -1) this.#user.positionsReverseDates = guestData.positionsReverseDates;\r\n\r\n\t\tconst dataFormatted = new Map();\r\n\r\n\t\tthis.#namesGuestLink.forEach((name) => {\r\n\t\t\tconst value = guestData[name];\r\n\t\t\tdataFormatted.set(name, value);\r\n\t\t});\r\n\r\n\t\tconst data = this.#genDataUnFormat(dataFormatted);\r\n\r\n\t\tthis.#setOptions(data);\r\n\r\n\t\tconst $guestTitle = $('.mod_guest_title');\r\n\r\n\t\t// TODO: вынести в опции плагина\r\n\t\tif (this.#store.competitorsIds?.length === 1 && this.#Page.page.data.competitors) {\r\n\t\t\tlet competitors = this.#Page.page.data.competitors.filter((competitor: any) => competitor.id === guestData.competitorsIds[0]);\r\n\t\t\tif (competitors.length) {\r\n\t\t\t\t$('a', $guestTitle).attr('href', 'http://' + competitors[0].url);\r\n\t\t\t\t$('a', $guestTitle).text(competitors[0].name);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Подготовить входные параметры перед инициализацией основного функционала\r\n\t *\r\n\t * Входные параметры устанавливаются при открытии страницы\r\n\t *\r\n\t * Входные параметры могут меняться пользоваталем и устаревать\r\n\t */\r\n\t#prepareParams() {\r\n\t\t// контролль за вводом регионов\r\n\t\t// TODO: вынести в опции плагина\r\n\t\tif (this.#store.regionsIndexes) {\r\n\t\t\twatch(this.#store, (regionsIndexes) => {\r\n\t\t\t\tif (!regionsIndexes.length) return;\r\n\r\n\t\t\t\t// приведение типа\r\n\t\t\t\tregionsIndexes.forEach((regionIndex: number, index: number) => regionsIndexes[index] = regionIndex);\r\n\r\n\t\t\t\t// оставить только включенные регионы\r\n\t\t\t\t// @ts-ignore\r\n\t\t\t\tconst mapSearchers = TplProjectSelectorRegion.genSearchersMap();\r\n\r\n\t\t\t\tconst availableRegionsIndexes: number[] = [];\r\n\t\t\t\tmapSearchers.forEach((searcher: any) => {\r\n\t\t\t\t\tsearcher.regions.forEach((region: any) => {\r\n\t\t\t\t\t\tif (region.index === -1) return;\r\n\r\n\t\t\t\t\t\tavailableRegionsIndexes.push(region.index);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.#store.regionsIndexes = regionsIndexes.filter((regionIndex: number) => availableRegionsIndexes.includes(regionIndex));\r\n\t\t\t}, { immediate: true });\r\n\t\t}\r\n\r\n\t\t// контролль за вводом конкурентов\r\n\t\t// TODO: вынести в опции плагина\r\n\t\tif (this.#store.competitorsIds) {\r\n\t\t\twatch(this.#store, (competitorsIds) => {\r\n\t\t\t\tif (!competitorsIds.length) return;\r\n\r\n\t\t\t\t// приведение типа\r\n\t\t\t\tcompetitorsIds.forEach((competitorId: number, index: number) => competitorId[index] = competitorId);\r\n\r\n\t\t\t\t// оставить только включенных конкурентов\r\n\t\t\t\tconst availableCompetitorsIds = [this.#Page.page.data.project.id];\r\n\t\t\t\tthis.#Page.page.data.project.competitors.forEach((competitor: any) => {\r\n\t\t\t\t\tif (competitor.on >= 0) availableCompetitorsIds.push(competitor.id);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.#store.competitorsIds = competitorsIds.filter((competitorId: number) => availableCompetitorsIds.includes(competitorId));\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\ntype Options = {\r\n\t/**\r\n\t * TODO: Убрать из плагина\r\n\t */\r\n\tPage: any,\r\n\r\n\t/**\r\n\t * Объект с настройками пользователя\r\n\t */\r\n\tuser: any,\r\n\r\n\t/**\r\n\t * Объект для работы с API\r\n\t *\r\n\t * См. на сайте: @/component/api/core/api.ts\r\n\t */\r\n\tApi: any;\r\n\r\n\t/**\r\n\t * Имена свойств для сохранения в URL\r\n\t */\r\n\ttpaNamesUrlHash?: string[],\r\n\r\n\t/**\r\n\t * Имена свойств для сохранения в localStorage\r\n\t */\r\n\ttpaNamesStorage?: string[],\r\n\r\n\t/**\r\n\t * Имена свойств для сохранения в localStorage с учетом пути URL\r\n\t *\r\n\t * Каждый URL будет работать со своим состоянием\r\n\t */\r\n\ttpaNamesStorageLocal?: string[],\r\n\r\n\t/**\r\n\t * Имена свойств для работы с гостевой ссылкой\r\n\t *\r\n\t * Для генерации гостевой ссылки используйте store.genGuestLink(data, url)\r\n\t */\r\n\ttpaNamesGuestLink?: string[],\r\n};\r\n\r\ntype Context = PiniaPluginContext & {\r\n\toptions: Options\r\n};\r\n\r\n/**\r\n * Плагин tpa (Third-party access) для pinia\r\n *\r\n * Добавляет возможность сохранять и загружать данные в/из:\r\n * \t- URL hash в адресе страницы\r\n * \t- localStorage\r\n * \t- гостевая ссылка\r\n *\r\n * Для подключения плагина нужно указань одну или несколько опций при определении defineStore():\r\n * - tpaNamesUrlHash\r\n * - tpaNamesStorage\r\n * - tpaNamesStorageLocal\r\n * - tpaNamesGuestLink\r\n */\r\nexport default (contextPinia: PiniaPluginContext) => {\r\n\tconst context = contextPinia as Context;\r\n\r\n\t// плагин подключать не нужно\r\n\tif (\r\n\t\t!context.options.tpaNamesUrlHash?.length &&\r\n\t\t!context.options.tpaNamesStorage?.length &&\r\n\t\t!context.options.tpaNamesStorageLocal?.length &&\r\n\t\t!context.options.tpaNamesGuestLink?.length\r\n\t) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tnew PiniaTPA(context);\r\n}\r\n"],"names":["WorkerEvents","e","_a","Core","Worker","elPopup","Events","elOpener","_b","_d","_c","_e","storage","data","el","binding","name","value","focus","appStickyObserver","sticky","_vnode","className","entries","condition","_el","_binding","appSwimUpInited","appSwimUpObserver","appSwimUpEls","swimUpElTransform","windowHeight","distance","percent","elTop","triggerHeightReducer","triggerHeight","swimUpInit","entry","swimUp","$","tvTooltipGenOptions","vnode","options","tooltip","_prevVnode","instance","TopNotice","defineAsyncComponent","core","app","TopPopupWorker","TopPopupWorkerGlobalEvents","directiveData","directiveFocus","directiveSticky","directiveSwimUp","directiveTooltip","Forms.TopAvatar","Forms.TopButton","Forms.TopCheckbox","Forms.TopControlLabel","Forms.TopHint","Forms.TopInput","Forms.TopInputDate","Forms.TopInputRange","Forms.TopLoadbar","Forms.TopRadio","Forms.TopSelect","Forms.TopSwitcher","Forms.TopTextarea","PiniaTPA","#storeId","#store","#Page","#user","#Api","#namesUrlHash","#namesStorage","#namesStorageLocal","#namesGuestLink","context","url","#loadFromStorage","#loadFromHash","#loadFromGuestLink","#prepareParams","save","debounce","#saveInHash","#saveInStorage","dataGuestLink","#genOptionsForGuestLink","res","setClipboard","message","useI18n","nameSnakeCase","camelToSnakeCase","#setOptions","currentValue","#genDataFormat","dataFormatted","#genDataUnFormat","dataHash","getHash","dataObject","dataJSON","setHash","isLocal","storageNamespace","names","guestData","$guestTitle","competitors","competitor","watch","regionsIndexes","regionIndex","index","mapSearchers","availableRegionsIndexes","searcher","region","competitorsIds","competitorId","availableCompetitorsIds","piniaTPA","contextPinia"],"mappings":"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"}
@@ -1,5 +1,9 @@
1
+ import { Options as TopNoticeOptions } from '../../components/core/notice/utils';
2
+ import { Style as TopNoticeStyle } from '../../components/core/notice/item/types';
1
3
  /**
2
4
  * Статический класс с текущим состоянимем UI
5
+ *
6
+ * @docs https://ui.topvisor.com/?path=/docs/core-core--docs
3
7
  */
4
8
  export default class Core {
5
9
  static state: {
@@ -34,6 +38,12 @@ export default class Core {
34
38
  };
35
39
  }) => void) => void;
36
40
  };
41
+ /**
42
+ * Различные флаги, необходимые для работы UI
43
+ */
44
+ static flags: {
45
+ needLoadNotice: boolean;
46
+ };
37
47
  static _setState(): void;
38
48
  private static useDocumentClassModificators;
39
49
  private static useIsHidden;
@@ -47,6 +57,17 @@ export default class Core {
47
57
  * Добавить установку класса при нажатии ctrl (cmd) / alt
48
58
  */
49
59
  private static useCtrlClasses;
60
+ /**
61
+ * Вывести на экране сообщение в стилизации под push уведомление
62
+ *
63
+ * Для удобства работы со словарем, принимает один парамтер `text` и первую строку из него использует как `title`.
64
+ * Данное поведение можно изменить, передав в параметрах `options.title`
65
+ *
66
+ * Для вывода используется компонент TopNotice, требует его подклчючения
67
+ *
68
+ * @docs https://ui.topvisor.com/?path=/docs/components-core-notice--docs
69
+ */
70
+ static notice: (text: string, style: TopNoticeStyle, options?: TopNoticeOptions) => Promise<void>;
50
71
  /**
51
72
  * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media
52
73
  *
@@ -1,8 +1,10 @@
1
1
  import { Options as TopPopupOptions } from '../../components/popup/lib/worker';
2
2
  import { default as Core } from '../core/core';
3
3
  import { default as coreDefaultOptions } from '../core/options';
4
- import { App } from 'vue';
4
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, App } from 'vue';
5
+ import { Props } from '../../components/core/notice/types';
5
6
  import * as Forms from '../../components/forms/forms';
7
+ declare const TopNotice: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
6
8
  declare module 'vue' {
7
9
  interface ComponentCustomProperties {
8
10
  /**
@@ -29,6 +31,7 @@ declare module 'vue' {
29
31
  TopTextarea: typeof Forms.TopTextarea;
30
32
  TopSelect: typeof Forms.TopSelect;
31
33
  TopLoadbar: typeof Forms.TopLoadbar;
34
+ TopNotice: typeof TopNotice;
32
35
  }
33
36
  }
34
37
  type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
@@ -1,2 +1,2 @@
1
- define(["require","exports","../.chunks/forms-Cq5zFLsO.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
1
+ define(["require","exports","../.chunks/forms-BOqxOjGU.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=forms.amd.js.map
package/forms/forms.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T as p, f as T, g as s, h as t, j as e, k as n, l as r, m as l, n as u, o as b, p as c, q as h, r as i } from "../.chunks/forms-BydHEF-k.es.js";
1
+ import { T as p, f as T, g as s, h as t, j as e, k as n, l as r, m as l, n as u, o as b, p as c, q as h, r as i } from "../.chunks/forms-B6DA2YGV.es.js";
2
2
  export {
3
3
  p as TopAvatar,
4
4
  T as TopButton,
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\n * Размеры\n */\nexport const sizes = {\n\txs: 'xs',\n\ts: 's',\n\tm: 'm',\n\tl: 'l',\n} as const;\n\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"yFAGO,MAAAA,EAAA,0BAKP"}
1
+ {"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"yFAGO,MAAAA,EAAA,0BAKP"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\n * Размеры\n */\nexport const sizes = {\n\txs: 'xs',\n\ts: 's',\n\tm: 'm',\n\tl: 'l',\n} as const;\n\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;"}
@@ -1,2 +1,2 @@
1
- define(["require","exports","vue","../.chunks/forms-Cq5zFLsO.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-BT-PgdJ5.amd","../require/css.amd!../assets/formsExt.css"],function(Y,w,e,V,S,C,I){"use strict";if(typeof e>"u")var e=window.Vue;const N={class:"top-editArea_footer"},M=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,n=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{n("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){n("close");return}m.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(d,l)=>{const B=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>h())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(V._sfc_main$3,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[B,{disabled:!f.value}]]),e.createElementVNode("div",N,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),$={class:"top-editInput"},L=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",n.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(V._sfc_main$2,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>n.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=u=>n.value=u)}),null,16,["onKeydown","modelValue"]),n.value!==s.modelValue?(e.openBlock(),e.createBlock(V._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),K=["data-top-icon","onClick"],P={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],_=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(i,{emit:c}){const t=e.useModel(i,"modelValue"),n=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,h;(s=n.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=n.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(h=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",P)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,K))),256))],2))}}),z=(i,c,t)=>{const n=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,B;if(t&&(i.cache??=new Map,B=JSON.stringify(i.params),l=i.cache.get(B),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(b=>b.id===void 0||b.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(B,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=n.value.concat(l.result))},h=V.debounce(()=>u(),200);return{items:n,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,B=!0)=>{i&&(l.length<c||l===f&&n.value.length||(f=l,B?h():u()))}}},D={class:"top-selector2_itemMulti top-ellipsis"},F=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",D,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),G={key:0,class:"top-selector2_activeItems"},H={key:1,class:"top-selector2_activeName top-ellipsis"},U=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(i){const c=i,t=e.useModel(i,"modelValue"),n=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=z(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(r=>o.push({...r})),o}),v=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,h=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(r))&&(g===o||g===r?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&n.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:n.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var r,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,V.Core.state.isMobile?(r=s())==null||r.close():setTimeout(()=>{var g,T,A,E;(g=s())==null||g.recalcPosition(),(E=(A=(T=s())==null?void 0:T.elPopupWidget)==null?void 0:A.querySelector("input"))==null||E.focus(),n.value&&(h.value.length||(n.value="",p.items.value=[]))})}else n.value&&(n.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const r=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[r]}}},B=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=s())==null||r.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>p.setSearchTextAndLoad(n.value)));const b=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&p.loadAppend()};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(C.TopPopup),{ref_key:"popupRef",ref:f,onOpen:r[1]||(r[1]=a=>y.value=!0),onClose:r[2]||(r[2]=a=>y.value=!1),onScrollContentList:r[3]||(r[3]=a=>o.apiRequest?b(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(F,{id:a.id,name:a.name,onDelete:B},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(C.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),h.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode(" Нет результатов ")])),_:1}))]),_:3},512))}}),W=M,J=L,R=_,j=U,X=I._sfc_main;w.TopEditArea=W,w.TopEditInput=J,w.TopMenu=X,w.TopRadioGroup=R,w.TopSelector2=j,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
1
+ define(["require","exports","vue","../.chunks/forms-BOqxOjGU.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-teY0us7_.amd","../require/css.amd!../assets/formsExt.css"],function(Y,w,e,V,S,C,I){"use strict";if(typeof e>"u")var e=window.Vue;const N={class:"top-editArea_footer"},M=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,n=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{n("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){n("close");return}m.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(d,l)=>{const B=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>h())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(V._sfc_main$3,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[B,{disabled:!f.value}]]),e.createElementVNode("div",N,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),$={class:"top-editInput"},L=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",n.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(V._sfc_main$2,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>n.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=u=>n.value=u)}),null,16,["onKeydown","modelValue"]),n.value!==s.modelValue?(e.openBlock(),e.createBlock(V._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),K=["data-top-icon","onClick"],P={key:0,class:"top-radioGroup_circle"},O=["value","disabled"],_=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(i,{emit:c}){const t=e.useModel(i,"modelValue"),n=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,h;(s=n.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=n.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(h=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",P)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,O),[[e.vModelRadio,t.value]])],10,K))),256))],2))}}),z=(i,c,t)=>{const n=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,B;if(t&&(i.cache??=new Map,B=JSON.stringify(i.params),l=i.cache.get(B),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(b=>b.id===void 0||b.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(B,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,n.value=n.value.concat(l.result))},h=V.debounce(()=>u(),200);return{items:n,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,B=!0)=>{i&&(l.length<c||l===f&&n.value.length||(f=l,B?h():u()))}}},D={class:"top-selector2_itemMulti top-ellipsis"},F=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",D,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),G={key:0,class:"top-selector2_activeItems"},H={key:1,class:"top-selector2_activeName top-ellipsis"},U=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(i){const c=i,t=e.useModel(i,"modelValue"),n=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=z(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(r=>o.push({...r})),o}),v=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,h=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(r))&&(g===o||g===r?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&n.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:n.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var r,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,V.Core.state.isMobile?(r=s())==null||r.close():setTimeout(()=>{var g,T,A,E;(g=s())==null||g.recalcPosition(),(E=(A=(T=s())==null?void 0:T.elPopupWidget)==null?void 0:A.querySelector("input"))==null||E.focus(),n.value&&(h.value.length||(n.value="",p.items.value=[]))})}else n.value&&(n.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const r=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[r]}}},B=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=s())==null||r.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>p.setSearchTextAndLoad(n.value)));const b=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&p.loadAppend()};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(C.TopPopup),{ref_key:"popupRef",ref:f,onOpen:r[1]||(r[1]=a=>y.value=!0),onClose:r[2]||(r[2]=a=>y.value=!1),onScrollContentList:r[3]||(r[3]=a=>o.apiRequest?b(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(F,{id:a.id,name:a.name,onDelete:B},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(C.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=a=>n.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),h.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode(" Нет результатов ")])),_:1}))]),_:3},512))}}),W=M,J=L,R=_,j=U,X=I._sfc_main;w.TopEditArea=W,w.TopEditInput=J,w.TopMenu=X,w.TopRadioGroup=R,w.TopSelector2=j,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=formsExt.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"formsExt.amd.js","sources":["../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/selector2/api.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/formsExt.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props } from './editArea';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\n// TODO: добавить переменную top-forms-fixed-height и использовать ее при добавлении отступов у страницы\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst cancelBtnText = computed(() => {\n\tif (props.attachToKeyboard) return '';\n\n\tif (props.forceShowCloseBtn && !isChanged.value) return props.closeText;\n\n\treturn props.cancelText;\n});\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title\"\n\t\t\tclass=\"top-editArea_title\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-top-focus=\"{ disabled: !isFocused }\"\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t{{ cancelBtnText }}\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t{{ attachToKeyboard ? '' : submitText }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_title {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n.top-editArea_form:hover {\n\tborder-color: var(--top-forms-border-color-hover);\n}\n\n.top-editArea_form.top-focus {\n\tborder-color: var(--color-line-primary-1);\n\toutline: none;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\tborder: none;\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tmargin-bottom: env(keyboard-inset-height, 0);\n\tposition: fixed;\n\tbottom: 0;\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button {\n\tmin-width: auto;\n\tpadding: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, toRef, watch } from 'vue';\nimport type { Emits, Props } from './editInput';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(toRef(props.modelValue), () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t/>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Ref } from '@vue/reactivity';\nimport { ref, watch } from 'vue';\nimport type { Props, Emits } from './radioGroup';\n\nconst model = defineModel<string>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst elRef: Ref<HTMLElement | null> = ref(null);\n\nwatch(model, () => {\n\tif (!props.radiosProps?.some(item => item.value === model.value)) {\n\t\tmodel.value = props.radiosProps?.[0]?.value ?? '';\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst uid = 'radioGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-radioGroup']: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<label\n\t\t\tv-for=\"item of radiosProps\"\n\t\t\t:class=\"{\n\t\t\t\t['top-radioGroup_item-selected']: item.value === model,\n\t\t\t\t['top-radioGroup_item']: true,\n\t\t\t\t['top-forms-focusable']: true,\n\t\t\t\t['top-disabled']: item.disabled,\n\t\t\t}\"\n\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t@click=\"model = item.value\"\n\t\t>\n\t\t\t{{ item.title }}\n\n\t\t\t<span\n\t\t\t\tv-if=\"showIndicator\"\n\t\t\t\tclass=\"top-radioGroup_circle\"\n\t\t\t></span>\n\n\t\t\t<!-- Для нативной навигации -->\n\t\t\t<input\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name=\"uid\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-unvisible']: true,\n\t\t\t\t}\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t/>\n\t\t</label>\n\t</div>\n</template>\n\n<style>\n@import \"./styles/top-scrollBar.css\";\n\n.top-radioGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-radioGroup_item {\n\tcolor: var(--color-text-2);\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 0 16px;\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: 4px;\n}\n\n.top-radioGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* selected */\n.top-radioGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tpointer-events: none;\n\tbackground-color: var(--color-bg-shading-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* circle */\n.top-radioGroup_circle {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--color-line-3-opacity);\n\tborder-radius: 50%;\n\tpadding: 3px;\n\tmargin-left: auto;\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\n}\n\n.top-radioGroup_item:hover .top-radioGroup_circle:before {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* circle selected */\n.top-radioGroup_item-selected .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n\tborder-width: 5px;\n}\n\n.top-radioGroup_item-selected:hover .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* top-error */\n.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle {\n\tborder-color: var(--color-line-negative-1);\n}\n</style>\n","import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { debounce } from '@/core/utils/lodash';\nimport type { Item, Props } from './selector2';\n\nexport const useAPI = (apiRequest: Props['apiRequest'], minLength: number, useCache: Props['useCache']) => {\n\t/**\n\t * Список, полученный через API\n\t */\n\tconst items: Ref<Array<Item>> = ref([]);\n\n\t/**\n\t * Флаг - идет загрузка\n\t */\n\tconst isLoading = ref(false);\n\n\tlet _searchText = '';\n\tlet _nextOffset: number | undefined;\n\n\tif (apiRequest && !apiRequest.params.limit) {\n\t\tapiRequest.params.limit = 100;\n\t}\n\n\t/**\n\t * Выполнить обращение к API\n\t *\n\t * При ошибке вернет undefined\n\t */\n\tconst callAPIRequest = async (): Promise<{ nextOffset?: number, result: Array<Item> } | undefined> => {\n\t\tif (!apiRequest) return;\n\n\t\tlet res;\n\t\tlet cacheKey;\n\n\t\tif (useCache) {\n\t\t\t// кэш для полученных ответов через apiRequest\n\t\t\t// общий для всех компонентов, использующих apiRequest\n\t\t\tapiRequest.cache ??= new Map();\n\n\t\t\tcacheKey = JSON.stringify(apiRequest.params);\n\t\t\tres = apiRequest.cache.get(cacheKey);\n\n\t\t\tif (res) {\n\t\t\t\treturn res;\n\t\t\t}\n\t\t}\n\n\t\tisLoading.value = true;\n\t\tres = await apiRequest.call();\n\t\tisLoading.value = false;\n\n\t\tif (res.errors) return;\n\n\t\tif (!Array.isArray(res.result)) {\n\t\t\tconsole.warn(`В result ожидался массив`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\n\t\tif (indexWithError !== -1) {\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (useCache) {\n\t\t\tapiRequest.cache.set(cacheKey as string, res);\n\t\t}\n\n\t\treturn res;\n\t};\n\n\t/**\n\t * Загрузить items\n\t */\n\tconst load = async () => {\n\t\tif (!apiRequest) return;\n\n\t\tapiRequest.params.offset = 0;\n\t\tapiRequest.params.search = _searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\t_nextOffset = res.nextOffset;\n\n\t\titems.value = res.result;\n\t};\n\n\t/**\n\t * Загрузить следующую страницу items\n\t */\n\tconst loadAppend = async () => {\n\t\tif (!apiRequest) return;\n\n\t\t// данных о следующих страницах не обнаружено\n\t\tif (!_nextOffset) return;\n\n\t\t// дозагружать нельзя, если не завершена предыдущшая загрузка\n\t\tif (isLoading.value) return;\n\n\t\tapiRequest.params.offset = _nextOffset;\n\t\tapiRequest.params.search = _searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\t_nextOffset = res.nextOffset;\n\n\t\titems.value = items.value.concat(res.result);\n\t};\n\n\tconst loadDebounce = debounce(() => load(), 200);\n\n\t/**\n\t * Выполнить поиск по указанному тексту\n\t *\n\t * Если длина текста меньше minLength, поиск не будет проивзеден\n\t *\n\t * Если текст не изменился, поиск не будет проивзеден\n\t * @param searchText - текст поиска\n\t * @param useDebounce - отложенное выполнение поиска\n\t */\n\tconst setSearchTextAndLoad = (searchText: string, useDebounce = true) => {\n\t\tif (!apiRequest) return;\n\n\t\tif (searchText.length < minLength) return;\n\n\t\t// условия поиска не поменялись, данные загружены\n\t\tif (searchText === _searchText && items.value.length) return;\n\n\t\t_searchText = searchText;\n\n\t\tif (useDebounce) {\n\t\t\tloadDebounce();\n\t\t} else {\n\t\t\tvoid load();\n\t\t}\n\t};\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\tloadAppend,\n\t\tsetSearchTextAndLoad,\n\t};\n};\n","<script setup lang=\"ts\">\nimport type { Ref, ComputedRef, ModelRef, ComponentInstance } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport type PopupClass from '@/components/popup/lib/popup';\nimport type { Item, Props, Slots } from './selector2';\nimport { useAPI } from './api';\nimport Selector2ItemMulti from './itemMulti.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Array<Item>,\n\tsize: 's',\n\tminLength: 0,\n\tshowSelectedInInput: true,\n});\n\nconst model = defineModel<Props['modelValue']>() as ModelRef<Props['modelValue']>;\n\ndefineSlots<Slots>();\n\n/**\n * Текст поиска по результатам\n */\nconst searchText = ref('');\n\nconst itemAll = {\n\tid: 0,\n\tname: 'Все',\n};\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef: Ref<ComponentInstance<typeof TopPopup> | null> = ref(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): PopupClass | undefined => {\n\treturn popupRef.value?.popup;\n};\n\n// для storybook\nif ((window as any).__STORYBOOK_PREVIEW__ && !props.modelValue) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tmodel.value = props.multiselect ? [] : { id: null, name: '' };\n\t\t},\n\t\t{ immediate: true },\n\t);\n}\n\nconst API = useAPI(props.apiRequest, props.minLength, props.useCache);\n\n/**\n * Варианты выбора: props.items + \"Выбрать все\"\n */\nconst localItems: ComputedRef<Array<Item>> = computed(() => {\n\tconst items: Array<Item> = [];\n\n\tif (!props.multiselect && props.appendAllValue) {\n\t\titems.push(itemAll);\n\t}\n\n\tprops.items.forEach(item => items.push({ ...item }));\n\n\treturn items;\n});\n\n/**\n * Проверить, что элемент выбран\n */\nconst isSelected = (item: Item, checkNameForNullId = true) => {\n\tif (checkNameForNullId && item.id === null) {\n\t\tif (Array.isArray(model.value)) {\n\t\t\treturn model.value.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\n\t\t} else {\n\t\t\treturn item.name === model.value.name;\n\t\t}\n\t}\n\n\tif (Array.isArray(model.value)) {\n\t\treturn model.value.some(itemSelected => itemSelected.id === item.id);\n\t} else {\n\t\treturn item.id === model.value.id;\n\t}\n};\n\n/**\n * Варианты выбора, которые выводятся\n */\nconst itemsForShow = computed(() => {\n\tconst searchString = searchText.value.toLowerCase();\n\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\n\tlet items: typeof localItems.value = [];\n\n\tlocalItems.value.forEach((item) => {\n\t\tconst itemName = item.name.toLowerCase();\n\n\t\tif (\n\t\t\titem.id === Number(searchString) ||\n\t\t\titemName.includes(searchString) ||\n\t\t\titemName.includes(searchStringInvertKeyboard)\n\t\t) {\n\t\t\tif (itemName === searchString || itemName === searchStringInvertKeyboard) {\n\t\t\t\titems.unshift(item);\n\t\t\t} else {\n\t\t\t\titems.push(item);\n\t\t\t}\n\t\t}\n\t});\n\n\titems.push(...API.items.value);\n\n\tif (\n\t\tprops.appendSearchToResult &&\n\t\t!!searchText.value &&\n\t\t(!items.length || items[0].name.toLowerCase() !== searchString)\n\t) {\n\t\titems.push({\n\t\t\tid: null,\n\t\t\tname: searchText.value,\n\t\t});\n\t}\n\n\tif (props.multiselect) {\n\t\titems = items.filter(item => !isSelected(item));\n\t}\n\n\treturn items;\n});\n\n/**\n * Выбрать значение\n *\n * Управляет закрытием окна\n */\nconst selectItem = async (item: Item) => {\n\tif (props.multiselect) {\n\t\tif (!Array.isArray(model.value)) return;\n\n\t\tif (isSelected(item)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newModel = [...model.value];\n\t\tnewModel.push({ ...item });\n\t\tmodel.value = newModel;\n\n\t\tif (Core.state.isMobile) {\n\t\t\tgetPopup()?.close();\n\t\t} else {\n\t\t\tsetTimeout(() => {\n\t\t\t\tgetPopup()?.recalcPosition();\n\t\t\t\tgetPopup()?.elPopupWidget?.querySelector('input')?.focus();\n\n\t\t\t\t// сбросить введенный текст, только если больше не найдено результатов\n\t\t\t\tif (searchText.value) {\n\t\t\t\t\tif (!itemsForShow.value.length) {\n\t\t\t\t\t\tsearchText.value = '';\n\t\t\t\t\t\tAPI.items.value = [];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t} else {\n\t\t// сбросить введенный текст\n\t\tif (searchText.value) {\n\t\t\tsearchText.value = '';\n\t\t\tAPI.items.value = [];\n\t\t}\n\n\t\tif (JSON.stringify(item) !== JSON.stringify(model.value)) {\n\t\t\tmodel.value = { ...item };\n\t\t}\n\n\t\tgetPopup()?.close();\n\t}\n};\n\n/**\n * Выбрать следующее значение\n */\nconst selectNextItem = () => {\n\tif (!Array.isArray(model.value)) {\n\t\tconst currentIndex = localItems.value.findIndex(item => item.id === (model.value as Item).id);\n\t\tconst nextIndex = (currentIndex + 1) % localItems.value.length;\n\t\tmodel.value = { ...localItems.value[nextIndex] };\n\t}\n};\n\n/**\n * Удалить выбранное значение по id\n * @param id\n */\nconst deleteItemById = async (id: Item['id']) => {\n\tif (Array.isArray(model.value)) {\n\t\tmodel.value = model.value.filter(item => item.id !== id);\n\n\t\tsetTimeout(() => {\n\t\t\tgetPopup()?.recalcPosition();\n\t\t});\n\t}\n};\n\nconst isOpened = ref(false); // флаг попап открыт\n\nif (props.apiRequest) {\n\twatch(isOpened, () => {\n\t\tif (isOpened.value) {\n\t\t\t// при открытии сразу выполнить поиск\n\t\t\tAPI.setSearchTextAndLoad(searchText.value, false);\n\t\t}\n\t});\n\n\t// отложенный поиск при вводе текста\n\twatch(searchText, () => API.setSearchTextAndLoad(searchText.value));\n}\n\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tAPI.loadAppend();\n\t}\n};\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"isOpened = true\"\n\t\t@close=\"isOpened = false\"\n\t\t@scrollContentList=\"apiRequest ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t>\n\t\t<template #opener>\n\t\t\t<div\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2' : true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Array<Item>\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"deleteItemById\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"!multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !multiselect && localItems.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\t@click.stop=\"selectNextItem\"\n\t\t\t\t></span>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #widget>\n\t\t\t<TopPopupWidgetInput\n\t\t\t\ttitle=\"Поиск\"\n\t\t\t\ticon=\"\"\n\t\t\t\tv-model=\"searchText\"\n\t\t\t\t:isLoading=\"API.isLoading.value\"\n\t\t\t\t:placeholder=\"!Array.isArray(model) && !multiselect && showSelectedInInput ? model.name : placeholder\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of itemsForShow\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.name === item.name\n\t\t\t\t}\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t@click.stop=\"selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item=\"item\"\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<TopPopupListItem\n\t\t\t\tv-if=\"!itemsForShow.length\"\n\t\t\t\ttype=\"regular\"\n\t\t\t>\n\t\t\t\tНет результатов\n\t\t\t</TopPopupListItem>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n\tmin-height: var(--top-forms-base-height);\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: flex;\n\toverflow: hidden;\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n\tcolor: var(--top-forms-placeholder-color);\n\n\tborder-radius: var(--top-radius-2);\n\tborder: 1px solid var(--top-forms-border-color);\n\tbackground: var(--top-forms-background-color);\n}\n\n.top-selector2-multiselect {\n\twidth: unset;\n\tmin-width: 180px;\n\tpadding: var(--top-padding-1);\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n\t--top-forms-background-color: var(--top-forms-background-color-hover);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\ttransform: translateX(-16px);\n}\n</style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport EditArea from './editArea/editArea.vue';\nimport EditInput from './editInput/editInput.vue';\nimport RadioGroup from './radioGroup/radioGroup.vue';\nimport Selector2 from './selector2/selector2.vue';\nimport Menu from './menu/menu.vue';\n\nexport const TopEditArea = EditArea as typeof EditArea & ComponentCustomProps;\nexport const TopEditInput = EditInput as typeof EditInput & ComponentCustomProps;\nexport const TopRadioGroup = RadioGroup as typeof RadioGroup & ComponentCustomProps;\nexport const TopSelector2 = Selector2 as typeof Selector2 & ComponentCustomProps;\nexport const TopMenu = Menu as typeof Menu & ComponentCustomProps;\n"],"names":["props","__props","emit","__emit","isChanged","vue","localValue","cancelBtnText","submit","value","intermediateValue","elRef","model","_a","item","_c","_b","items","isLoading","_searchText","apiRequest","res","indexWithError","callAPIRequest","_nextOffset","loadAppend","searchText","minLength","popupRef","API","useAPI","localItems","itemAll","itemSelected","itemsForShow","searchStringInvertKeyboard","utils_keyboard","searchString","isSelected","selectItem","newModel","forms","getPopup","_d","nextIndex","deleteItemById","id","isOpened","onScrollContentList","e","el","TopEditArea","_sfc_main$4","TopEditInput","_sfc_main$3","TopRadioGroup","_sfc_main$2","TopSelector2","_sfc_main","TopMenu","menu_vue_vue_type_style_index_0_lang"],"mappings":"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"}
1
+ {"version":3,"file":"formsExt.amd.js","sources":["../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/selector2/api.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/formsExt.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref } from 'vue';\r\nimport Button from '@/components/forms/button/button.vue';\r\nimport type { Emits, Props } from './editArea';\r\nimport Textarea from '@/components/forms/textarea/textarea.vue';\r\n\r\n// TODO: добавить переменную top-forms-fixed-height и использовать ее при добавлении отступов у страницы\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tdefaultValue: '',\r\n\tcancelText: 'Cancel',\r\n\tsubmitText: 'Send',\r\n\tcloseText: 'Close',\r\n\texpandable: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = ref(props.defaultValue);\r\n\r\nconst isFocused = ref(props.isFocused);\r\n\r\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\r\n\r\nconst cancelBtnText = computed(() => {\r\n\tif (props.attachToKeyboard) return '';\r\n\r\n\tif (props.forceShowCloseBtn && !isChanged.value) return props.closeText;\r\n\r\n\treturn props.cancelText;\r\n});\r\n\r\nconst submit = (value: string) => {\r\n\temit('submit', value);\r\n\r\n\tlocalValue.value = props.defaultValue;\r\n};\r\n\r\nconst cancel = () => {\r\n\tif (props.forceShowCloseBtn && !isChanged.value) {\r\n\t\temit('close');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tlocalValue.value = props.defaultValue;\r\n};\r\n\r\nconst clickOnTitle = () => {\r\n\tif (props.attachToKeyboard) emit('clickOnTitle');\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t'top-editArea': true,\r\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tv-if=\"title\"\r\n\t\t\tclass=\"top-editArea_title\"\r\n\t\t\t@click=\"clickOnTitle()\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-editArea_form': true,\r\n\t\t\t\t'top-error': isError,\r\n\t\t\t\t'top-focus': isFocused,\r\n\t\t\t}\"\r\n\t\t>\r\n\t\t\t<Textarea\r\n\t\t\t\tv-top-focus=\"{ disabled: !isFocused }\"\r\n\t\t\t\tv-model=\"localValue\"\r\n\t\t\t\t:name=\"name\"\r\n\t\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t\t:rows=\"rows\"\r\n\t\t\t\t:minHeight=\"minHeight\"\r\n\t\t\t\t:expandable=\"expandable\"\r\n\t\t\t\t:disabled=\"disabled\"\r\n\t\t\t\t:readonly=\"readonly\"\r\n\t\t\t\t:isError=\"isError\"\r\n\t\t\t\t:hint=\"hint\"\r\n\t\t\t\tclass=\"top-editArea_element\"\r\n\t\t\t\t@focus=\"() => isFocused = true\"\r\n\t\t\t\t@blur=\"() => isFocused = false\"\r\n\t\t\t\t@keyup.esc=\"cancel\"\r\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\r\n\t\t\t/>\r\n\r\n\t\t\t<div class=\"top-editArea_footer\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\r\n\t\t\t\t\tclass=\"top-editArea_button\"\r\n\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\tstyling=\"soft\"\r\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\r\n\t\t\t\t\t@click=\"cancel\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ cancelBtnText }}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t<Button\r\n\t\t\t\t\tclass=\"top-editArea_button\"\r\n\t\t\t\t\tv-if=\"isChanged\"\r\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\r\n\t\t\t\t\t@click=\"submit(localValue)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ attachToKeyboard ? '' : submitText }}\r\n\t\t\t\t</Button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-editArea {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 6px;\r\n}\r\n\r\n.top-editArea_title {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.top-editArea_form {\r\n\tflex-direction: column;\r\n}\r\n\r\n.top-editArea_form:hover {\r\n\tborder-color: var(--top-forms-border-color-hover);\r\n}\r\n\r\n.top-editArea_form.top-focus {\r\n\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\r\n}\r\n\r\n/* textarea в EditArea */\r\n.top-textarea {\r\n\twidth: 100%;\r\n}\r\n\r\n.top-editArea_element.top-textarea_textarea {\r\n\tborder: none;\r\n\toutline: none;\r\n\tanimation: none;\r\n}\r\n\r\n/* footer */\r\n.top-editArea_footer {\r\n\tpadding: var(--top-forms-padding);\r\n\tdisplay: flex;\r\n\tmin-height: 32px;\r\n\tjustify-content: flex-end;\r\n\tgap: var(--top-forms-padding);\r\n}\r\n\r\n/* attachedToKeyboard */\r\n.top-editArea-attachedToKeyboard {\r\n\tbackground: var(--top-forms-background-color);\r\n\tmargin-bottom: env(keyboard-inset-height, 0);\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\tz-index: 2;\r\n\tgap: 0;\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_form {\r\n\tborder-radius: 0;\r\n\tborder: none;\r\n\tborder-top: 1px solid var(--top-forms-border-color);\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_title {\r\n\tcursor: pointer;\r\n\tborder-top: 1px solid var(--color-line-2-opacity);\r\n\tpadding: var(--top-forms-padding);\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\r\n\tborder-radius: 100%;\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button {\r\n\tmin-width: auto;\r\n\tpadding: 0;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, toRef, watch } from 'vue';\r\nimport type { Emits, Props } from './editInput';\r\nimport TopInput from '@/components/forms/input/input.vue';\r\nimport TopButton from '@/components/forms/button/button.vue';\r\n\r\nconst props = defineProps<Props>();\r\n\r\nconst intermediateValue = ref(props.modelValue);\r\n\r\nwatch(toRef(props.modelValue), () => {\r\n\tintermediateValue.value = props.modelValue;\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst submit = () => {\r\n\temit('update:modelValue', intermediateValue.value);\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-editInput\">\r\n\t\t<TopInput\r\n\t\t\t:=\"input\"\r\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\r\n\t\t\t@keydown.enter.stop=\"submit\"\r\n\t\t\tv-model=\"intermediateValue\"\r\n\t\t/>\r\n\r\n\t\t<TopButton\r\n\t\t\tv-if=\"intermediateValue !== modelValue\"\r\n\t\t\ticon=\"\"\r\n\t\t\tstyling=\"soft\"\r\n\t\t\t:=\"button\"\r\n\t\t\t@click=\"submit\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-editInput {\r\n\twidth: 220px;\r\n\tflex-grow: 1;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-editInput .top-input {\r\n\twidth: unset;\r\n\tflex-grow: 1;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { Ref } from '@vue/reactivity';\r\nimport { ref, watch } from 'vue';\r\nimport type { Props, Emits } from './radioGroup';\r\n\r\nconst model = defineModel<string>({\r\n\trequired: true,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst elRef: Ref<HTMLElement | null> = ref(null);\r\n\r\nwatch(model, () => {\r\n\tif (!props.radiosProps?.some(item => item.value === model.value)) {\r\n\t\tmodel.value = props.radiosProps?.[0]?.value ?? '';\r\n\t}\r\n\r\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\r\n}, { immediate: true });\r\n\r\nconst uid = 'radioGroup-' + Math.random();\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tref=\"elRef\"\r\n\t\t:class=\"{\r\n\t\t\t['top-radioGroup']: true,\r\n\t\t\t['top-scrollBarXHidding']: true,\r\n\t\t\t['top-size_' + size]: !!size,\r\n\t\t\t['top-error']: isError,\r\n\t\t}\"\r\n\t>\r\n\t\t<label\r\n\t\t\tv-for=\"item of radiosProps\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-radioGroup_item-selected']: item.value === model,\r\n\t\t\t\t['top-radioGroup_item']: true,\r\n\t\t\t\t['top-forms-focusable']: true,\r\n\t\t\t\t['top-disabled']: item.disabled,\r\n\t\t\t}\"\r\n\t\t\t:data-top-icon=\"item.icon\"\r\n\t\t\t@click=\"model = item.value\"\r\n\t\t>\r\n\t\t\t{{ item.title }}\r\n\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"showIndicator\"\r\n\t\t\t\tclass=\"top-radioGroup_circle\"\r\n\t\t\t></span>\r\n\r\n\t\t\t<!-- Для нативной навигации -->\r\n\t\t\t<input\r\n\t\t\t\tv-model=\"model\"\r\n\t\t\t\t:name=\"uid\"\r\n\t\t\t\ttype=\"radio\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t['top-unvisible']: true,\r\n\t\t\t\t}\"\r\n\t\t\t\t:value=\"item.value\"\r\n\t\t\t\t:disabled=\"item.disabled\"\r\n\t\t\t/>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/top-scrollBar.css\";\r\n\r\n.top-radioGroup {\r\n\tuser-select: none;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 8px;\r\n\tbackground-color: var(--color-layout-middle);\r\n\theight: var(--top-forms-base-height);\r\n\tpadding: 2px;\r\n\tgap: 2px;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n}\r\n\r\n.top-radioGroup_item {\r\n\tcolor: var(--color-text-2);\r\n\tcursor: pointer;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 6px;\r\n\theight: calc(var(--top-forms-base-height) - 4px);\r\n\tpadding: 0 16px;\r\n\tfont-weight: 400;\r\n\twhite-space: nowrap;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-grow: 1;\r\n\tgap: 4px;\r\n}\r\n\r\n.top-radioGroup_item:hover {\r\n\tbackground-color: var(--color-layout-front-1);\r\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\r\n}\r\n\r\n/* selected */\r\n.top-radioGroup_item-selected {\r\n\tcolor: var(--color-text-1);\r\n\tpointer-events: none;\r\n\tbackground-color: var(--color-bg-lightning-1);\r\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\r\n}\r\n\r\n/* circle */\r\n.top-radioGroup_circle {\r\n\tcontent: \"\";\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-line-3-opacity);\r\n\tborder-radius: 50%;\r\n\tpadding: 3px;\r\n\tmargin-left: auto;\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-radioGroup_item:hover .top-radioGroup_circle:before {\r\n\tborder-color: var(--color-line-primary-1);\r\n}\r\n\r\n/* circle selected */\r\n.top-radioGroup_item-selected .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-primary-1);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radioGroup_item-selected:hover .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-primary-1);\r\n}\r\n\r\n/* top-error */\r\n.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-negative-1);\r\n}\r\n</style>\r\n","import type { Ref } from 'vue';\r\nimport { ref } from 'vue';\r\nimport { debounce } from '@/core/utils/lodash';\r\nimport type { Item, Props } from './selector2';\r\n\r\nexport const useAPI = (apiRequest: Props['apiRequest'], minLength: number, useCache: Props['useCache']) => {\r\n\t/**\r\n\t * Список, полученный через API\r\n\t */\r\n\tconst items: Ref<Array<Item>> = ref([]);\r\n\r\n\t/**\r\n\t * Флаг - идет загрузка\r\n\t */\r\n\tconst isLoading = ref(false);\r\n\r\n\tlet _searchText = '';\r\n\tlet _nextOffset: number | undefined;\r\n\r\n\tif (apiRequest && !apiRequest.params.limit) {\r\n\t\tapiRequest.params.limit = 100;\r\n\t}\r\n\r\n\t/**\r\n\t * Выполнить обращение к API\r\n\t *\r\n\t * При ошибке вернет undefined\r\n\t */\r\n\tconst callAPIRequest = async (): Promise<{ nextOffset?: number, result: Array<Item> } | undefined> => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tlet res;\r\n\t\tlet cacheKey;\r\n\r\n\t\tif (useCache) {\r\n\t\t\t// кэш для полученных ответов через apiRequest\r\n\t\t\t// общий для всех компонентов, использующих apiRequest\r\n\t\t\tapiRequest.cache ??= new Map();\r\n\r\n\t\t\tcacheKey = JSON.stringify(apiRequest.params);\r\n\t\t\tres = apiRequest.cache.get(cacheKey);\r\n\r\n\t\t\tif (res) {\r\n\t\t\t\treturn res;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tisLoading.value = true;\r\n\t\tres = await apiRequest.call();\r\n\t\tisLoading.value = false;\r\n\r\n\t\tif (res.errors) return;\r\n\r\n\t\tif (!Array.isArray(res.result)) {\r\n\t\t\tconsole.warn(`В result ожидался массив`);\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\r\n\t\tif (indexWithError !== -1) {\r\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (useCache) {\r\n\t\t\tapiRequest.cache.set(cacheKey as string, res);\r\n\t\t}\r\n\r\n\t\treturn res;\r\n\t};\r\n\r\n\t/**\r\n\t * Загрузить items\r\n\t */\r\n\tconst load = async () => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tapiRequest.params.offset = 0;\r\n\t\tapiRequest.params.search = _searchText;\r\n\r\n\t\tconst res = await callAPIRequest();\r\n\t\tif (!res) return;\r\n\r\n\t\t_nextOffset = res.nextOffset;\r\n\r\n\t\titems.value = res.result;\r\n\t};\r\n\r\n\t/**\r\n\t * Загрузить следующую страницу items\r\n\t */\r\n\tconst loadAppend = async () => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\t// данных о следующих страницах не обнаружено\r\n\t\tif (!_nextOffset) return;\r\n\r\n\t\t// дозагружать нельзя, если не завершена предыдущшая загрузка\r\n\t\tif (isLoading.value) return;\r\n\r\n\t\tapiRequest.params.offset = _nextOffset;\r\n\t\tapiRequest.params.search = _searchText;\r\n\r\n\t\tconst res = await callAPIRequest();\r\n\t\tif (!res) return;\r\n\r\n\t\t_nextOffset = res.nextOffset;\r\n\r\n\t\titems.value = items.value.concat(res.result);\r\n\t};\r\n\r\n\tconst loadDebounce = debounce(() => load(), 200);\r\n\r\n\t/**\r\n\t * Выполнить поиск по указанному тексту\r\n\t *\r\n\t * Если длина текста меньше minLength, поиск не будет проивзеден\r\n\t *\r\n\t * Если текст не изменился, поиск не будет проивзеден\r\n\t * @param searchText - текст поиска\r\n\t * @param useDebounce - отложенное выполнение поиска\r\n\t */\r\n\tconst setSearchTextAndLoad = (searchText: string, useDebounce = true) => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tif (searchText.length < minLength) return;\r\n\r\n\t\t// условия поиска не поменялись, данные загружены\r\n\t\tif (searchText === _searchText && items.value.length) return;\r\n\r\n\t\t_searchText = searchText;\r\n\r\n\t\tif (useDebounce) {\r\n\t\t\tloadDebounce();\r\n\t\t} else {\r\n\t\t\tvoid load();\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\titems,\r\n\t\tisLoading,\r\n\t\tloadAppend,\r\n\t\tsetSearchTextAndLoad,\r\n\t};\r\n};\r\n","<script setup lang=\"ts\">\r\nimport type { Ref, ComputedRef, ModelRef, ComponentInstance } from 'vue';\r\nimport { computed, ref, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\r\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\nimport type { Item, Props, Slots } from './selector2';\r\nimport { useAPI } from './api';\r\nimport Selector2ItemMulti from './itemMulti.vue';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\titems: () => [] as Array<Item>,\r\n\tsize: 's',\r\n\tminLength: 0,\r\n\tshowSelectedInInput: true,\r\n});\r\n\r\nconst model = defineModel<Props['modelValue']>() as ModelRef<Props['modelValue']>;\r\n\r\ndefineSlots<Slots>();\r\n\r\n/**\r\n * Текст поиска по результатам\r\n */\r\nconst searchText = ref('');\r\n\r\nconst itemAll = {\r\n\tid: 0,\r\n\tname: 'Все',\r\n};\r\n\r\n/**\r\n * Экземпляр компонента Popup\r\n */\r\nconst popupRef: Ref<ComponentInstance<typeof TopPopup> | null> = ref(null);\r\n\r\n/**\r\n * Получить доступ к объекту popup\r\n */\r\nconst getPopup = (): PopupClass | undefined => {\r\n\treturn popupRef.value?.popup;\r\n};\r\n\r\n// для storybook\r\nif ((window as any).__STORYBOOK_PREVIEW__ && !props.modelValue) {\r\n\twatch(\r\n\t\t() => props.multiselect,\r\n\t\t() => {\r\n\t\t\tmodel.value = props.multiselect ? [] : { id: null, name: '' };\r\n\t\t},\r\n\t\t{ immediate: true },\r\n\t);\r\n}\r\n\r\nconst API = useAPI(props.apiRequest, props.minLength, props.useCache);\r\n\r\n/**\r\n * Варианты выбора: props.items + \"Выбрать все\"\r\n */\r\nconst localItems: ComputedRef<Array<Item>> = computed(() => {\r\n\tconst items: Array<Item> = [];\r\n\r\n\tif (!props.multiselect && props.appendAllValue) {\r\n\t\titems.push(itemAll);\r\n\t}\r\n\r\n\tprops.items.forEach(item => items.push({ ...item }));\r\n\r\n\treturn items;\r\n});\r\n\r\n/**\r\n * Проверить, что элемент выбран\r\n */\r\nconst isSelected = (item: Item, checkNameForNullId = true) => {\r\n\tif (checkNameForNullId && item.id === null) {\r\n\t\tif (Array.isArray(model.value)) {\r\n\t\t\treturn model.value.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\r\n\t\t} else {\r\n\t\t\treturn item.name === model.value.name;\r\n\t\t}\r\n\t}\r\n\r\n\tif (Array.isArray(model.value)) {\r\n\t\treturn model.value.some(itemSelected => itemSelected.id === item.id);\r\n\t} else {\r\n\t\treturn item.id === model.value.id;\r\n\t}\r\n};\r\n\r\n/**\r\n * Варианты выбора, которые выводятся\r\n */\r\nconst itemsForShow = computed(() => {\r\n\tconst searchString = searchText.value.toLowerCase();\r\n\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\r\n\r\n\tlet items: typeof localItems.value = [];\r\n\r\n\tlocalItems.value.forEach((item) => {\r\n\t\tconst itemName = item.name.toLowerCase();\r\n\r\n\t\tif (\r\n\t\t\titem.id === Number(searchString) ||\r\n\t\t\titemName.includes(searchString) ||\r\n\t\t\titemName.includes(searchStringInvertKeyboard)\r\n\t\t) {\r\n\t\t\tif (itemName === searchString || itemName === searchStringInvertKeyboard) {\r\n\t\t\t\titems.unshift(item);\r\n\t\t\t} else {\r\n\t\t\t\titems.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\titems.push(...API.items.value);\r\n\r\n\tif (\r\n\t\tprops.appendSearchToResult &&\r\n\t\t!!searchText.value &&\r\n\t\t(!items.length || items[0].name.toLowerCase() !== searchString)\r\n\t) {\r\n\t\titems.push({\r\n\t\t\tid: null,\r\n\t\t\tname: searchText.value,\r\n\t\t});\r\n\t}\r\n\r\n\tif (props.multiselect) {\r\n\t\titems = items.filter(item => !isSelected(item));\r\n\t}\r\n\r\n\treturn items;\r\n});\r\n\r\n/**\r\n * Выбрать значение\r\n *\r\n * Управляет закрытием окна\r\n */\r\nconst selectItem = async (item: Item) => {\r\n\tif (props.multiselect) {\r\n\t\tif (!Array.isArray(model.value)) return;\r\n\r\n\t\tif (isSelected(item)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst newModel = [...model.value];\r\n\t\tnewModel.push({ ...item });\r\n\t\tmodel.value = newModel;\r\n\r\n\t\tif (Core.state.isMobile) {\r\n\t\t\tgetPopup()?.close();\r\n\t\t} else {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tgetPopup()?.recalcPosition();\r\n\t\t\t\tgetPopup()?.elPopupWidget?.querySelector('input')?.focus();\r\n\r\n\t\t\t\t// сбросить введенный текст, только если больше не найдено результатов\r\n\t\t\t\tif (searchText.value) {\r\n\t\t\t\t\tif (!itemsForShow.value.length) {\r\n\t\t\t\t\t\tsearchText.value = '';\r\n\t\t\t\t\t\tAPI.items.value = [];\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t} else {\r\n\t\t// сбросить введенный текст\r\n\t\tif (searchText.value) {\r\n\t\t\tsearchText.value = '';\r\n\t\t\tAPI.items.value = [];\r\n\t\t}\r\n\r\n\t\tif (JSON.stringify(item) !== JSON.stringify(model.value)) {\r\n\t\t\tmodel.value = { ...item };\r\n\t\t}\r\n\r\n\t\tgetPopup()?.close();\r\n\t}\r\n};\r\n\r\n/**\r\n * Выбрать следующее значение\r\n */\r\nconst selectNextItem = () => {\r\n\tif (!Array.isArray(model.value)) {\r\n\t\tconst currentIndex = localItems.value.findIndex(item => item.id === (model.value as Item).id);\r\n\t\tconst nextIndex = (currentIndex + 1) % localItems.value.length;\r\n\t\tmodel.value = { ...localItems.value[nextIndex] };\r\n\t}\r\n};\r\n\r\n/**\r\n * Удалить выбранное значение по id\r\n * @param id\r\n */\r\nconst deleteItemById = async (id: Item['id']) => {\r\n\tif (Array.isArray(model.value)) {\r\n\t\tmodel.value = model.value.filter(item => item.id !== id);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tgetPopup()?.recalcPosition();\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst isOpened = ref(false); // флаг попап открыт\r\n\r\nif (props.apiRequest) {\r\n\twatch(isOpened, () => {\r\n\t\tif (isOpened.value) {\r\n\t\t\t// при открытии сразу выполнить поиск\r\n\t\t\tAPI.setSearchTextAndLoad(searchText.value, false);\r\n\t\t}\r\n\t});\r\n\r\n\t// отложенный поиск при вводе текста\r\n\twatch(searchText, () => API.setSearchTextAndLoad(searchText.value));\r\n}\r\n\r\nconst onScrollContentList = (e: Event) => {\r\n\tconst el = e.target as HTMLElement;\r\n\r\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\r\n\t\tAPI.loadAppend();\r\n\t}\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<TopPopup\r\n\t\tref=\"popupRef\"\r\n\t\t@open=\"isOpened = true\"\r\n\t\t@close=\"isOpened = false\"\r\n\t\t@scrollContentList=\"apiRequest ? onScrollContentList($event) : undefined\"\r\n\t\t:notch=\"false\"\r\n\t\t:transitionDuration=\"0\"\r\n\t>\r\n\t\t<template #opener>\r\n\t\t\t<div\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'top-selector2' : true,\r\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\r\n\t\t\t\t\t['top-size_' + size]: true,\r\n\t\t\t\t\t['top-disabled']: disabled,\r\n\t\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t\t['top-error']: isError,\r\n\t\t\t\t}\"\r\n\t\t\t>\r\n\t\t\t\t<template v-if=\"multiselect\">\r\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\r\n\t\t\t\t\t\t<Selector2ItemMulti\r\n\t\t\t\t\t\t\tv-for=\"item of model as Array<Item>\"\r\n\t\t\t\t\t\t\t:id=\"item.id\"\r\n\t\t\t\t\t\t\t:name=\"item.name\"\r\n\t\t\t\t\t\t\t@delete=\"deleteItemById\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</template>\r\n\r\n\t\t\t\t<span v-if=\"!multiselect\" class=\"top-selector2_activeName top-ellipsis\">\r\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\r\n\t\t\t\t</span>\r\n\r\n\t\t\t\t<span\r\n\t\t\t\t\tv-if=\"addChanger && !multiselect && localItems.length > 1 && !disabled\"\r\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\r\n\t\t\t\t\t@click.stop=\"selectNextItem\"\r\n\t\t\t\t></span>\r\n\t\t\t</div>\r\n\t\t</template>\r\n\r\n\t\t<template #widget>\r\n\t\t\t<TopPopupWidgetInput\r\n\t\t\t\ttitle=\"Поиск\"\r\n\t\t\t\ticon=\"\"\r\n\t\t\t\tv-model=\"searchText\"\r\n\t\t\t\t:isLoading=\"API.isLoading.value\"\r\n\t\t\t\t:placeholder=\"!Array.isArray(model) && !multiselect && showSelectedInInput ? model.name : placeholder\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\r\n\t\t<template #contentList>\r\n\t\t\t<TopPopupListItem\r\n\t\t\t\tv-for=\"item of itemsForShow\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.name === item.name\r\n\t\t\t\t}\"\r\n\t\t\t\t:key=\"item.id ?? undefined\"\r\n\t\t\t\t@click.stop=\"selectItem(item)\"\r\n\t\t\t>\r\n\t\t\t\t<slot\r\n\t\t\t\t\tv-if=\"$slots.item\"\r\n\t\t\t\t\tname=\"item\"\r\n\t\t\t\t\t:item=\"item\"\r\n\t\t\t\t></slot>\r\n\r\n\t\t\t\t<template\r\n\t\t\t\t\tv-else\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ item.name }}\r\n\t\t\t\t</template>\r\n\t\t\t</TopPopupListItem>\r\n\r\n\t\t\t<TopPopupListItem\r\n\t\t\t\tv-if=\"!itemsForShow.length\"\r\n\t\t\t\ttype=\"regular\"\r\n\t\t\t>\r\n\t\t\t\tНет результатов\r\n\t\t\t</TopPopupListItem>\r\n\t\t</template>\r\n\t</TopPopup>\r\n</template>\r\n\r\n<style>\r\n.top-selector2 {\r\n\twidth: 180px;\r\n\tmin-height: var(--top-forms-base-height);\r\n\tbox-sizing: border-box;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\r\n\tcolor: var(--top-forms-placeholder-color);\r\n\r\n\tborder-radius: var(--top-radius-2);\r\n\tborder: 1px solid var(--top-forms-border-color);\r\n\tbackground: var(--top-forms-background-color);\r\n}\r\n\r\n.top-selector2-multiselect {\r\n\twidth: unset;\r\n\tmin-width: 180px;\r\n\tpadding: var(--top-padding-1);\r\n}\r\n\r\n.top-selector2.top-active {\r\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\r\n\t--top-forms-background-color: var(--top-forms-background-color-hover);\r\n}\r\n\r\n.top-selector2_activeItems {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--top-padding-1);\r\n\tmax-width: 100%;\r\n}\r\n\r\n.top-selector2_activeName {\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.top-changer-selector {\r\n\ttransform: translateX(-16px);\r\n}\r\n</style>\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport EditArea from './editArea/editArea.vue';\r\nimport EditInput from './editInput/editInput.vue';\r\nimport RadioGroup from './radioGroup/radioGroup.vue';\r\nimport Selector2 from './selector2/selector2.vue';\r\nimport Menu from './menu/menu.vue';\r\n\r\nexport const TopEditArea = EditArea as typeof EditArea & ComponentCustomProps;\r\nexport const TopEditInput = EditInput as typeof EditInput & ComponentCustomProps;\r\nexport const TopRadioGroup = RadioGroup as typeof RadioGroup & ComponentCustomProps;\r\nexport const TopSelector2 = Selector2 as typeof Selector2 & ComponentCustomProps;\r\nexport const TopMenu = Menu as typeof Menu & ComponentCustomProps;\r\n"],"names":["props","__props","emit","__emit","isChanged","vue","localValue","cancelBtnText","submit","value","intermediateValue","elRef","model","_a","item","_c","_b","items","isLoading","_searchText","apiRequest","res","indexWithError","callAPIRequest","_nextOffset","loadAppend","searchText","minLength","popupRef","API","useAPI","localItems","itemAll","itemSelected","itemsForShow","searchStringInvertKeyboard","utils_keyboard","searchString","isSelected","selectItem","newModel","forms","getPopup","_d","nextIndex","deleteItemById","id","isOpened","onScrollContentList","e","el","TopEditArea","_sfc_main$4","TopEditInput","_sfc_main$3","TopRadioGroup","_sfc_main$2","TopSelector2","_sfc_main","TopMenu","menu_vue_vue_type_style_index_0_lang"],"mappings":"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"}
@@ -1,9 +1,9 @@
1
1
  import { Core as j } from "../core/app.js";
2
2
  import { defineComponent as P, ref as T, computed as N, resolveDirective as Z, openBlock as c, createElementBlock as v, normalizeClass as S, toDisplayString as B, createCommentVNode as A, createElementVNode as K, withDirectives as X, createVNode as H, withKeys as _, withModifiers as I, createBlock as k, withCtx as C, createTextVNode as $, watch as E, toRef as q, mergeProps as J, mergeModels as z, useModel as Y, Fragment as O, renderList as G, vModelRadio as x, unref as L, renderSlot as ee } from "vue";
3
- import { w as te, _ as D, c as oe, s as le, C as ae } from "../.chunks/forms-BydHEF-k.es.js";
3
+ import { w as te, _ as D, c as oe, s as le, C as ae } from "../.chunks/forms-B6DA2YGV.es.js";
4
4
  import { invertKeyboardLayout as se } from "../utils/keyboard.js";
5
5
  import { TopPopup as re, TopPopupWidgetInput as ne, TopPopupListItem as R } from "../popup/popup.js";
6
- import { _ as ie } from "../.chunks/menu.vue_vue_type_style_index_0_lang-C585WUlJ.es.js";
6
+ import { _ as ie } from "../.chunks/menu.vue_vue_type_style_index_0_lang-DNejp6r9.es.js";
7
7
  const Q = ["../assets/formsExt.css"].map((r) => import.meta.resolve(r));
8
8
  j.insertCSSLinkToPage(Q, !0);
9
9
  const ue = { class: "top-editArea_footer" }, de = /* @__PURE__ */ P({