@topvisor/ui 1.0.26-9 → 1.0.27

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 (119) hide show
  1. package/.chunks/{core-B9imztzR.amd.js → core-BmIJ2adg.amd.js} +2 -2
  2. package/.chunks/{core-B9imztzR.amd.js.map → core-BmIJ2adg.amd.js.map} +1 -1
  3. package/.chunks/{core-Bcq6idRz.es.js → core-C0QEqD1d.es.js} +4 -4
  4. package/.chunks/{core-Bcq6idRz.es.js.map → core-C0QEqD1d.es.js.map} +1 -1
  5. package/.chunks/{datepicker-DPc8qQ_Y.es.js → datepicker-CXhUvPw5.es.js} +2 -2
  6. package/.chunks/{datepicker-DPc8qQ_Y.es.js.map → datepicker-CXhUvPw5.es.js.map} +1 -1
  7. package/.chunks/{datepicker-NsthdPQ1.amd.js → datepicker-bNYuHqTY.amd.js} +2 -2
  8. package/.chunks/{datepicker-NsthdPQ1.amd.js.map → datepicker-bNYuHqTY.amd.js.map} +1 -1
  9. package/.chunks/dialog_selectorRegions-D9DQxYlD.amd.js +2 -0
  10. package/.chunks/dialog_selectorRegions-D9DQxYlD.amd.js.map +1 -0
  11. package/.chunks/dialog_selectorRegions-kjMlLJUX.es.js +186 -0
  12. package/.chunks/dialog_selectorRegions-kjMlLJUX.es.js.map +1 -0
  13. package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-vT5jI1Ll.amd.js → dialogs.vue_vue_type_script_setup_true_lang-ChHXFPiF.amd.js} +2 -2
  14. package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-vT5jI1Ll.amd.js.map → dialogs.vue_vue_type_script_setup_true_lang-ChHXFPiF.amd.js.map} +1 -1
  15. package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-BLGKFF8Y.es.js → dialogs.vue_vue_type_script_setup_true_lang-IEhQGR1d.es.js} +2 -2
  16. package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-BLGKFF8Y.es.js.map → dialogs.vue_vue_type_script_setup_true_lang-IEhQGR1d.es.js.map} +1 -1
  17. package/.chunks/{forms-B3bJpLOo.amd.js → forms-CJ5N_pAq.amd.js} +3 -3
  18. package/.chunks/{forms-B3bJpLOo.amd.js.map → forms-CJ5N_pAq.amd.js.map} +1 -1
  19. package/.chunks/{forms-BEMrEl5V.es.js → forms-Dg0Huskq.es.js} +427 -421
  20. package/.chunks/{forms-BEMrEl5V.es.js.map → forms-Dg0Huskq.es.js.map} +1 -1
  21. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-DMQVN3dP.es.js → listItem.vue_vue_type_script_setup_true_lang-CN0_pb-f.es.js} +2 -2
  22. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CN0_pb-f.es.js.map +1 -0
  23. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-DLF_Qnj6.amd.js → listItem.vue_vue_type_script_setup_true_lang-Ccx-3_PR.amd.js} +2 -2
  24. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-Ccx-3_PR.amd.js.map +1 -0
  25. package/.chunks/{menu.vue_vue_type_style_index_0_lang-DzNVeeZl.es.js → menu.vue_vue_type_style_index_0_lang-B9HkLtVf.es.js} +7 -7
  26. package/.chunks/menu.vue_vue_type_style_index_0_lang-B9HkLtVf.es.js.map +1 -0
  27. package/.chunks/{menu.vue_vue_type_style_index_0_lang-VpwRSIdl.amd.js → menu.vue_vue_type_style_index_0_lang-Bn4GA1gj.amd.js} +2 -2
  28. package/.chunks/menu.vue_vue_type_style_index_0_lang-Bn4GA1gj.amd.js.map +1 -0
  29. package/.chunks/{notice-DMnioYtH.amd.js → notice-COAtZx4K.amd.js} +2 -2
  30. package/.chunks/{notice-DMnioYtH.amd.js.map → notice-COAtZx4K.amd.js.map} +1 -1
  31. package/.chunks/{notice-CTntRScY.es.js → notice-DfI-Ga6e.es.js} +2 -2
  32. package/.chunks/{notice-CTntRScY.es.js.map → notice-DfI-Ga6e.es.js.map} +1 -1
  33. package/.chunks/{page.vue_vue_type_script_setup_true_lang-BI9HWAyQ.amd.js → page.vue_vue_type_script_setup_true_lang-CQbcjBRq.amd.js} +2 -2
  34. package/.chunks/{page.vue_vue_type_script_setup_true_lang-BI9HWAyQ.amd.js.map → page.vue_vue_type_script_setup_true_lang-CQbcjBRq.amd.js.map} +1 -1
  35. package/.chunks/{page.vue_vue_type_script_setup_true_lang-CCE8pKg7.es.js → page.vue_vue_type_script_setup_true_lang-DqkGsz8-.es.js} +4 -4
  36. package/.chunks/{page.vue_vue_type_script_setup_true_lang-CCE8pKg7.es.js.map → page.vue_vue_type_script_setup_true_lang-DqkGsz8-.es.js.map} +1 -1
  37. package/.chunks/{popup-BnyVyxQA.amd.js → popup-Cvlw738y.amd.js} +2 -2
  38. package/.chunks/{popup-BnyVyxQA.amd.js.map → popup-Cvlw738y.amd.js.map} +1 -1
  39. package/.chunks/{popup-INaxGjMc.es.js → popup-ScwGndLi.es.js} +2 -2
  40. package/.chunks/{popup-INaxGjMc.es.js.map → popup-ScwGndLi.es.js.map} +1 -1
  41. package/.chunks/{utils-DIly8mml.es.js → utils-6pAQX17-.es.js} +2 -2
  42. package/.chunks/{utils-DIly8mml.es.js.map → utils-6pAQX17-.es.js.map} +1 -1
  43. package/.chunks/{utils-D4KXBloN.es.js → utils-B8OQ-bo6.es.js} +3 -3
  44. package/.chunks/{utils-D4KXBloN.es.js.map → utils-B8OQ-bo6.es.js.map} +1 -1
  45. package/.chunks/{utils-CTjq0RlC.amd.js → utils-Kng8viAk.amd.js} +2 -2
  46. package/.chunks/{utils-CTjq0RlC.amd.js.map → utils-Kng8viAk.amd.js.map} +1 -1
  47. package/.chunks/{utils-Bi5onrSF.amd.js → utils-dA01j_vJ.amd.js} +2 -2
  48. package/.chunks/{utils-Bi5onrSF.amd.js.map → utils-dA01j_vJ.amd.js.map} +1 -1
  49. package/assets/forms.css +1 -1
  50. package/assets/project.css +1 -1
  51. package/charts/charts.amd.js +1 -1
  52. package/charts/charts.js +1 -1
  53. package/components/dialog/dialog/page/types.d.ts +2 -2
  54. package/components/formsExt/info/types.d.ts +1 -1
  55. package/components/formsExt/selector2/selector2.d.ts +1 -1
  56. package/components/formsExt/selector2/selector2.vue.d.ts +5 -5
  57. package/components/layout/islandRows/types.d.ts +1 -1
  58. package/components/popup/popup/popup.vue.d.ts +2 -2
  59. package/core/app.amd.js +1 -1
  60. package/core/app.js +5 -5
  61. package/core/plugins/core.d.ts +1 -1
  62. package/core/plugins/i18n.d.ts +4 -4
  63. package/dialog/dialog.amd.js +1 -1
  64. package/dialog/dialog.amd.js.map +1 -1
  65. package/dialog/dialog.js +2 -2
  66. package/dialog/dialog.js.map +1 -1
  67. package/forms/forms.amd.js +1 -1
  68. package/forms/forms.js +1 -1
  69. package/formsExt/formsExt.amd.js +1 -1
  70. package/formsExt/formsExt.amd.js.map +1 -1
  71. package/formsExt/formsExt.js +2 -2
  72. package/formsExt/formsExt.js.map +1 -1
  73. package/icomoon/Topvisor icons.json +226 -41
  74. package/icomoon/demo.html +364 -252
  75. package/icomoon/fonts/Topvisor-2.eot +0 -0
  76. package/icomoon/fonts/Topvisor-2.svg +9 -1
  77. package/icomoon/fonts/Topvisor-2.ttf +0 -0
  78. package/icomoon/fonts/Topvisor-2.woff +0 -0
  79. package/icomoon/selection.json +1 -1
  80. package/icomoon/style.css +29 -5
  81. package/layout/layout.amd.js +1 -1
  82. package/layout/layout.js +1 -1
  83. package/package.json +7 -7
  84. package/popup/popup.amd.js +1 -1
  85. package/popup/popup.js +2 -2
  86. package/popup/worker.amd.js +1 -1
  87. package/popup/worker.js +2 -2
  88. package/project/project.amd.js +1 -1
  89. package/project/project.amd.js.map +1 -1
  90. package/project/project.js +5 -5
  91. package/project/project.js.map +1 -1
  92. package/tabsView/tabsView.amd.js +1 -1
  93. package/tabsView/tabsView.amd.js.map +1 -1
  94. package/tabsView/tabsView.js +2 -2
  95. package/tabsView/tabsView.js.map +1 -1
  96. package/utils/clipboard.amd.js +1 -1
  97. package/utils/clipboard.js +1 -1
  98. package/utils/date.amd.js +1 -1
  99. package/utils/date.js +1 -1
  100. package/utils/device.amd.js +1 -1
  101. package/utils/device.js +1 -1
  102. package/utils/lodash.amd.js +1 -1
  103. package/utils/lodash.js +1 -1
  104. package/utils/price.amd.js +1 -1
  105. package/utils/price.js +1 -1
  106. package/utils/searchers.amd.js +1 -1
  107. package/utils/searchers.js +3 -3
  108. package/utils/string.amd.js +1 -1
  109. package/utils/string.amd.js.map +1 -1
  110. package/utils/string.js +10 -10
  111. package/utils/string.js.map +1 -1
  112. package/.chunks/dialog_selectorRegions-DZR64Wm8.es.js +0 -181
  113. package/.chunks/dialog_selectorRegions-DZR64Wm8.es.js.map +0 -1
  114. package/.chunks/dialog_selectorRegions-D_HXNjOX.amd.js +0 -2
  115. package/.chunks/dialog_selectorRegions-D_HXNjOX.amd.js.map +0 -1
  116. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DLF_Qnj6.amd.js.map +0 -1
  117. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DMQVN3dP.es.js.map +0 -1
  118. package/.chunks/menu.vue_vue_type_style_index_0_lang-DzNVeeZl.es.js.map +0 -1
  119. package/.chunks/menu.vue_vue_type_style_index_0_lang-VpwRSIdl.amd.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"string.js","sources":["../../src/core/utils/string.ts"],"sourcesContent":["/**\n * Работа со строками\n * @packageDocumentation\n */\n\nimport { getDomainRegexp } from '@/core/utils/check';\nimport { useI18nLang } from '@/core/plugins/i18n';\n\n/**\n * Сгенерировать числовой хэш от строки для идентификатора\n */\nexport const genIntHash = (string: string): number => {\n\tstring += '';\n\n\tlet hash = 0;\n\tif (!string.length) return hash;\n\n\tfor (let i = 0; i < string.length; i++) {\n\t\tconst char = string.charCodeAt(i);\n\t\thash = ((hash << 5) - hash) + char;\n\t\thash = hash & hash;\n\t}\n\n\tif (hash < 0) hash *= -1;\n\n\treturn hash;\n};\n\n/**\n * Проверить что переданная строка является URL\n */\nexport const isUrl = (url: string): boolean => {\n\treturn /^\\w+:\\/\\/([\\w-]+\\.)+[\\w-]+(:\\d+)?(\\/|$)/.test(url);\n};\n\n/**\n * Добавляет пробелы между разрядами если требуется\n * @param nStr строка с числом\n */\nexport const addCommasWhite = (n: number | string): string => {\n\tlet nStr = n + '';\n\n\tnStr = nStr.replace('-', '–');\n\n\tlet x = nStr.split('.');\n\tlet x1 = x[0];\n\tlet x2 = (x.length > 1) ? ('.' + x[1]) : '';\n\n\tif (x1.replace(/[+–]/, '').length <= 4) return nStr;\n\n\tconst rgx = /(\\d+)(\\d{3})/;\n\twhile (rgx.test(x1)) {\n\t\tx1 = x1.replace(rgx, '$1' + ' ' + '$2');\n\t}\n\treturn x1 + x2;\n};\n\n/**\n * Вставляет HTML-код разрыва строки перед каждым переводом строки\n */\nexport const nl2br = (str: string): string => {\n\tif (str === undefined) return '';\n\n\treturn str.replace(/\\r\\n|\\r|\\n/g, '<br>');\n};\n\n/**\n * Перевести число без деситичной приставки в число с деситичной приставкой степеней тысячи (с параметрами по умолчанию 1255 -> '1.26 K')\n * @param number\n * @param precision - точность, количество знаков после запятой\n * @param dimension - размерность, по умолчанию 1000\n * @param suffix - суффикс к десятичной приставке (по умолчанию выводится латинская заглавная буква)\n */\nexport const numberWithWord = (number: number, precision = 2, dimension = 1000, suffix = ''): string => {\n\tconst k = Math.pow(10, precision);\n\n\tlet numberStr = String(number);\n\tif (Math.abs(number) > Math.pow(dimension, 3)) {\n\t\tnumberStr = Math.round(number / Math.pow(dimension, 3) * k) / k + ' <small>G' + suffix + '</small>';\n\t} else if (Math.abs(number) > Math.pow(dimension, 2)) {\n\t\tnumberStr = Math.round(number / Math.pow(dimension, 2) * k) / k + ' <small>M' + suffix + '</small>';\n\t} else if (Math.abs(number) > dimension) {\n\t\tnumberStr = Math.round(number / dimension * k) / k + ' <small>K' + suffix + '</small>';\n\t}\n\n\tnumberStr = numberStr.replace(/^(-?\\d+)(\\d{3})/, '$1 $2');\n\n\treturn numberStr;\n};\n\n/**\n * Обрезать текст под три точки\n * @param string\n * @param max_length - максимальное количество символов текста, остальное обрежеться\n * @param pos - область обрезки 0-начало | 1-середина | 2-конец строки\n */\nexport const ellipsis = (string: string, max_length: number, pos: 0 | 1 | 2 = 1): string => {\n\tif (string == undefined) return '';\n\n\tstring += '';\n\tif (max_length == undefined || string.length <= max_length) return string;\n\n\tif (pos === 0) {\n\t\tstring = string.substr(string.length - max_length, max_length);\n\t\tstring = '...' + string;\n\t} else if (pos === 1) {\n\t\tconst string1 = string.substr(0, max_length / 2);\n\t\tconst string2 = string.substr(string.length - max_length / 2, Math.ceil(max_length / 2));\n\t\tstring = string1 + '...' + string2;\n\t} else if (pos === 2) {\n\t\tstring = string.substr(0, max_length);\n\t\tstring = string + '...';\n\t}\n\n\treturn string;\n};\n\n/**\n * Сгенерировать строку текста для вывода количества в разном склонении\n * @param num\n * @param ending0 - родительный падеж, множ. число (10 модулей)\n * @param ending1 - именительный падеж, ед. число (1 модуль)\n * @param ending2 - винительный падеж, множ. число (3 модуля)\n */\nexport const numberEnding = (num: number, ending0: string, ending1: string, ending2: string): string => {\n\t// склонение по множественному числу\n\tif (useI18nLang().value === 'en') {\n\t\tif (num === 1) {\n\t\t\treturn ending1;\n\t\t} else {\n\t\t\treturn ending0;\n\t\t}\n\t}\n\n\tconst num100 = num % 100;\n\tconst num10 = num % 10;\n\n\tif (num100 >= 5 && num100 <= 20) {\n\t\treturn ending0;\n\t} else if (num10 === 0) {\n\t\treturn ending0;\n\t} else if (num10 === 1) {\n\t\treturn ending1;\n\t} else if (num10 >= 2 && num10 <= 4) {\n\t\treturn ending2;\n\t} else if (num10 >= 5 && num10 <= 9) {\n\t\treturn ending0;\n\t} else {\n\t\treturn ending2;\n\t}\n};\n\n/**\n * Перевести строку в родительный падеж\n */\nexport const toRoditPadej = (str: string): string => {\n\tif (useI18nLang().value != 'ru' || str == '') return str;\n\n\tconst str_array = str.split(' ');\n\n\t$.map(str_array, function (str, index) {\n\t\tstr = str + 'а';\n\t\tstr = str.replace('оа', 'о');\n\t\tstr = str.replace('аяа', 'ой');\n\t\tstr = str.replace('шийа', 'шого');\n\t\tstr = str.replace('ыйа', 'ого');\n\t\tstr = str.replace('йа', 'я');\n\t\tstr = str.replace('ьа', 'я');\n\t\tstr = str.replace('яа', 'и');\n\t\tstr = str.replace('оваа', 'овой');\n\t\tstr = str.replace('аа', 'ы');\n\t\tstr = str.replace('кия', 'кого');\n\t\tstr = str.replace('каи', 'кой');\n\n\t\tstr_array[index] = str;\n\t});\n\n\tstr = str_array.join(' ');\n\n\treturn str;\n};\n\n/**\n * Транслитерация текста\n */\nexport const rusToLatin = (str: string): string => {\n\tconst ru: { [index: string]: string } = {\n\t\t'а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd',\n\t\t'е': 'e', 'ё': 'e', 'ж': 'j', 'з': 'z', 'и': 'i',\n\t\t'й': 'i', 'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n',\n\t\t'о': 'o', 'п': 'p', 'р': 'r', 'с': 's', 'т': 't',\n\t\t'у': 'u', 'ф': 'f', 'х': 'h', 'ц': 'c', 'ч': 'ch',\n\t\t'ш': 'sh', 'щ': 'shch', 'ъ': '', 'ы': 'y', 'ь': '',\n\t\t'э': 'e', 'ю': 'u', 'я': 'ya',\n\t};\n\n\tconst str_array = str.split(' ');\n\n\t$.map(str_array, function (str, index) {\n\t\tconst newStr: string[] = [];\n\t\tfor (let i = 0; i < str.length; ++i) {\n\t\t\tnewStr.push(\n\t\t\t\tru[str[i]] || ru[str[i].toLowerCase()] == undefined && str[i] || ru[str[i].toLowerCase()].replace(/^(.)/, function (match) {\n\t\t\t\t\treturn match.toUpperCase();\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\n\t\tstr_array[index] = newStr.join('');\n\t});\n\n\tstr = str_array.join(' ');\n\n\treturn str;\n};\n\n/**\n * Замена html-символов (`&`, `<`, `>`, `\"`, `'`) на имена литер (`&` -> `&amp;`)\n */\nexport const htmlspecialchars = (str: string): string => {\n\tif (typeof (str) == 'string') {\n\t\tstr = str\n\t\t\t.replace(/&/g, '&amp;')\n\t\t\t.replace(/</g, '&lt;')\n\t\t\t.replace(/>/g, '&gt;')\n\t\t\t.replace(/\"/g, '&quot;')\n\t\t\t.replace(/'/g, '&#039;');\n\t}\n\treturn str;\n};\n\n/**\n * Выделить нужное в тексте желтым цветом\n * поиск происходит по строке fieldFilter.values[0]\n */\nexport const highlightHtml = (text: string, fieldFilter: { operator: 'CONTAINS' | 'REGEXP', values: string[] }): string => {\n\tlet regExp: RegExp | null = null;\n\n\tswitch (fieldFilter.operator) {\n\t\tcase 'CONTAINS':\n\t\tcase 'REGEXP':\n\t\t\ttry {\n\t\t\t\tlet regExpString = fieldFilter.values[0];\n\t\t\t\tif (fieldFilter.operator != 'REGEXP') regExpString = regExpString.replace(/([()\\[\\]])/g, '\\\\$1');\n\n\t\t\t\tregExp = new RegExp('(' + regExpString + ')', 'gi');\n\t\t\t} catch (exception) {\n\t\t\t\treturn text;\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\ttext = text.replace(regExp!, '<b class=\"found\">$1</b>');\n\n\treturn text;\n};\n\n/**\n * Пример: logHTTPCodesHundreds => log_http_codes_hundreds\n */\nexport const camelToSnakeCase = (str: string): string | undefined => {\n\treturn str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)?.map(token => token.toLowerCase()).join('_');\n};\n\n/**\n * Получить url изображения флага, по коду страны по стандарту ISO 3166-1 alpha-2\n *\n * @todo Опубликовать в CDN или брать c публичного CDN\n */\nexport const genFlagLinkByCountryCode = (countryCode: string) => {\n\tconst urlImage = '/cloud/common/flags/' + countryCode.toUpperCase() + '.svg';\n\treturn `/controller/file/?src=${urlImage}`;\n};\n\n/**\n * Обернуть все ссылки и email в тексте в html-тег `<a>`.\n *\n * Для email ставиться префикс `mailto:`\n */\nexport const addLinkTags = (text: string): string => {\n\tconst domainRegexp = getDomainRegexp();\n\tconst afterDomainRegexp = '(([\\\\/?\\\\w&=%+#;:-]*(\\\\.\\\\w+)?))*';\n\n\tconst regexpMailto = new RegExp(`(^|[\\\\s>(),])([a-z0-9а-яё_.]+@${domainRegexp}${afterDomainRegexp})`, 'gui');\n\ttext = text.replace(regexpMailto, `$1<a href=\"mailto:$2\" target=\"_blank\" rel=\"noopener\">↑[$2]↓</a>`);\n\n\tconst regexpLink = new RegExp(`(^|[\\\\s>(),])(https?:\\/\\/)?(${domainRegexp}${afterDomainRegexp})`, 'gui');\n\ttext = text.replace(regexpLink, `$1<a href=\"√$2$3\" target=\"_blank\" rel=\"nofollow noopener\">$2$3</a>`);\n\n\ttext = text.replaceAll('√http', 'http');\n\ttext = text.replaceAll('√', 'http://');\n\ttext = text.replaceAll(/(↑\\[|]↓)/g, '');\n\n\treturn text;\n};\n\n/**\n * Перевести первую букву строки в верхний регистр\n */\nexport const toCapitalize = (str: string): string => {\n\treturn str.charAt(0).toUpperCase() + str.slice(1);\n};\n\n/**\n * Получить случайную строку\n */\nexport const getRandomHash = (length: number = 20): string => {\n\tconst l = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890';\n\n\tlet result = '';\n\tfor (let i = 0; i < length; i++) {\n\t\tresult += l[Math.floor(Math.random() * l.length)];\n\t}\n\n\treturn result;\n};\n"],"names":["genIntHash","string","hash","i","char","isUrl","url","addCommasWhite","n","nStr","x","x1","x2","rgx","nl2br","str","numberWithWord","number","precision","dimension","suffix","k","numberStr","ellipsis","max_length","pos","string1","string2","numberEnding","num","ending0","ending1","ending2","useI18nLang","num100","num10","toRoditPadej","str_array","index","rusToLatin","ru","newStr","match","htmlspecialchars","highlightHtml","text","fieldFilter","regExp","regExpString","camelToSnakeCase","_a","token","genFlagLinkByCountryCode","countryCode","addLinkTags","domainRegexp","getDomainRegexp","afterDomainRegexp","regexpMailto","regexpLink","toCapitalize","getRandomHash","length","result"],"mappings":";;AAWa,MAAAA,IAAa,CAACC,MAA2B;AAC3C,EAAAA,KAAA;AAEV,MAAIC,IAAO;AACP,MAAA,CAACD,EAAO,OAAe,QAAAC;AAE3B,WAASC,IAAI,GAAGA,IAAIF,EAAO,QAAQE,KAAK;AACjC,UAAAC,IAAOH,EAAO,WAAWE,CAAC;AACvB,IAAAD,KAAAA,KAAQ,KAAKA,IAAQE,GAC9BF,IAAOA,IAAOA;AAAA,EAAA;AAGX,SAAAA,IAAO,MAAWA,KAAA,KAEfA;AACR,GAKaG,IAAQ,CAACC,MACd,0CAA0C,KAAKA,CAAG,GAO7CC,IAAiB,CAACC,MAA+B;AAC7D,MAAIC,IAAOD,IAAI;AAER,EAAAC,IAAAA,EAAK,QAAQ,KAAK,GAAG;AAExB,MAAAC,IAAID,EAAK,MAAM,GAAG,GAClBE,IAAKD,EAAE,CAAC,GACRE,IAAMF,EAAE,SAAS,IAAM,MAAMA,EAAE,CAAC,IAAK;AAEzC,MAAIC,EAAG,QAAQ,QAAQ,EAAE,EAAE,UAAU,EAAU,QAAAF;AAE/C,QAAMI,IAAM;AACL,SAAAA,EAAI,KAAKF,CAAE;AACZ,IAAAA,IAAAA,EAAG,QAAQE,GAAK,OAAiB;AAEvC,SAAOF,IAAKC;AACb,GAKaE,IAAQ,CAACC,MACjBA,MAAQ,SAAkB,KAEvBA,EAAI,QAAQ,eAAe,MAAM,GAU5BC,IAAiB,CAACC,GAAgBC,IAAY,GAAGC,IAAY,KAAMC,IAAS,OAAe;AACvG,QAAMC,IAAI,KAAK,IAAI,IAAIH,CAAS;AAE5B,MAAAI,IAAY,OAAOL,CAAM;AACzB,SAAA,KAAK,IAAIA,CAAM,IAAI,KAAK,IAAIE,GAAW,CAAC,IAC3CG,IAAY,KAAK,MAAML,IAAS,KAAK,IAAIE,GAAW,CAAC,IAAIE,CAAC,IAAIA,IAAI,cAAcD,IAAS,aAC/E,KAAK,IAAIH,CAAM,IAAI,KAAK,IAAIE,GAAW,CAAC,IAClDG,IAAY,KAAK,MAAML,IAAS,KAAK,IAAIE,GAAW,CAAC,IAAIE,CAAC,IAAIA,IAAI,cAAcD,IAAS,aAC/E,KAAK,IAAIH,CAAM,IAAIE,MACjBG,IAAA,KAAK,MAAML,IAASE,IAAYE,CAAC,IAAIA,IAAI,cAAcD,IAAS,aAGjEE,IAAAA,EAAU,QAAQ,mBAAmB,OAAO,GAEjDA;AACR,GAQaC,IAAW,CAACtB,GAAgBuB,GAAoBC,IAAiB,MAAc;AACvF,MAAAxB,KAAU,KAAkB,QAAA;AAGhC,MADUA,KAAA,IACNuB,KAAc,QAAavB,EAAO,UAAUuB,EAAmB,QAAAvB;AAEnE,MAAIwB,MAAQ;AACX,IAAAxB,IAASA,EAAO,OAAOA,EAAO,SAASuB,GAAYA,CAAU,GAC7DvB,IAAS,QAAQA;AAAA,WACPwB,MAAQ,GAAG;AACrB,UAAMC,IAAUzB,EAAO,OAAO,GAAGuB,IAAa,CAAC,GACzCG,IAAU1B,EAAO,OAAOA,EAAO,SAASuB,IAAa,GAAG,KAAK,KAAKA,IAAa,CAAC,CAAC;AACvF,IAAAvB,IAASyB,IAAU,QAAQC;AAAA,EAAA,MAC5B,CAAWF,MAAQ,MACTxB,IAAAA,EAAO,OAAO,GAAGuB,CAAU,GACpCvB,IAASA,IAAS;AAGZ,SAAAA;AACR,GASa2B,IAAe,CAACC,GAAaC,GAAiBC,GAAiBC,MAA4B;AAEnG,MAAAC,EAAA,EAAc,UAAU;AAC3B,WAAIJ,MAAQ,IACJE,IAEAD;AAIT,QAAMI,IAASL,IAAM,KACfM,IAAQN,IAAM;AAEhB,SAAAK,KAAU,KAAKA,KAAU,MAElBC,MAAU,IADbL,IAGGK,MAAU,IACbJ,IACGI,KAAS,KAAKA,KAAS,IAC1BH,IACGG,KAAS,KAAKA,KAAS,IAC1BL,IAEAE;AAET,GAKaI,IAAe,CAACrB,MAAwB;AACpD,MAAIkB,EAAc,EAAA,SAAS,QAAQlB,KAAO,GAAW,QAAAA;AAE/C,QAAAsB,IAAYtB,EAAI,MAAM,GAAG;AAE/B,WAAE,IAAIsB,GAAW,SAAUtB,GAAKuB,GAAO;AACtCvB,IAAAA,IAAMA,IAAM,KACZA,IAAMA,EAAI,QAAQ,MAAM,GAAG,GAC3BA,IAAMA,EAAI,QAAQ,OAAO,IAAI,GAC7BA,IAAMA,EAAI,QAAQ,QAAQ,MAAM,GAChCA,IAAMA,EAAI,QAAQ,OAAO,KAAK,GAC9BA,IAAMA,EAAI,QAAQ,MAAM,GAAG,GAC3BA,IAAMA,EAAI,QAAQ,MAAM,GAAG,GAC3BA,IAAMA,EAAI,QAAQ,MAAM,GAAG,GAC3BA,IAAMA,EAAI,QAAQ,QAAQ,MAAM,GAChCA,IAAMA,EAAI,QAAQ,MAAM,GAAG,GAC3BA,IAAMA,EAAI,QAAQ,OAAO,MAAM,GAC/BA,IAAMA,EAAI,QAAQ,OAAO,KAAK,GAE9BsB,EAAUC,CAAK,IAAIvB;AAAAA,EAAA,CACnB,GAEKA,IAAAsB,EAAU,KAAK,GAAG,GAEjBtB;AACR,GAKawB,IAAa,CAACxB,MAAwB;AAClD,QAAMyB,IAAkC;AAAA,IACvC,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAC7C,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAC7C,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAC7C,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAC7C,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,IAC7C,GAAK;AAAA,IAAM,GAAK;AAAA,IAAQ,GAAK;AAAA,IAAI,GAAK;AAAA,IAAK,GAAK;AAAA,IAChD,GAAK;AAAA,IAAK,GAAK;AAAA,IAAK,GAAK;AAAA,EAC1B,GAEMH,IAAYtB,EAAI,MAAM,GAAG;AAE/B,WAAE,IAAIsB,GAAW,SAAUtB,GAAKuB,GAAO;AACtC,UAAMG,IAAmB,CAAC;AAC1B,aAAStC,IAAI,GAAGA,IAAIY,EAAI,QAAQ,EAAEZ;AAC1B,MAAAsC,EAAA;AAAA,QACND,EAAGzB,EAAIZ,CAAC,CAAC,KAAKqC,EAAGzB,EAAIZ,CAAC,EAAE,YAAa,CAAA,KAAK,QAAaY,EAAIZ,CAAC,KAAKqC,EAAGzB,EAAIZ,CAAC,EAAE,YAAa,CAAA,EAAE,QAAQ,QAAQ,SAAUuC,GAAO;AAC1H,iBAAOA,EAAM,YAAY;AAAA,QACzB,CAAA;AAAA,MACF;AAGD,IAAAL,EAAUC,CAAK,IAAIG,EAAO,KAAK,EAAE;AAAA,EAAA,CACjC,GAEK1B,IAAAsB,EAAU,KAAK,GAAG,GAEjBtB;AACR,GAKa4B,IAAmB,CAAC5B,OAC5B,OAAQA,KAAQ,aACnBA,IAAMA,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,QAAQ,IAElBA,IAOK6B,IAAgB,CAACC,GAAcC,MAA+E;AAC1H,MAAIC,IAAwB;AAE5B,UAAQD,EAAY,UAAU;AAAA,IAC7B,KAAK;AAAA,IACL,KAAK;AACA,UAAA;AACC,YAAAE,IAAeF,EAAY,OAAO,CAAC;AACvC,QAAIA,EAAY,YAAY,iBAAyBE,EAAa,QAAQ,eAAe,MAAM,IAE/FD,IAAS,IAAI,OAAO,MAAMC,IAAe,KAAK,IAAI;AAAA,cAC/B;AACZ,eAAAH;AAAA,MAAA;AAGR;AAAA,EAAA;AAGK,SAAAA,IAAAA,EAAK,QAAQE,GAAS,yBAAyB,GAE/CF;AACR,GAKaI,IAAmB,CAAClC,MAAoC;;AAC7D,UAAAmC,IAAAnC,EAAI,MAAM,oEAAoE,MAA9E,gBAAAmC,EAAiF,IAAI,CAASC,MAAAA,EAAM,YAAY,GAAG,KAAK;AAChI,GAOaC,IAA2B,CAACC,MAEjC,yBADU,yBAAyBA,EAAY,YAAgB,IAAA,MAC9B,IAQ5BC,IAAc,CAACT,MAAyB;AACpD,QAAMU,IAAeC,EAAgB,GAC/BC,IAAoB,qCAEpBC,IAAe,IAAI,OAAO,iCAAiCH,CAAY,GAAGE,CAAiB,KAAK,KAAK;AACpG,EAAAZ,IAAAA,EAAK,QAAQa,GAAc,iEAAiE;AAE7F,QAAAC,IAAa,IAAI,OAAO,6BAA+BJ,CAAY,GAAGE,CAAiB,KAAK,KAAK;AAChG,SAAAZ,IAAAA,EAAK,QAAQc,GAAY,oEAAoE,GAE7Fd,IAAAA,EAAK,WAAW,SAAS,MAAM,GAC/BA,IAAAA,EAAK,WAAW,KAAK,SAAS,GAC9BA,IAAAA,EAAK,WAAW,aAAa,EAAE,GAE/BA;AACR,GAKae,IAAe,CAAC7C,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC,GAMpC8C,IAAgB,CAACC,IAAiB,OAAe;AAC7D,QAAM,IAAI;AAEV,MAAIC,IAAS;AACb,WAAS5D,IAAI,GAAGA,IAAI2D,GAAQ3D;AACjB,IAAA4D,KAAA,EAAE,KAAK,MAAM,KAAK,OAAW,IAAA,EAAE,MAAM,CAAC;AAG1C,SAAAA;AACR;"}
1
+ {"version":3,"file":"string.js","sources":["../../src/core/utils/string.ts"],"sourcesContent":["/**\n * Работа со строками\n * @packageDocumentation\n */\n\nimport { getDomainRegexp } from '@/core/utils/check';\nimport { useI18nLang } from '@/core/plugins/i18n';\n\n/**\n * Сгенерировать числовой хэш от строки для идентификатора\n */\nexport const genIntHash = (string: string): number => {\n\tstring += '';\n\n\tlet hash = 0;\n\tif (!string.length) return hash;\n\n\tfor (let i = 0; i < string.length; i++) {\n\t\tconst char = string.charCodeAt(i);\n\t\thash = ((hash << 5) - hash) + char;\n\t\thash = hash & hash;\n\t}\n\n\tif (hash < 0) hash *= -1;\n\n\treturn hash;\n};\n\n/**\n * Проверить что переданная строка является URL\n */\nexport const isUrl = (url: string): boolean => {\n\treturn /^\\w+:\\/\\/([\\w-]+\\.)+[\\w-]+(:\\d+)?(\\/|$)/.test(url);\n};\n\n/**\n * Добавляет пробелы между разрядами если требуется\n * @param nStr строка с числом\n */\nexport const addCommasWhite = (n: number | string): string => {\n\tlet nStr = n + '';\n\n\tnStr = nStr.replace('-', '–');\n\n\tlet x = nStr.split('.');\n\tlet x1 = x[0];\n\tlet x2 = (x.length > 1) ? ('.' + x[1]) : '';\n\n\tif (x1.replace(/[+–]/, '').length <= 4) return nStr;\n\n\tconst rgx = /(\\d+)(\\d{3})/;\n\twhile (rgx.test(x1)) {\n\t\tx1 = x1.replace(rgx, '$1' + ' ' + '$2');\n\t}\n\treturn x1 + x2;\n};\n\n/**\n * Вставляет HTML-код разрыва строки перед каждым переводом строки\n */\nexport const nl2br = (str: string): string => {\n\tif (str === undefined) return '';\n\n\treturn str.replace(/\\r\\n|\\r|\\n/g, '<br>');\n};\n\n/**\n * Перевести число без деситичной приставки в число с деситичной приставкой степеней тысячи (с параметрами по умолчанию 1255 -> '1.26 K')\n * @param number\n * @param precision - точность, количество знаков после запятой\n * @param dimension - размерность, по умолчанию 1000\n * @param suffix - суффикс к десятичной приставке (по умолчанию выводится латинская заглавная буква)\n */\nexport const numberWithWord = (number: number, precision = 2, dimension = 1000, suffix = ''): string => {\n\tconst k = Math.pow(10, precision);\n\n\tlet numberStr = String(number);\n\tif (Math.abs(number) > Math.pow(dimension, 3)) {\n\t\tnumberStr = Math.round(number / Math.pow(dimension, 3) * k) / k + ' <small>G' + suffix + '</small>';\n\t} else if (Math.abs(number) > Math.pow(dimension, 2)) {\n\t\tnumberStr = Math.round(number / Math.pow(dimension, 2) * k) / k + ' <small>M' + suffix + '</small>';\n\t} else if (Math.abs(number) > dimension) {\n\t\tnumberStr = Math.round(number / dimension * k) / k + ' <small>K' + suffix + '</small>';\n\t} else {\n\t\tnumberStr = Math.round(number * k) / k + '';\n\t}\n\n\tnumberStr = numberStr.replace(/^(-?\\d+)(\\d{3})/, '$1 $2');\n\n\treturn numberStr;\n};\n\n/**\n * Обрезать текст под три точки\n * @param string\n * @param max_length - максимальное количество символов текста, остальное обрежеться\n * @param pos - область обрезки 0-начало | 1-середина | 2-конец строки\n */\nexport const ellipsis = (string: string, max_length: number, pos: 0 | 1 | 2 = 1): string => {\n\tif (string == undefined) return '';\n\n\tstring += '';\n\tif (max_length == undefined || string.length <= max_length) return string;\n\n\tif (pos === 0) {\n\t\tstring = string.substr(string.length - max_length, max_length);\n\t\tstring = '...' + string;\n\t} else if (pos === 1) {\n\t\tconst string1 = string.substr(0, max_length / 2);\n\t\tconst string2 = string.substr(string.length - max_length / 2, Math.ceil(max_length / 2));\n\t\tstring = string1 + '...' + string2;\n\t} else if (pos === 2) {\n\t\tstring = string.substr(0, max_length);\n\t\tstring = string + '...';\n\t}\n\n\treturn string;\n};\n\n/**\n * Сгенерировать строку текста для вывода количества в разном склонении\n * @param num\n * @param ending0 - родительный падеж, множ. число (10 модулей)\n * @param ending1 - именительный падеж, ед. число (1 модуль)\n * @param ending2 - винительный падеж, множ. число (3 модуля)\n */\nexport const numberEnding = (num: number, ending0: string, ending1: string, ending2: string): string => {\n\t// склонение по множественному числу\n\tif (useI18nLang().value === 'en') {\n\t\tif (num === 1) {\n\t\t\treturn ending1;\n\t\t} else {\n\t\t\treturn ending0;\n\t\t}\n\t}\n\n\tconst num100 = num % 100;\n\tconst num10 = num % 10;\n\n\tif (num100 >= 5 && num100 <= 20) {\n\t\treturn ending0;\n\t} else if (num10 === 0) {\n\t\treturn ending0;\n\t} else if (num10 === 1) {\n\t\treturn ending1;\n\t} else if (num10 >= 2 && num10 <= 4) {\n\t\treturn ending2;\n\t} else if (num10 >= 5 && num10 <= 9) {\n\t\treturn ending0;\n\t} else {\n\t\treturn ending2;\n\t}\n};\n\n/**\n * Перевести строку в родительный падеж\n */\nexport const toRoditPadej = (str: string): string => {\n\tif (useI18nLang().value != 'ru' || str == '') return str;\n\n\tconst str_array = str.split(' ');\n\n\t$.map(str_array, function (str, index) {\n\t\tstr = str + 'а';\n\t\tstr = str.replace('оа', 'о');\n\t\tstr = str.replace('аяа', 'ой');\n\t\tstr = str.replace('шийа', 'шого');\n\t\tstr = str.replace('ыйа', 'ого');\n\t\tstr = str.replace('йа', 'я');\n\t\tstr = str.replace('ьа', 'я');\n\t\tstr = str.replace('яа', 'и');\n\t\tstr = str.replace('оваа', 'овой');\n\t\tstr = str.replace('аа', 'ы');\n\t\tstr = str.replace('кия', 'кого');\n\t\tstr = str.replace('каи', 'кой');\n\n\t\tstr_array[index] = str;\n\t});\n\n\tstr = str_array.join(' ');\n\n\treturn str;\n};\n\n/**\n * Транслитерация текста\n */\nexport const rusToLatin = (str: string): string => {\n\tconst ru: { [index: string]: string } = {\n\t\t'а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd',\n\t\t'е': 'e', 'ё': 'e', 'ж': 'j', 'з': 'z', 'и': 'i',\n\t\t'й': 'i', 'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n',\n\t\t'о': 'o', 'п': 'p', 'р': 'r', 'с': 's', 'т': 't',\n\t\t'у': 'u', 'ф': 'f', 'х': 'h', 'ц': 'c', 'ч': 'ch',\n\t\t'ш': 'sh', 'щ': 'shch', 'ъ': '', 'ы': 'y', 'ь': '',\n\t\t'э': 'e', 'ю': 'u', 'я': 'ya',\n\t};\n\n\tconst str_array = str.split(' ');\n\n\t$.map(str_array, function (str, index) {\n\t\tconst newStr: string[] = [];\n\t\tfor (let i = 0; i < str.length; ++i) {\n\t\t\tnewStr.push(\n\t\t\t\tru[str[i]] || ru[str[i].toLowerCase()] == undefined && str[i] || ru[str[i].toLowerCase()].replace(/^(.)/, function (match) {\n\t\t\t\t\treturn match.toUpperCase();\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\n\t\tstr_array[index] = newStr.join('');\n\t});\n\n\tstr = str_array.join(' ');\n\n\treturn str;\n};\n\n/**\n * Замена html-символов (`&`, `<`, `>`, `\"`, `'`) на имена литер (`&` -> `&amp;`)\n */\nexport const htmlspecialchars = (str: string): string => {\n\tif (typeof (str) == 'string') {\n\t\tstr = str\n\t\t\t.replace(/&/g, '&amp;')\n\t\t\t.replace(/</g, '&lt;')\n\t\t\t.replace(/>/g, '&gt;')\n\t\t\t.replace(/\"/g, '&quot;')\n\t\t\t.replace(/'/g, '&#039;');\n\t}\n\treturn str;\n};\n\n/**\n * Выделить нужное в тексте желтым цветом\n * поиск происходит по строке fieldFilter.values[0]\n */\nexport const highlightHtml = (text: string, fieldFilter: { operator: 'CONTAINS' | 'REGEXP', values: string[] }): string => {\n\tlet regExp: RegExp | null = null;\n\n\tswitch (fieldFilter.operator) {\n\t\tcase 'CONTAINS':\n\t\tcase 'REGEXP':\n\t\t\ttry {\n\t\t\t\tlet regExpString = fieldFilter.values[0];\n\t\t\t\tif (fieldFilter.operator != 'REGEXP') regExpString = regExpString.replace(/([()\\[\\]])/g, '\\\\$1');\n\n\t\t\t\tregExp = new RegExp('(' + regExpString + ')', 'gi');\n\t\t\t} catch (exception) {\n\t\t\t\treturn text;\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\ttext = text.replace(regExp!, '<b class=\"found\">$1</b>');\n\n\treturn text;\n};\n\n/**\n * Пример: logHTTPCodesHundreds => log_http_codes_hundreds\n */\nexport const camelToSnakeCase = (str: string): string | undefined => {\n\treturn str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)?.map(token => token.toLowerCase()).join('_');\n};\n\n/**\n * Получить url изображения флага, по коду страны по стандарту ISO 3166-1 alpha-2\n *\n * @todo Опубликовать в CDN или брать c публичного CDN\n */\nexport const genFlagLinkByCountryCode = (countryCode: string) => {\n\tconst urlImage = '/cloud/common/flags/' + countryCode.toUpperCase() + '.svg';\n\treturn `/controller/file/?src=${urlImage}`;\n};\n\n/**\n * Обернуть все ссылки и email в тексте в html-тег `<a>`.\n *\n * Для email ставиться префикс `mailto:`\n */\nexport const addLinkTags = (text: string): string => {\n\tconst domainRegexp = getDomainRegexp();\n\tconst afterDomainRegexp = '(([\\\\/?\\\\w&=%+#;:-]*(\\\\.\\\\w+)?))*';\n\n\tconst regexpMailto = new RegExp(`(^|[\\\\s>(),])([a-z0-9а-яё_.]+@${domainRegexp}${afterDomainRegexp})`, 'gui');\n\ttext = text.replace(regexpMailto, `$1<a href=\"mailto:$2\" target=\"_blank\" rel=\"noopener\">↑[$2]↓</a>`);\n\n\tconst regexpLink = new RegExp(`(^|[\\\\s>(),])(https?:\\/\\/)?(${domainRegexp}${afterDomainRegexp})`, 'gui');\n\ttext = text.replace(regexpLink, `$1<a href=\"√$2$3\" target=\"_blank\" rel=\"nofollow noopener\">$2$3</a>`);\n\n\ttext = text.replaceAll('√http', 'http');\n\ttext = text.replaceAll('√', 'http://');\n\ttext = text.replaceAll(/(↑\\[|]↓)/g, '');\n\n\treturn text;\n};\n\n/**\n * Перевести первую букву строки в верхний регистр\n */\nexport const toCapitalize = (str: string): string => {\n\treturn str.charAt(0).toUpperCase() + str.slice(1);\n};\n\n/**\n * Получить случайную строку\n */\nexport const getRandomHash = (length: number = 20): string => {\n\tconst l = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890';\n\n\tlet result = '';\n\tfor (let i = 0; i < length; i++) {\n\t\tresult += l[Math.floor(Math.random() * l.length)];\n\t}\n\n\treturn result;\n};\n"],"names":["genIntHash","string","hash","i","char","isUrl","url","addCommasWhite","n","nStr","x","x1","x2","rgx","nl2br","str","numberWithWord","number","precision","dimension","suffix","k","numberStr","ellipsis","max_length","pos","string1","string2","numberEnding","num","ending0","ending1","ending2","useI18nLang","num100","num10","toRoditPadej","str_array","index","rusToLatin","ru","newStr","match","htmlspecialchars","highlightHtml","text","fieldFilter","regExp","regExpString","camelToSnakeCase","_a","token","genFlagLinkByCountryCode","countryCode","addLinkTags","domainRegexp","getDomainRegexp","afterDomainRegexp","regexpMailto","regexpLink","toCapitalize","getRandomHash","length","result"],"mappings":"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"}
@@ -1,181 +0,0 @@
1
- import { Core as P } from "../core/app.js";
2
- import { defineComponent as M, ref as k, reactive as O, watch as L, resolveComponent as V, createBlock as N, openBlock as u, unref as C, withCtx as m, createVNode as p, createTextVNode as B, toDisplayString as v, createElementVNode as f, createElementBlock as y, Fragment as G, renderList as X, createCommentVNode as b } from "vue";
3
- import { _ as Q, a as q } from "./page.vue_vue_type_script_setup_true_lang-CCE8pKg7.es.js";
4
- import { b as z } from "./utils-DIly8mml.es.js";
5
- import { genFlagLinkByCountryCode as H } from "../utils/string.js";
6
- import { getSearcherGIcon as J, getLangLabel as K, getDeviceGIcon as W } from "../utils/searchers.js";
7
- import { C as A } from "./forms-BEMrEl5V.es.js";
8
- const D = ["../assets/dialog_selectorRegions.css"].map((x) => import.meta.resolve(x));
9
- P.insertCSSLinkToPage(D, !0);
10
- const Y = { class: "dialog_selectorRegions_header" }, Z = ["data-top-icon"], F = ["src", "alt"], ee = { class: "dialog_selectorRegions_regionAreaName top-ellipsis" }, oe = { key: 1 }, te = ["data-top-icon"], de = /* @__PURE__ */ M({
11
- id: "selectorRegions",
12
- __name: "dialog_selectorRegions",
13
- props: {
14
- regions: {},
15
- regionsIndexes: {},
16
- "@update:regionsIndexes": { type: Function }
17
- },
18
- setup(x) {
19
- const l = x, I = z(), _ = k(!1), a = k([]), i = k(null), g = O({
20
- searcher_key: -1,
21
- key: -1,
22
- name: -1
23
- }), h = (o) => {
24
- g[o] = -g[o], a.value.sort((n, s) => !n[o] || !s[o] ? -1 : n[o] >= s[o] ? g[o] : -g[o]);
25
- }, T = () => {
26
- var n;
27
- if (!a.value.some((s) => s.selected)) return;
28
- const o = a.value.filter((s) => s.selected).map((s) => s.index);
29
- (n = l["@update:regionsIndexes"]) == null || n.call(l, o), I.close();
30
- };
31
- L(_, () => {
32
- a.value = a.value.map((o) => ({ ...o, selected: _.value }));
33
- }), L([
34
- () => l.regions,
35
- () => l.regionsIndexes
36
- ], () => {
37
- if (a.value = [], !l.regions || !l.regionsIndexes) return;
38
- let o = !0, n = [...l.regions];
39
- const s = new Map(l.regionsIndexes.map((t, e) => [t, e]));
40
- n.sort((t, e) => {
41
- const r = s.get(t.index) ?? Number.MAX_VALUE, c = s.get(e.index) ?? Number.MAX_VALUE;
42
- return r - c;
43
- }), n.forEach((t) => {
44
- var S;
45
- let e = t.name;
46
- t.areaName && (e += ` (${t.areaName})`);
47
- const r = ((S = l.regionsIndexes) == null ? void 0 : S.includes(t.index)) ?? !1, c = J(t.searcher_key), d = t.lang !== void 0 ? K(t.searcher_key ?? 999, t.lang) : void 0, j = t.device !== void 0 ? W(t.device) : void 0, w = t.countryCode !== void 0 ? H(t.countryCode) : void 0, R = {
48
- ...t,
49
- selected: r,
50
- title: e,
51
- searcherIcon: c,
52
- langLabel: d,
53
- deviceIcon: j,
54
- flagLink: w
55
- };
56
- a.value.push(R), R.selected || (o = !1);
57
- }), _.value = o;
58
- });
59
- const U = () => {
60
- var o;
61
- if (!((o = A.$) != null && o.ui.sortable)) {
62
- console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
63
- return;
64
- }
65
- i.value && $(i.value).sortable({
66
- distance: 10,
67
- stop: () => {
68
- const n = [...i.value.children].map((s) => Number(s.getAttribute("data-region-index")));
69
- a.value.sort((s, t) => n.indexOf(s.index) - n.indexOf(t.index));
70
- }
71
- });
72
- }, E = () => {
73
- var o;
74
- (o = A.$) != null && o.ui.sortable && i.value && $(i.value).sortable("destroy");
75
- };
76
- return (o, n) => {
77
- const s = V("TopCheckbox"), t = V("TopButton");
78
- return u(), N(C(Q), {
79
- id: C(I).id,
80
- pageActive: "selectorRegions",
81
- class: "dialog_selectorRegions",
82
- height: "600px",
83
- width: "600px",
84
- onOpen: U,
85
- onClose: E
86
- }, {
87
- default: m(() => [
88
- p(C(q), {
89
- name: "selectorRegions",
90
- order: 0
91
- }, {
92
- header: m(() => {
93
- var e, r, c;
94
- return [
95
- f("div", Y, [
96
- p(s, {
97
- modelValue: _.value,
98
- "onUpdate:modelValue": n[0] || (n[0] = (d) => _.value = d)
99
- }, null, 8, ["modelValue"]),
100
- p(t, {
101
- class: "dialog_selectorRegions_sortButton",
102
- color: "theme",
103
- "data-top-icon": "",
104
- onClick: n[1] || (n[1] = (d) => h("searcher_key")),
105
- title: (e = o.$i18n.Projects) == null ? void 0 : e.Sort_by_search_engine
106
- }, null, 8, ["title"]),
107
- p(t, {
108
- class: "dialog_selectorRegions_sortButton",
109
- color: "theme",
110
- "data-top-icon": "",
111
- onClick: n[2] || (n[2] = (d) => h("key")),
112
- title: (r = o.$i18n.Projects) == null ? void 0 : r.Sort_by_yande_region_code
113
- }, null, 8, ["title"]),
114
- p(t, {
115
- class: "dialog_selectorRegions_sortButton",
116
- color: "theme",
117
- "data-top-icon": "",
118
- onClick: n[3] || (n[3] = (d) => h("name")),
119
- title: (c = o.$i18n.Projects) == null ? void 0 : c.Sort_by_lphabetically
120
- }, null, 8, ["title"])
121
- ])
122
- ];
123
- }),
124
- body: m(() => [
125
- f("div", {
126
- ref_key: "elRegions",
127
- ref: i
128
- }, [
129
- (u(!0), y(G, null, X(a.value, (e) => (u(), N(s, {
130
- key: e.index,
131
- modelValue: e.selected,
132
- "onUpdate:modelValue": (r) => e.selected = r,
133
- class: "dialog_selectorRegions_region",
134
- "data-region-index": e.index
135
- }, {
136
- default: m(() => [
137
- f("div", {
138
- class: "dialog_selectorRegions_regionSearcherIcon",
139
- "data-top-icon": e.searcherIcon
140
- }, null, 8, Z),
141
- e.flagLink ? (u(), y("img", {
142
- key: 0,
143
- class: "top-flag",
144
- src: "//topvisor.dev" + e.flagLink,
145
- alt: e.countryCode
146
- }, null, 8, F)) : b("", !0),
147
- B(" " + v(e.name) + " ", 1),
148
- f("div", ee, v(e.areaName), 1),
149
- e.langLabel ? (u(), y("div", oe, " [" + v(e.langLabel) + "] ", 1)) : b("", !0),
150
- e.deviceIcon ? (u(), y("div", {
151
- key: 2,
152
- "data-top-icon": e.deviceIcon
153
- }, null, 8, te)) : b("", !0)
154
- ]),
155
- _: 2
156
- }, 1032, ["modelValue", "onUpdate:modelValue", "data-region-index"]))), 128))
157
- ], 512)
158
- ]),
159
- footer: m(() => [
160
- p(t, { onClick: T }, {
161
- default: m(() => {
162
- var e;
163
- return [
164
- B(v((e = o.$i18n.Common) == null ? void 0 : e.Apply), 1)
165
- ];
166
- }),
167
- _: 1
168
- })
169
- ]),
170
- _: 1
171
- })
172
- ]),
173
- _: 1
174
- }, 8, ["id"]);
175
- };
176
- }
177
- });
178
- export {
179
- de as default
180
- };
181
- //# sourceMappingURL=dialog_selectorRegions-DZR64Wm8.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog_selectorRegions-DZR64Wm8.es.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactive, ref, watch } from 'vue';\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\nimport type { Props, RegionRich } from './types';\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\nimport Core from '@/core/core/core';\n\ndefineOptions({ id: 'selectorRegions' });\n\nconst props = defineProps<Partial<Props>>();\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Выбраны все регионы\n */\nconst isAllSelected = ref(false);\n\n/**\n * Список расширенных регионов для использования в компоненте\n */\nconst regionsRich = ref<RegionRich[]>([]);\n\n/**\n * Ссылка на элемент с регионами\n */\nconst elRegions = ref<null | HTMLElement>(null);\n\n/**\n * Направление сортировки по полю\n */\nconst sortedVectorByField = reactive({\n\tsearcher_key: -1,\n\tkey: -1,\n\tname: -1,\n});\n\n/**\n * Сортировать регионы по выбранному полю\n * @param sortedField - Поле для сортировки\n */\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\n\n\tregionsRich.value.sort((regionA, regionB) => {\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\n\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\n\t});\n};\n\n/**\n * Применить изменения\n *\n * Вызывает callback `props['@update:regionsIndexes']`\n */\nconst onSubmit = () => {\n\tif (!regionsRich.value.some((region) => region.selected)) return;\n\n\tconst regionsIndexes = regionsRich.value\n\t\t.filter((region) => region.selected)\n\t\t.map((region) => region.index);\n\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\n\n\tdialog.close();\n};\n\n// Выбрать / отменить все регионы\nwatch(isAllSelected, () => {\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\n});\n\n// генерация регионов\nwatch([\n\t() => props.regions,\n\t() => props.regionsIndexes,\n], () => {\n\tregionsRich.value = [];\n\n\tif (!props.regions) return;\n\tif (!props.regionsIndexes) return;\n\n\tlet isAllSelectedLocal = true;\n\n\tlet regions = [...props.regions];\n\n\t// отсортировать регионы по входным данным\n\tconst orderByRegionIndex = new Map(props.regionsIndexes.map((index, order) => [index, order]));\n\n\tregions.sort((regionA, regionB) => {\n\t\tconst orderA = orderByRegionIndex.get(regionA.index) ?? Number.MAX_VALUE;\n\t\tconst orderB = orderByRegionIndex.get(regionB.index) ?? Number.MAX_VALUE;\n\n\t\treturn orderA - orderB;\n\t});\n\n\tregions.forEach((region) => {\n\t\tlet title = region.name;\n\t\tif (region.areaName) title += ` (${region.areaName})`;\n\n\t\tconst selected = props.regionsIndexes?.includes(region.index) ?? false;\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key ?? 999, region.lang) : undefined;\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\n\n\t\tconst regionRich = {\n\t\t\t...region,\n\t\t\tselected,\n\t\t\ttitle,\n\t\t\tsearcherIcon,\n\t\t\tlangLabel,\n\t\t\tdeviceIcon,\n\t\t\tflagLink,\n\t\t};\n\n\t\tregionsRich.value.push(regionRich);\n\n\t\tif (!regionRich.selected) {\n\t\t\tisAllSelectedLocal = false;\n\t\t}\n\t});\n\n\tisAllSelected.value = isAllSelectedLocal;\n});\n\n/**\n * Проверить на существование sortable\n */\nconst onOpen = () => {\n\tif (!Core.$?.ui['sortable']) {\n\t\tconsole.info('Для работы сортировки требуется глобальная загрузка jQuery UI Sortable');\n\n\t\treturn;\n\t}\n\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable({\n\t\tdistance: 10,\n\n\t\tstop: () => {\n\t\t\t// Обновляем порядок регионов в массиве regionsRich после сортировки\n\t\t\tconst sortedIndexes = [...elRegions.value!.children].map(el => Number(el.getAttribute('data-region-index')));\n\t\t\tregionsRich.value.sort((a, b) => sortedIndexes.indexOf(a.index) - sortedIndexes.indexOf(b.index));\n\t\t},\n\t});\n\n};\n\n/**\n * Удаление sortable\n */\nconst onClose = () => {\n\tif (!Core.$?.ui['sortable']) return;\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable('destroy');\n};\n\n</script>\n\n<template>\n\t<TopDialog\n\t\t:id=\"dialog.id\"\n\t\tpageActive=\"selectorRegions\"\n\t\tclass=\"dialog_selectorRegions\"\n\t\theight=\"600px\"\n\t\twidth=\"600px\"\n\t\t@open=\"onOpen\"\n\t\t@close=\"onClose\"\n\t>\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\n\t\t\t<template #header>\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_search_engine\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_yande_region_code\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('name')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_lphabetically\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #body>\n\t\t\t\t<div ref=\"elRegions\">\n\t\t\t\t\t<TopCheckbox\n\t\t\t\t\t\tv-for=\"region of regionsRich\"\n\t\t\t\t\t\t:key=\"region.index\"\n\t\t\t\t\t\tv-model=\"region.selected\"\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\n\t\t\t\t\t\t:data-region-index=\"region.index\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\n\t\t\t\t\t\t></div>\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"region.flagLink\"\n\t\t\t\t\t\t\tclass=\"top-flag\"\n\t\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\n\t\t\t\t\t\t\t:alt=\"region.countryCode\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t{{ region.name }}\n\n\t\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\n\t\t\t\t\t\t\t{{ region.areaName }}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-if=\"region.langLabel\">\n\t\t\t\t\t\t\t[{{ region.langLabel }}]\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"region.deviceIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</TopCheckbox>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t\t{{ $i18n.Common?.Apply }}\n\t\t\t\t</TopButton>\n\t\t\t</template>\n\t\t</TopDialogPage>\n\t</TopDialog>\n</template>\n\n<style>\n@import \"./style.css\";\n</style>\n"],"names":["props","__props","dialog","useTopDialogSelf","isAllSelected","ref","regionsRich","elRegions","sortedVectorByField","reactive","sort","sortedField","regionA","regionB","onSubmit","region","regionsIndexes","_a","watch","isAllSelectedLocal","regions","orderByRegionIndex","index","order","orderA","orderB","title","selected","searcherIcon","getSearcherGIcon","langLabel","getLangLabel","deviceIcon","getDeviceGIcon","flagLink","genFlagLinkByCountryCode","regionRich","onOpen","Core","sortedIndexes","el","a","b","onClose"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- define(["require","exports","vue","./page.vue_vue_type_script_setup_true_lang-BI9HWAyQ.amd","./utils-CTjq0RlC.amd","../utils/string.amd","../utils/searchers.amd","./forms-B3bJpLOo.amd","../require/css.amd!../assets/dialog_selectorRegions.css"],function(j,_,e,f,C,V,g,y){"use strict";if(typeof e>"u")var e=window.Vue;const b={class:"dialog_selectorRegions_header"},N=["data-top-icon"],B=["src","alt"],I={class:"dialog_selectorRegions_regionAreaName top-ellipsis"},R={key:1},S=["data-top-icon"],L=e.defineComponent({id:"selectorRegions",__name:"dialog_selectorRegions",props:{regions:{},regionsIndexes:{},"@update:regionsIndexes":{type:Function}},setup(w){const s=w,k=C.useTopDialogSelf(),m=e.ref(!1),r=e.ref([]),i=e.ref(null),p=e.reactive({searcher_key:-1,key:-1,name:-1}),v=o=>{p[o]=-p[o],r.value.sort((l,a)=>!l[o]||!a[o]?-1:l[o]>=a[o]?p[o]:-p[o])},E=()=>{var l;if(!r.value.some(a=>a.selected))return;const o=r.value.filter(a=>a.selected).map(a=>a.index);(l=s["@update:regionsIndexes"])==null||l.call(s,o),k.close()};e.watch(m,()=>{r.value=r.value.map(o=>({...o,selected:m.value}))}),e.watch([()=>s.regions,()=>s.regionsIndexes],()=>{if(r.value=[],!s.regions||!s.regionsIndexes)return;let o=!0,l=[...s.regions];const a=new Map(s.regionsIndexes.map((n,t)=>[n,t]));l.sort((n,t)=>{const c=a.get(n.index)??Number.MAX_VALUE,d=a.get(t.index)??Number.MAX_VALUE;return c-d}),l.forEach(n=>{var h;let t=n.name;n.areaName&&(t+=` (${n.areaName})`);const c=((h=s.regionsIndexes)==null?void 0:h.includes(n.index))??!1,d=g.getSearcherGIcon(n.searcher_key),u=n.lang!==void 0?g.getLangLabel(n.searcher_key??999,n.lang):void 0,D=n.device!==void 0?g.getDeviceGIcon(n.device):void 0,U=n.countryCode!==void 0?V.genFlagLinkByCountryCode(n.countryCode):void 0,x={...n,selected:c,title:t,searcherIcon:d,langLabel:u,deviceIcon:D,flagLink:U};r.value.push(x),x.selected||(o=!1)}),m.value=o});const A=()=>{var o;if(!((o=y.Core.$)!=null&&o.ui.sortable)){console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");return}i.value&&$(i.value).sortable({distance:10,stop:()=>{const l=[...i.value.children].map(a=>Number(a.getAttribute("data-region-index")));r.value.sort((a,n)=>l.indexOf(a.index)-l.indexOf(n.index))}})},T=()=>{var o;(o=y.Core.$)!=null&&o.ui.sortable&&i.value&&$(i.value).sortable("destroy")};return(o,l)=>{const a=e.resolveComponent("TopCheckbox"),n=e.resolveComponent("TopButton");return e.openBlock(),e.createBlock(e.unref(f._sfc_main),{id:e.unref(k).id,pageActive:"selectorRegions",class:"dialog_selectorRegions",height:"600px",width:"600px",onOpen:A,onClose:T},{default:e.withCtx(()=>[e.createVNode(e.unref(f._sfc_main$1),{name:"selectorRegions",order:0},{header:e.withCtx(()=>{var t,c,d;return[e.createElementVNode("div",b,[e.createVNode(a,{modelValue:m.value,"onUpdate:modelValue":l[0]||(l[0]=u=>m.value=u)},null,8,["modelValue"]),e.createVNode(n,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:l[1]||(l[1]=u=>v("searcher_key")),title:(t=o.$i18n.Projects)==null?void 0:t.Sort_by_search_engine},null,8,["title"]),e.createVNode(n,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:l[2]||(l[2]=u=>v("key")),title:(c=o.$i18n.Projects)==null?void 0:c.Sort_by_yande_region_code},null,8,["title"]),e.createVNode(n,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:l[3]||(l[3]=u=>v("name")),title:(d=o.$i18n.Projects)==null?void 0:d.Sort_by_lphabetically},null,8,["title"])])]}),body:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"elRegions",ref:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,t=>(e.openBlock(),e.createBlock(a,{key:t.index,modelValue:t.selected,"onUpdate:modelValue":c=>t.selected=c,class:"dialog_selectorRegions_region","data-region-index":t.index},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog_selectorRegions_regionSearcherIcon","data-top-icon":t.searcherIcon},null,8,N),t.flagLink?(e.openBlock(),e.createElementBlock("img",{key:0,class:"top-flag",src:"//topvisor.dev"+t.flagLink,alt:t.countryCode},null,8,B)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.name)+" ",1),e.createElementVNode("div",I,e.toDisplayString(t.areaName),1),t.langLabel?(e.openBlock(),e.createElementBlock("div",R," ["+e.toDisplayString(t.langLabel)+"] ",1)):e.createCommentVNode("",!0),t.deviceIcon?(e.openBlock(),e.createElementBlock("div",{key:2,"data-top-icon":t.deviceIcon},null,8,S)):e.createCommentVNode("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue","data-region-index"]))),128))],512)]),footer:e.withCtx(()=>[e.createVNode(n,{onClick:E},{default:e.withCtx(()=>{var t;return[e.createTextVNode(e.toDisplayString((t=o.$i18n.Common)==null?void 0:t.Apply),1)]}),_:1})]),_:1})]),_:1},8,["id"])}}});_.default=L,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
2
- //# sourceMappingURL=dialog_selectorRegions-D_HXNjOX.amd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog_selectorRegions-D_HXNjOX.amd.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactive, ref, watch } from 'vue';\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\nimport type { Props, RegionRich } from './types';\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\nimport Core from '@/core/core/core';\n\ndefineOptions({ id: 'selectorRegions' });\n\nconst props = defineProps<Partial<Props>>();\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Выбраны все регионы\n */\nconst isAllSelected = ref(false);\n\n/**\n * Список расширенных регионов для использования в компоненте\n */\nconst regionsRich = ref<RegionRich[]>([]);\n\n/**\n * Ссылка на элемент с регионами\n */\nconst elRegions = ref<null | HTMLElement>(null);\n\n/**\n * Направление сортировки по полю\n */\nconst sortedVectorByField = reactive({\n\tsearcher_key: -1,\n\tkey: -1,\n\tname: -1,\n});\n\n/**\n * Сортировать регионы по выбранному полю\n * @param sortedField - Поле для сортировки\n */\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\n\n\tregionsRich.value.sort((regionA, regionB) => {\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\n\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\n\t});\n};\n\n/**\n * Применить изменения\n *\n * Вызывает callback `props['@update:regionsIndexes']`\n */\nconst onSubmit = () => {\n\tif (!regionsRich.value.some((region) => region.selected)) return;\n\n\tconst regionsIndexes = regionsRich.value\n\t\t.filter((region) => region.selected)\n\t\t.map((region) => region.index);\n\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\n\n\tdialog.close();\n};\n\n// Выбрать / отменить все регионы\nwatch(isAllSelected, () => {\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\n});\n\n// генерация регионов\nwatch([\n\t() => props.regions,\n\t() => props.regionsIndexes,\n], () => {\n\tregionsRich.value = [];\n\n\tif (!props.regions) return;\n\tif (!props.regionsIndexes) return;\n\n\tlet isAllSelectedLocal = true;\n\n\tlet regions = [...props.regions];\n\n\t// отсортировать регионы по входным данным\n\tconst orderByRegionIndex = new Map(props.regionsIndexes.map((index, order) => [index, order]));\n\n\tregions.sort((regionA, regionB) => {\n\t\tconst orderA = orderByRegionIndex.get(regionA.index) ?? Number.MAX_VALUE;\n\t\tconst orderB = orderByRegionIndex.get(regionB.index) ?? Number.MAX_VALUE;\n\n\t\treturn orderA - orderB;\n\t});\n\n\tregions.forEach((region) => {\n\t\tlet title = region.name;\n\t\tif (region.areaName) title += ` (${region.areaName})`;\n\n\t\tconst selected = props.regionsIndexes?.includes(region.index) ?? false;\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key ?? 999, region.lang) : undefined;\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\n\n\t\tconst regionRich = {\n\t\t\t...region,\n\t\t\tselected,\n\t\t\ttitle,\n\t\t\tsearcherIcon,\n\t\t\tlangLabel,\n\t\t\tdeviceIcon,\n\t\t\tflagLink,\n\t\t};\n\n\t\tregionsRich.value.push(regionRich);\n\n\t\tif (!regionRich.selected) {\n\t\t\tisAllSelectedLocal = false;\n\t\t}\n\t});\n\n\tisAllSelected.value = isAllSelectedLocal;\n});\n\n/**\n * Проверить на существование sortable\n */\nconst onOpen = () => {\n\tif (!Core.$?.ui['sortable']) {\n\t\tconsole.info('Для работы сортировки требуется глобальная загрузка jQuery UI Sortable');\n\n\t\treturn;\n\t}\n\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable({\n\t\tdistance: 10,\n\n\t\tstop: () => {\n\t\t\t// Обновляем порядок регионов в массиве regionsRich после сортировки\n\t\t\tconst sortedIndexes = [...elRegions.value!.children].map(el => Number(el.getAttribute('data-region-index')));\n\t\t\tregionsRich.value.sort((a, b) => sortedIndexes.indexOf(a.index) - sortedIndexes.indexOf(b.index));\n\t\t},\n\t});\n\n};\n\n/**\n * Удаление sortable\n */\nconst onClose = () => {\n\tif (!Core.$?.ui['sortable']) return;\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable('destroy');\n};\n\n</script>\n\n<template>\n\t<TopDialog\n\t\t:id=\"dialog.id\"\n\t\tpageActive=\"selectorRegions\"\n\t\tclass=\"dialog_selectorRegions\"\n\t\theight=\"600px\"\n\t\twidth=\"600px\"\n\t\t@open=\"onOpen\"\n\t\t@close=\"onClose\"\n\t>\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\n\t\t\t<template #header>\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_search_engine\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_yande_region_code\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('name')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_lphabetically\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #body>\n\t\t\t\t<div ref=\"elRegions\">\n\t\t\t\t\t<TopCheckbox\n\t\t\t\t\t\tv-for=\"region of regionsRich\"\n\t\t\t\t\t\t:key=\"region.index\"\n\t\t\t\t\t\tv-model=\"region.selected\"\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\n\t\t\t\t\t\t:data-region-index=\"region.index\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\n\t\t\t\t\t\t></div>\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"region.flagLink\"\n\t\t\t\t\t\t\tclass=\"top-flag\"\n\t\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\n\t\t\t\t\t\t\t:alt=\"region.countryCode\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t{{ region.name }}\n\n\t\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\n\t\t\t\t\t\t\t{{ region.areaName }}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-if=\"region.langLabel\">\n\t\t\t\t\t\t\t[{{ region.langLabel }}]\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"region.deviceIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</TopCheckbox>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t\t{{ $i18n.Common?.Apply }}\n\t\t\t\t</TopButton>\n\t\t\t</template>\n\t\t</TopDialogPage>\n\t</TopDialog>\n</template>\n\n<style>\n@import \"./style.css\";\n</style>\n"],"names":["dialog","utils","isAllSelected","vue","regionsRich","elRegions","sortedVectorByField","sort","sortedField","regionA","regionB","region","_a","props","regionsIndexes","orderA","orderByRegionIndex","orderB","regions","title","selected","deviceIcon","utils_searchers","flagLink","utils_string","searcherIcon","langLabel","regionRich","isAllSelectedLocal","b","sortedIndexes"],"mappings":"wpBAYAA,EAAAC,EAAA,iBAAA,EAKAC,EAAAC,EAAA,IAAA,EAAA,EAKAC,EAAAD,EAAA,IAAA,CAAA,CAAA,EAKAE,EAAAF,EAAA,IAAA,IAAA,EAKAG,EAAAH,EAAA,SAAA,wBAEM,KAAA,EACC,CAAA,EAOPI,EAAAC,GAAA,gCAIE,CAAAC,EAAAD,CAAA,GAAA,CAAAE,EAAAF,CAAA,EAAA,wBAEyH,gBAU1H,GAAA,CAAAJ,EAAA,MAAA,KAAAO,GAAAA,EAAA,QAAA,EAAA,8DAMAC,EAAAC,EAAA,4BAAA,MAAAD,EAAA,KAAAC,EAAAC,cAMDX,EAAA,MAAAD,EAAA,IAAA,kDACqG,CAAA,EAIrGC,EAAA,MAAA,mCAEa,EAAA,IAAA,CAKZ,GAHAC,EAAA,MAAA,CAAA,EAEA,CAAAS,EAAA,SACA,CAAAA,EAAA,eAAA,oGAUC,MAAAE,EAAAC,EAAA,IAAAP,EAAA,KAAA,GAAA,OAAA,UACAQ,EAAAD,EAAA,IAAAN,EAAA,KAAA,GAAA,OAAA,oBAEgB,CAAA,EAGjBQ,EAAA,QAAAP,GAAA,OACC,IAAAQ,EAAAR,EAAA,KACAA,EAAA,WAAAQ,GAAA,KAAAR,EAAA,QAAA,KAEA,MAAAS,IAAAR,EAAAC,EAAA,iBAAA,YAAAD,EAAA,SAAAD,EAAA,SAAA,4GAGAU,EAAAV,EAAA,SAAA,OAAAW,EAAA,eAAAX,EAAA,MAAA,EAAA,OACAY,EAAAZ,EAAA,cAAA,OAAAa,EAAA,yBAAAb,EAAA,WAAA,EAAA,UAEmB,GAAAA,EACf,SAAAS,EACH,MAAAD,EACA,aAAAM,EACA,UAAAC,EACA,WAAAL,cAKDjB,EAAA,MAAA,KAAAuB,CAAA,EAEAA,EAAA,gBAEA,CAAA,EAGDzB,EAAA,MAAA0B,CAAsB,CAAA,8DAQrB,QAAA,KAAA,wEAAA,QAEA,CAGDvB,EAAA,oIAQED,EAAA,MAAA,KAAA,CAAA,EAAAyB,IAAAC,EAAA,QAAA,EAAA,KAAA,EAAAA,EAAA,QAAAD,EAAA,KAAA,CAAA,CAAgG,CACjG,CAAA,mDAUDxB,EAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-DLF_Qnj6.amd.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './popup';\n\nconst props = withDefaults(defineProps<OpenerProps>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внтурь элемента слота\n *\n * @param el - вспомогательрный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\tpointer-events: none;\n\tcursor: auto !important;\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type PopupClass from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './popup';\nimport Opener from './opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst expose = {\n\tpopup: undefined as PopupClass | undefined,\n};\ndefineExpose(expose);\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\n// см. lib/popup\nconst onOpen = async (popup: PopupClass) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el });\n};\n\n// см. lib/popup\nconst onClose = (popup: PopupClass) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as PopupClass | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id=\"id\"\n\t\t:pos=\"pos\"\n\t\t:posBy=\"posBy\"\n\t\t:notch=\"notch\"\n\t\t:openByHover=\"openByHover\"\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n"],"names":["id","props","elOpener","render","el","renderOpener","elOpener2","elPopupRef","vue","elPopupInnerRef","popup","vueConnector","expose","emit","delClasses","oldClass","newClasses","popup_worker"],"mappings":"+WAUAA,EAAAC,EAAA,IAAA,KAAA,OAAA,EAAA,GAEA,IAAAC,EAOA,SAAAC,EAAAC,EAAA,iBAEEF,EAAAE,EAAA,0BAIA,CAAA,CACA,yBAMD,CAAA,EAGD,SAAAC,EAAAC,EAAA,0BAQCA,EAAA,QAAA,WAAAN,8DAGAM,EAAA,QAAA,cAAAL,EAAA,MAAA,OAAA,GACAK,EAAA,QAAA,oBAAAL,EAAA,YAAA,OAAA,EAAoE,4nBC9BtD,MAAA,aAKf,MAAAD,EAAAC,EAAA,IAAA,gBAAA,KAAA,OAAA,EAEAM,EAAAC,EAAA,IAAA,IAAA,EACAC,EAAAD,EAAA,IAAA,IAAA,KA8BqB,OA3BrB,MAAAE,GAAA,gCAGCA,EAAA,eACCA,EAAA,aAAA,UAAA,GAEAD,EAAA,MAAAC,EAAA,cAGDC,EAAA,OAAA,GACAA,EAAA,MAAAD,EAEAE,EAAA,MAAAF,EAEAG,EAAA,OAAA,CAAA,QAAAH,EAAA,QAAA,cAAAA,EAAA,EAAA,CAAA,GAcA,QAVDA,GAAA,CACCD,EAAA,MAAA,KAEAE,EAAA,OAAA,GACAA,EAAA,MAAA,OAEAE,EAAA,QAAA,CAAA,QAAAH,EAAA,QAAA,cAAAA,EAAA,EAAA,CAAA,GAKA,SAAAF,EAAA,MAAAP,EAAA,OAAA,yBAGO,sBAAAO,EAAA,MAAAP,EAAA,oBAAA,sCAKP,GAAA,CAAAM,EAAA,MAAA,iDAKAO,sCAAA,OAAAC,GAAA,CAAAC,EAAA,SAAAD,CAAA,CAAA,4DAG4C,CAAA,EAG7CE,EAAA,eAAA,gBAAAjB,EAAAW,CAAA,qBAGCM,EAAA,eAAA,kBAAAjB,CAAA,CAA2B,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-DMQVN3dP.es.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './popup';\n\nconst props = withDefaults(defineProps<OpenerProps>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внтурь элемента слота\n *\n * @param el - вспомогательрный элемент для доступа к элементам слота\n */\nfunction render(el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener(elOpener: any) {\n\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<!-- Использует общий deprecated класс .btn -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\tpointer-events: none;\n\tcursor: auto !important;\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type PopupClass from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './popup';\nimport Opener from './opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits>();\n\nconst expose = {\n\tpopup: undefined as PopupClass | undefined,\n};\ndefineExpose(expose);\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\n// см. lib/popup\nconst onOpen = async (popup: PopupClass) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el });\n};\n\n// см. lib/popup\nconst onClose = (popup: PopupClass) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as PopupClass | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\n});\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id=\"id\"\n\t\t:pos=\"pos\"\n\t\t:posBy=\"posBy\"\n\t\t:notch=\"notch\"\n\t\t:openByHover=\"openByHover\"\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './popup';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\n\t\t\t\t'top-popup-noCloser': !closeByClick\n\t\t\t}\"\n\t\t\t:=$attrs\n\t\t>\n\t\t\t<slot></slot>\n\t\t</component>\n\t</li>\n</template>\n"],"names":["props","__props","id","elOpener","render","el","renderOpener","onUpdated","elOpener2","emit","__emit","expose","__expose","elPopupRef","ref","elPopupInnerRef","vueConnector","popup","toRef","watch","newValue","oldValue","newClasses","delClasses","oldClass","Worker","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;AAIA,UAAAA,IAAAC,GAMAC,IAAAF,EAAA,MAAA,KAAA,OAAA,IAAA;AAEA,QAAAG;AAOA,aAAAC,EAAAC,GAAA;AACC,iBAAA,MAAA;AACC,QAAAF,IAAAE,EAAA,oBAEAF,KACCG,EAAAH,CAAA;AAAA,MACD,CAAA;AAAA,IACA;AAGF,IAAAI,EAAA,MAAA;AACC,MAAAJ,KACCG,EAAAH,CAAA;AAAA,IACD,CAAA;AAGD,aAAAG,EAAAE,GAAA;AAMC,MAAAA,EAAA,QAAA,WAAA,MAAAN,GAEAM,EAAA,QAAA,aAAAN,GACAM,EAAA,QAAA,cAAAR,EAAA,KACAQ,EAAA,QAAA,gBAAAR,EAAA,OACAQ,EAAA,QAAA,gBAAAR,EAAA,QAAA,SAAA,IACAQ,EAAA,QAAA,sBAAAR,EAAA,cAAA,SAAA;AAAA,IAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvCrE,UAAAA,IAAAC,GAOAQ,IAAAC,GAEAC,IAAA;AAAA,MAAe,OAAA;AAAA,IACP;AAER,IAAAC,EAAAD,CAAA;AAEA,UAAAT,IAAAF,EAAA,MAAA,kBAAA,KAAA,OAAA,GAEAa,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GA8BAE,IAAA;AAAA,MAAqB,QA3BrB,OAAAC,MAAA;AACC,QAAAA,EAAA,YAAAJ,EAAA,QAAAI,EAAA,UAEAA,EAAA,iBACCA,EAAA,aAAA,YAAA,IAEAF,EAAA,QAAAE,EAAA,eAGDD,EAAA,SAAA,IACAA,EAAA,QAAAC,GAEAN,EAAA,QAAAM,GAEAR,EAAA,QAAA,EAAA,SAAAQ,EAAA,SAAA,eAAAA,EAAA,GAAA,CAAA;AAAA,MAAiE;AAAA,MAcjE,SAVD,CAAAA,MAAA;AACC,QAAAF,EAAA,QAAA,MAEAC,EAAA,SAAA,IACAA,EAAA,QAAA,QAEAP,EAAA,SAAA,EAAA,SAAAQ,EAAA,SAAA,eAAAA,EAAA,GAAA,CAAA;AAAA,MAAkE;AAAA,MAKlE,UAAAC,EAAAlB,GAAA,OAAA;AAAA,MAC8B,QAAA;AAAA,MACtB,OAAA;AAAA,MACD,uBAAAkB,EAAAlB,GAAA,oBAAA;AAAA,IACiD;AAGzD,WAAAmB,EAAA,MAAAnB,EAAA,OAAA,CAAAoB,GAAAC,MAAA;AACC,UAAA,CAAAR,EAAA,MAAA;AAEA,YAAAS,KAAAF,KAAA,gBAAAA,EAAA,MAAA,SAAA,CAAA,GAGAG,MAFAF,KAAA,gBAAAA,EAAA,MAAA,SAAA,CAAA,GAEA,OAAA,CAAAG,MAAA,CAAAF,EAAA,SAAAE,CAAA,CAAA;AAEA,MAAAX,EAAA,MAAA,UAAA,OAAA,GAAAU,CAAA,GACAV,EAAA,MAAA,UAAA,IAAA,GAAAS,CAAA;AAAA,IAA4C,CAAA,GAG7CG,EAAA,gBAAAvB,GAAAc,CAAA,GAEAU,EAAA,MAAA;AACC,MAAAD,EAAA,kBAAAvB,CAAA;AAAA,IAA2B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxE5B,UAAAF,IAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.vue_vue_type_style_index_0_lang-DzNVeeZl.es.js","sources":["../../src/components/formsExt/menu/menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './menu';\nimport Core from '@/core/core/core';\nimport { isSafari } from '@/core/utils/device';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n});\n\nconst model = defineModel({\n\trequired: true,\n});\n\nconst el = ref();\n\n// валидация типа modelValue без возможности выбора нескольких значений (ожидается строка)\nif (!props.isMultiple && !(typeof (model.value) === 'string' || model.value instanceof String)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected String: ' + typeof (model.value));\n}\n\n// валидация типа modelValue с возможностью выбора нескольких значений (ожидается массив)\nif (props.isMultiple && !Array.isArray(model.value)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected Array: ' + typeof (model.value));\n}\n\n// для множественного выбора без пустого множества\n// если ничего не выбрано, присваиваем 1-ое значение\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length) {\n\tmodel.value = [props.items[0].href ?? props.items[0].value];\n}\n\nconst itemIsActive = (item: Item) => {\n\tif (!Array.isArray(model.value)) {\n\t\treturn item.value === model.value;\n\t}\n\n\treturn model.value.includes(item.value);\n};\n\n/**\n * Выбрать элемент\n * @param item\n * @param toggle - добавить или исключить элемент, для isMultiple\n */\nconst select = (item: Item, toggle = false) => {\n\tif (Array.isArray(model.value)) {\n\t\tlet modelNew = model.value.slice();\n\n\t\tif (toggle) {\n\t\t\tif (!modelNew.length) modelNew = props.items.map(item => item.value);\n\n\t\t\tconst index = modelNew.indexOf(item.value);\n\t\t\tif (index === -1) {\n\t\t\t\tmodelNew.push(item.value);\n\t\t\t} else {\n\t\t\t\tmodelNew.splice(index, 1);\n\t\t\t}\n\t\t} else {\n\t\t\tif (modelNew.length === 1 && modelNew[0] === item.value) {\n\t\t\t\tmodelNew = [];\n\t\t\t} else {\n\t\t\t\tmodelNew = [item.value];\n\t\t\t}\n\t\t}\n\n\t\tif (!props.canBeEmptyMultiple && !modelNew.length) modelNew = [item.value];\n\n\t\tmodel.value = modelNew;\n\n\t\treturn;\n\t}\n\n\tmodel.value = item.value;\n};\n\n// вертикальный скролл в горизонтальный скролл\nconst onWheel = (event: WheelEvent) => {\n\tif (el.value.scrollWidth <= el.value.offsetWidth) return;\n\tif (event.shiftKey) return;\n\tif (Math.abs(event.deltaY) < 50) return; // устройство с высокой точностью, например тачпад\n\n\tevent.preventDefault();\n\n\tconst delta = event.deltaY > 0 ? 30 : -30;\n\tel.value.scrollLeft = el.value.scrollLeft + delta;\n};\n\n/**\n * Замена стандартному scrollIntoView, который меняет скролл документа\n *\n * Выравнивание по ближнему краю элемента\n *\n * Выравнивается таким образом, чтобы был виден соседний элемент\n */\nconst scrollIntoView = (isSmooth = true) => {\n\tconst elBtn = el.value.querySelector('.top-active');\n\tif (!elBtn) return;\n\n\tconst gap = 24;\n\n\t// левая и правая координаты элемента\n\tconst leftMargin = elBtn.offsetLeft - el.value.offsetLeft - gap;\n\tconst rightMargin = elBtn.offsetLeft - el.value.offsetLeft + elBtn.clientWidth + gap;\n\n\t// левая и правая границы видимой части меню\n\tconst leftMarginParent = el.value.scrollLeft;\n\tconst rightMarginParent = el.value.clientWidth + el.value.scrollLeft;\n\n\tlet scrollLeft: number | undefined = undefined;\n\n\t// левую границу элемента к левой границе меню\n\tif (leftMargin < leftMarginParent) scrollLeft = leftMargin;\n\n\t// правую границу элемента к правой границе меню\n\tif (rightMargin > rightMarginParent) scrollLeft = rightMargin - el.value.clientWidth;\n\n\tif (scrollLeft !== undefined) {\n\t\tif (isSafari()) {\n\t\t\tCore.$?.(el.value).animate({ scrollLeft: scrollLeft }, isSmooth ? 200 : 0);\n\t\t} else {\n\t\t\tel.value.scrollTo({ left: scrollLeft, behavior: isSmooth ? 'smooth' : 'auto' });\n\t\t}\n\t}\n};\n\n/**\n * Выбрать все элементы в меню\n */\nconst selectAll = () => {\n\tif (!Array.isArray(model.value)) return;\n\n\tif (model.value.length === props.items.length) {\n\t\tmodel.value = [props.items[0].href ?? props.items[0].value];\n\t\treturn;\n\t}\n\n\tmodel.value = props.items.map(item => item.href ?? item.value);\n};\n\nonMounted(() => scrollIntoView(false));\nonUpdated(() => scrollIntoView(true));\n\n</script>\n\n<template>\n\t<div\n\t\tref=\"el\"\n\t\t:class=\"{\n\t\t\t'top-menu': true,\n\t\t\t['top-style_' + styling]: true,\n\t\t\t// ['top-unwrap-x']: styling === 'default',\n\t\t}\"\n\t\t@wheel=\"onWheel\"\n\t>\n\t\t<TopButton\n\t\t\tv-for=\"item in items\"\n\t\t\t:=\"item\"\n\t\t\tclass=\"top-menu_item\"\n\t\t\tcolor=\"theme\"\n\t\t\t@click=\"select(item, $event.ctrlKey)\"\n\t\t\t:isActive=\"itemIsActive(item)\"\n\t\t>\n\t\t\t<template #default v-if=\"item.content\">\n\t\t\t\t{{ item.content }}\n\t\t\t</template>\n\t\t</TopButton>\n\n\t\t<div\n\t\t\tv-if=\"Array.isArray(model) && selectAllItem\"\n\t\t\tclass=\"top-menu_selectAll\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\t:=\"selectAllItem\"\n\t\t\t\tclass=\"top-menu_item\"\n\t\t\t\tcolor=\"theme\"\n\t\t\t\tstyling=\"\"\n\t\t\t\t@click=\"selectAll()\"\n\t\t\t\t:isActive=\"model.length === items.length\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"selectAllItem.content\">\n\t\t\t\t\t{{ selectAllItem.content }}\n\t\t\t\t</template>\n\t\t\t</TopButton>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-menu {\n\t--scroll-thumb-color: var(--color-line-1);\n\t--scroll-thumb-color-hover: var(--color-line-2);\n\t--scroll-thumb-color-active: var(--color-line-3);\n\n\tmax-width: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: var(--top-gap-2);\n\toverflow-x: auto;\n\tscrollbar-width: none; /* firefox */\n\n\t/* предотвратить натинвые события браузера (назад / вперед) */\n\toverscroll-behavior-x: contain;\n}\n\n.top-menu::-webkit-scrollbar { display: none; }\n\n.top-menu .top-menu_item {\n\t--top-button-color: var(--color-text-2);\n\n\toutline-offset: -2px !important;\n\tmin-width: 0;\n\tmax-width: 200px;\n\tmargin: 0;\n\tflex-shrink: 0;\n}\n\n.top-menu .top-menu_item[data-top-icon] {\n\t--top-icon-color: var(--color-text-2);\n}\n\n.top-menu_selectAll {\n\tposition: sticky;\n\tright: 0;\n\tbackground: var(--color-layout-front-1);\n\tborder-left: 1px solid var(--color-line-1);\n\tpadding-left: var(--top-padding-1);\n\tbox-shadow: var(--color-layout-front-1) var(--top-padding-2) 0px;\n}\n\n/* style default */\n.top-menu.top-style_default .top-menu_item {\n\t--top-forms-radius: 0;\n\t--top-forms-border-color: transparent;\n\t--top-forms-border-width: 2px;\n\n\tfilter: none;\n\tbox-shadow: none;\n\tborder: none;\n\tborder-bottom: var(--top-forms-border-width) solid var(--top-forms-border-color);\n\tbackground: none;\n}\n\n.top-style_default > .top-menu_item > [data-top-badge] {\n\tmargin-top: 0;\n}\n\n.top-menu.top-style_default .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-2);\n}\n\n.top-menu.top-style_default .top-menu_item:active,\n.top-menu.top-style_default .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-primary-1);\n}\n\n.top-menu.top-style_default .top-menu_selectAll {\n\tpadding-left: var(--top-padding-2);\n}\n\n/* style bar */\n.top-menu.top-style_bar {\n\tborder-radius: var(--top-radius-3);\n\tborder: 1px solid var(--color-line-2);\n\tpadding: var(--top-padding-1);\n\tgap: 3px;\n}\n.top-menu.top-style_bar .top-menu_item {\n\t--top-button-background-color-hover: var(--color-layer-1);\n\t--top-button-background-color-active: var(--color-layer-2);\n\t--top-button-background-color-selected: var(--color-layer-primary-1);\n\n\tposition: relative;\n}\n\n.top-menu.top-style_bar .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n}\n\n.top-menu.top-style_bar .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-primary);\n}\n\n/* разделители кнопок в баре */\n.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after {\n\tcontent: \"\";\n\tbackground: var(--color-line-1-opacity);\n\twidth: 1px;\n\theight: 60%;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -2px;\n}\n.top-menu.top-style_bar .top-menu_item.top-active + .top-menu_item:after,\n.top-menu.top-style_bar .top-menu_item:hover + .top-menu_item:after {\n\tcontent: none !important;\n}\n\n/*\n.top-style_bar > .top-menu_item > [data-top-badge] {\n\tmargin-top: -3px;\n}\n*/\n\n/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\n/*\n.top-menu.top-unwrap-x {\n\tpadding-right: var(--top-unwrap-x);\n\tpadding-left: var(--top-unwrap-x);\n\tmargin-right: calc(0px - var(--top-unwrap-x));\n\tmargin-left: calc(0px - var(--top-unwrap-x));\n}\n*/\n</style>\n"],"names":["props","__props","model","useModel","el","ref","itemIsActive","item","select","toggle","modelNew","item2","index","onWheel","event","delta","scrollIntoView","isSmooth","elBtn","gap","leftMargin","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","isSafari","_b","_a","Core","selectAll","onMounted","onUpdated"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.vue_vue_type_style_index_0_lang-VpwRSIdl.amd.js","sources":["../../src/components/formsExt/menu/menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './menu';\nimport Core from '@/core/core/core';\nimport { isSafari } from '@/core/utils/device';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n});\n\nconst model = defineModel({\n\trequired: true,\n});\n\nconst el = ref();\n\n// валидация типа modelValue без возможности выбора нескольких значений (ожидается строка)\nif (!props.isMultiple && !(typeof (model.value) === 'string' || model.value instanceof String)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected String: ' + typeof (model.value));\n}\n\n// валидация типа modelValue с возможностью выбора нескольких значений (ожидается массив)\nif (props.isMultiple && !Array.isArray(model.value)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected Array: ' + typeof (model.value));\n}\n\n// для множественного выбора без пустого множества\n// если ничего не выбрано, присваиваем 1-ое значение\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length) {\n\tmodel.value = [props.items[0].href ?? props.items[0].value];\n}\n\nconst itemIsActive = (item: Item) => {\n\tif (!Array.isArray(model.value)) {\n\t\treturn item.value === model.value;\n\t}\n\n\treturn model.value.includes(item.value);\n};\n\n/**\n * Выбрать элемент\n * @param item\n * @param toggle - добавить или исключить элемент, для isMultiple\n */\nconst select = (item: Item, toggle = false) => {\n\tif (Array.isArray(model.value)) {\n\t\tlet modelNew = model.value.slice();\n\n\t\tif (toggle) {\n\t\t\tif (!modelNew.length) modelNew = props.items.map(item => item.value);\n\n\t\t\tconst index = modelNew.indexOf(item.value);\n\t\t\tif (index === -1) {\n\t\t\t\tmodelNew.push(item.value);\n\t\t\t} else {\n\t\t\t\tmodelNew.splice(index, 1);\n\t\t\t}\n\t\t} else {\n\t\t\tif (modelNew.length === 1 && modelNew[0] === item.value) {\n\t\t\t\tmodelNew = [];\n\t\t\t} else {\n\t\t\t\tmodelNew = [item.value];\n\t\t\t}\n\t\t}\n\n\t\tif (!props.canBeEmptyMultiple && !modelNew.length) modelNew = [item.value];\n\n\t\tmodel.value = modelNew;\n\n\t\treturn;\n\t}\n\n\tmodel.value = item.value;\n};\n\n// вертикальный скролл в горизонтальный скролл\nconst onWheel = (event: WheelEvent) => {\n\tif (el.value.scrollWidth <= el.value.offsetWidth) return;\n\tif (event.shiftKey) return;\n\tif (Math.abs(event.deltaY) < 50) return; // устройство с высокой точностью, например тачпад\n\n\tevent.preventDefault();\n\n\tconst delta = event.deltaY > 0 ? 30 : -30;\n\tel.value.scrollLeft = el.value.scrollLeft + delta;\n};\n\n/**\n * Замена стандартному scrollIntoView, который меняет скролл документа\n *\n * Выравнивание по ближнему краю элемента\n *\n * Выравнивается таким образом, чтобы был виден соседний элемент\n */\nconst scrollIntoView = (isSmooth = true) => {\n\tconst elBtn = el.value.querySelector('.top-active');\n\tif (!elBtn) return;\n\n\tconst gap = 24;\n\n\t// левая и правая координаты элемента\n\tconst leftMargin = elBtn.offsetLeft - el.value.offsetLeft - gap;\n\tconst rightMargin = elBtn.offsetLeft - el.value.offsetLeft + elBtn.clientWidth + gap;\n\n\t// левая и правая границы видимой части меню\n\tconst leftMarginParent = el.value.scrollLeft;\n\tconst rightMarginParent = el.value.clientWidth + el.value.scrollLeft;\n\n\tlet scrollLeft: number | undefined = undefined;\n\n\t// левую границу элемента к левой границе меню\n\tif (leftMargin < leftMarginParent) scrollLeft = leftMargin;\n\n\t// правую границу элемента к правой границе меню\n\tif (rightMargin > rightMarginParent) scrollLeft = rightMargin - el.value.clientWidth;\n\n\tif (scrollLeft !== undefined) {\n\t\tif (isSafari()) {\n\t\t\tCore.$?.(el.value).animate({ scrollLeft: scrollLeft }, isSmooth ? 200 : 0);\n\t\t} else {\n\t\t\tel.value.scrollTo({ left: scrollLeft, behavior: isSmooth ? 'smooth' : 'auto' });\n\t\t}\n\t}\n};\n\n/**\n * Выбрать все элементы в меню\n */\nconst selectAll = () => {\n\tif (!Array.isArray(model.value)) return;\n\n\tif (model.value.length === props.items.length) {\n\t\tmodel.value = [props.items[0].href ?? props.items[0].value];\n\t\treturn;\n\t}\n\n\tmodel.value = props.items.map(item => item.href ?? item.value);\n};\n\nonMounted(() => scrollIntoView(false));\nonUpdated(() => scrollIntoView(true));\n\n</script>\n\n<template>\n\t<div\n\t\tref=\"el\"\n\t\t:class=\"{\n\t\t\t'top-menu': true,\n\t\t\t['top-style_' + styling]: true,\n\t\t\t// ['top-unwrap-x']: styling === 'default',\n\t\t}\"\n\t\t@wheel=\"onWheel\"\n\t>\n\t\t<TopButton\n\t\t\tv-for=\"item in items\"\n\t\t\t:=\"item\"\n\t\t\tclass=\"top-menu_item\"\n\t\t\tcolor=\"theme\"\n\t\t\t@click=\"select(item, $event.ctrlKey)\"\n\t\t\t:isActive=\"itemIsActive(item)\"\n\t\t>\n\t\t\t<template #default v-if=\"item.content\">\n\t\t\t\t{{ item.content }}\n\t\t\t</template>\n\t\t</TopButton>\n\n\t\t<div\n\t\t\tv-if=\"Array.isArray(model) && selectAllItem\"\n\t\t\tclass=\"top-menu_selectAll\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\t:=\"selectAllItem\"\n\t\t\t\tclass=\"top-menu_item\"\n\t\t\t\tcolor=\"theme\"\n\t\t\t\tstyling=\"\"\n\t\t\t\t@click=\"selectAll()\"\n\t\t\t\t:isActive=\"model.length === items.length\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"selectAllItem.content\">\n\t\t\t\t\t{{ selectAllItem.content }}\n\t\t\t\t</template>\n\t\t\t</TopButton>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-menu {\n\t--scroll-thumb-color: var(--color-line-1);\n\t--scroll-thumb-color-hover: var(--color-line-2);\n\t--scroll-thumb-color-active: var(--color-line-3);\n\n\tmax-width: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: var(--top-gap-2);\n\toverflow-x: auto;\n\tscrollbar-width: none; /* firefox */\n\n\t/* предотвратить натинвые события браузера (назад / вперед) */\n\toverscroll-behavior-x: contain;\n}\n\n.top-menu::-webkit-scrollbar { display: none; }\n\n.top-menu .top-menu_item {\n\t--top-button-color: var(--color-text-2);\n\n\toutline-offset: -2px !important;\n\tmin-width: 0;\n\tmax-width: 200px;\n\tmargin: 0;\n\tflex-shrink: 0;\n}\n\n.top-menu .top-menu_item[data-top-icon] {\n\t--top-icon-color: var(--color-text-2);\n}\n\n.top-menu_selectAll {\n\tposition: sticky;\n\tright: 0;\n\tbackground: var(--color-layout-front-1);\n\tborder-left: 1px solid var(--color-line-1);\n\tpadding-left: var(--top-padding-1);\n\tbox-shadow: var(--color-layout-front-1) var(--top-padding-2) 0px;\n}\n\n/* style default */\n.top-menu.top-style_default .top-menu_item {\n\t--top-forms-radius: 0;\n\t--top-forms-border-color: transparent;\n\t--top-forms-border-width: 2px;\n\n\tfilter: none;\n\tbox-shadow: none;\n\tborder: none;\n\tborder-bottom: var(--top-forms-border-width) solid var(--top-forms-border-color);\n\tbackground: none;\n}\n\n.top-style_default > .top-menu_item > [data-top-badge] {\n\tmargin-top: 0;\n}\n\n.top-menu.top-style_default .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-2);\n}\n\n.top-menu.top-style_default .top-menu_item:active,\n.top-menu.top-style_default .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-primary-1);\n}\n\n.top-menu.top-style_default .top-menu_selectAll {\n\tpadding-left: var(--top-padding-2);\n}\n\n/* style bar */\n.top-menu.top-style_bar {\n\tborder-radius: var(--top-radius-3);\n\tborder: 1px solid var(--color-line-2);\n\tpadding: var(--top-padding-1);\n\tgap: 3px;\n}\n.top-menu.top-style_bar .top-menu_item {\n\t--top-button-background-color-hover: var(--color-layer-1);\n\t--top-button-background-color-active: var(--color-layer-2);\n\t--top-button-background-color-selected: var(--color-layer-primary-1);\n\n\tposition: relative;\n}\n\n.top-menu.top-style_bar .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n}\n\n.top-menu.top-style_bar .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-primary);\n}\n\n/* разделители кнопок в баре */\n.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after {\n\tcontent: \"\";\n\tbackground: var(--color-line-1-opacity);\n\twidth: 1px;\n\theight: 60%;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -2px;\n}\n.top-menu.top-style_bar .top-menu_item.top-active + .top-menu_item:after,\n.top-menu.top-style_bar .top-menu_item:hover + .top-menu_item:after {\n\tcontent: none !important;\n}\n\n/*\n.top-style_bar > .top-menu_item > [data-top-badge] {\n\tmargin-top: -3px;\n}\n*/\n\n/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\n/*\n.top-menu.top-unwrap-x {\n\tpadding-right: var(--top-unwrap-x);\n\tpadding-left: var(--top-unwrap-x);\n\tmargin-right: calc(0px - var(--top-unwrap-x));\n\tmargin-left: calc(0px - var(--top-unwrap-x));\n}\n*/\n</style>\n"],"names":["el","vue","props","model","itemIsActive","item","index","modelNew","onWheel","event","delta","scrollIntoView","isSmooth","leftMargin","elBtn","gap","rightMargin","leftMarginParent","rightMarginParent","scrollLeft"],"mappings":"ggBAeAA,EAAAC,EAAA,IAAA,mKAQAC,EAAA,YAAA,CAAA,MAAA,QAAAC,EAAA,KAAA,wNAUA,MAAAC,EAAAC,oDAEEA,EAAA,QAAAF,EAAA,2IAmBCG,IAAA,GACCC,EAAA,KAAAF,EAAA,KAAA,EAEAE,EAAA,OAAAD,EAAA,CAAA,CACD,MAEAC,EAAA,SAAA,GAAAA,EAAA,CAAA,IAAAF,EAAA,WAGCE,EAAA,CAAAF,EAAA,KAAA,EAIF,CAAAH,EAAA,oBAAA,CAAAK,EAAA,SAAAA,EAAA,CAAAF,EAAA,KAAA,GAEAF,EAAA,MAAAI,QAEA,CAGDJ,EAAA,MAAAE,EAAA,OAIDG,EAAAC,GAAA,IACCT,EAAA,MAAA,aAAAA,EAAA,MAAA,aACAS,EAAA,oFAMAT,EAAA,MAAA,WAAAA,EAAA,MAAA,WAAAU,GAUDC,EAAA,CAAAC,EAAA,KAAA,8EAOCC,EAAAC,EAAA,WAAAd,EAAA,MAAA,WAAAe,EACAC,EAAAF,EAAA,WAAAd,EAAA,MAAA,WAAAc,EAAA,YAAAC,EAGAE,EAAAjB,EAAA,MAAA,WACAkB,EAAAlB,EAAA,MAAA,YAAAA,EAAA,MAAA,iBAKAa,EAAAI,IAAAE,EAAAN,GAGAG,EAAAE,IAAAC,EAAAH,EAAAhB,EAAA,MAAA,aAEAmB,IAAA,gGAIEnB,EAAA,MAAA,SAAA,CAAA,KAAAmB,EAAA,SAAAP,EAAA,SAAA,MAAA,CAAA,qCAWF,IAAAT,EAAA,MAAA,SAAAD,EAAA,MAAA,OAAA,mDAEC,2CAMF,OAAAD,EAAA,UAAA,IAAAU,EAAA,EAAA,CAAA,EACAV,EAAA,UAAA,IAAAU,EAAA,EAAA,CAAA"}