@topvisor/ui 1.5.4 → 1.5.5

package/.chunks/{formsExt-B32m6XEQ.esm.js.map → formsExt-Bk_fn1Pg.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formsExt-B32m6XEQ.esm.js","names":["$emit","$slots","$i18n","$core","$slots","$core","$slots","$props","$props","$slots"],"sources":["../../src/components/formsExt/menu/menu.vue","../../src/components/formsExt/menu/menu.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/cache.ts","../../src/components/formsExt/selector2/composables/useAPI.ts","../../src/components/formsExt/selector2/utils.ts","../../src/components/formsExt/selector2/composables/useMenu.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/libs/optionGroup/optionGroup.vue","../../src/components/formsExt/libs/optionGroup/optionGroup.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/checkboxGroup/checkboxGroup.vue","../../src/components/formsExt/checkboxGroup/checkboxGroup.vue","../../src/components/formsExt/info/info.vue","../../src/components/formsExt/info/info.vue","../../src/components/formsExt/policy/policy.vue","../../src/components/formsExt/policy/policy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\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' && typeof (model.value) !== 'number') {\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 * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\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 || $event.metaKey)\"\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","<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\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' && typeof (model.value) !== 'number') {\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 * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\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 || $event.metaKey)\"\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","<script setup lang=\"ts\">\nimport type { EmitsItemMulti, PropsItemMulti } from './types';\n\ndefineProps<PropsItemMulti>();\ndefineEmits<EmitsItemMulti>();\n</script>\n\n<template>\n\t<div class=\"top-selector2_itemMulti top-ellipsis\">\n\t\t{{ name }}\n\n\t\t<span\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"$emit('delete', {id, name})\"\n\t\t\t@mousedown.stop\n\t\t></span>\n\t</div>\n</template>\n\n<style>\n.top-selector2_itemMulti {\n\tbox-sizing: border-box;\n\tpadding-left: var(--top-padding-2);\n\tborder-radius: var(--top-radius-1, 4px);\n\tborder: 1px solid var(--color-line-primary-1);\n\tbackground: var(--color-layer-primary-2);\n\tmin-height: 22px;\n\tmax-width: 100%;\n\tcolor: var(--color-text-1);\n\tflex-grow: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-selector2_itemMultiDelete {\n\t--top-icon-size: 14px;\n\t--top-icon-width: 18px;\n\t--top-icon-color: var(--color-text-1);\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\tcursor: pointer;\n}\n\n.top-selector2_itemMultiDelete:hover {\n\tbackground: var(--color-layer-primary-2);\n}\n\n@media screen and (min-width: 900px) {\n\t.top-selector2.top-active .top-selector2_itemMultiDelete {\n\t\tz-index: calc(var(--top-popup-z-index) + 1);\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { EmitsItemMulti, PropsItemMulti } from './types';\n\ndefineProps<PropsItemMulti>();\ndefineEmits<EmitsItemMulti>();\n</script>\n\n<template>\n\t<div class=\"top-selector2_itemMulti top-ellipsis\">\n\t\t{{ name }}\n\n\t\t<span\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"$emit('delete', {id, name})\"\n\t\t\t@mousedown.stop\n\t\t></span>\n\t</div>\n</template>\n\n<style>\n.top-selector2_itemMulti {\n\tbox-sizing: border-box;\n\tpadding-left: var(--top-padding-2);\n\tborder-radius: var(--top-radius-1, 4px);\n\tborder: 1px solid var(--color-line-primary-1);\n\tbackground: var(--color-layer-primary-2);\n\tmin-height: 22px;\n\tmax-width: 100%;\n\tcolor: var(--color-text-1);\n\tflex-grow: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-selector2_itemMultiDelete {\n\t--top-icon-size: 14px;\n\t--top-icon-width: 18px;\n\t--top-icon-color: var(--color-text-1);\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\tcursor: pointer;\n}\n\n.top-selector2_itemMultiDelete:hover {\n\tbackground: var(--color-layer-primary-2);\n}\n\n@media screen and (min-width: 900px) {\n\t.top-selector2.top-active .top-selector2_itemMultiDelete {\n\t\tz-index: calc(var(--top-popup-z-index) + 1);\n\t}\n}\n</style>\n","import { type ModelRef, onUnmounted, ref, type Ref, triggerRef } from 'vue';\nimport type { Item, Props } from './types';\n\n/**\n * Кеш результата\n */\ntype Cache = Api.ResponseSuccess<Item[], 'get'>;\n\n/**\n * Кешируемый реактивный элемент\n */\ntype CachedRef = Ref<Item | Item[]> | ModelRef<Item | Item[]>\n\n/**\n * Список кешей для конкретного API метода\n */\nexport const cacheByMethod = new Map<Api.PathAbstract, Map<string, Cache>>();\n\n/**\n * Список кешированных сущностей для конкретного API метода\n *\n * Имеет ленивое заполнение и используется по мере необходимости\n */\nexport const cachedRefsByMethod = new Map<Api.PathAbstract, Set<CachedRef>>();\n\n/**\n * Счетчик изменений кеша для конкретного API метода\n */\nconst cacheVersionByMethod = new Map<Api.PathAbstract, Ref<number>>();\n\n/**\n * Получить счетчик изменений кеша\n */\nexport const getCacheVersion = (apiPath: Api.PathAbstract) => {\n\tif (!cacheVersionByMethod.has(apiPath)) {\n\t\tcacheVersionByMethod.set(apiPath, ref(0));\n\t}\n\n\treturn cacheVersionByMethod.get(apiPath)!;\n};\n\n/**\n * Увеличить счетчик изменений кеша\n */\nconst invalidateCache = (apiPath: Api.PathAbstract) => {\n\tgetCacheVersion(apiPath).value++;\n};\n\n/**\n * Сброс кеша конкретного API метода\n */\nexport const clearCache = (apiPath: Api.PathAbstract) => {\n\tcacheByMethod.get(apiPath)?.clear();\n\n\tinvalidateCache(apiPath);\n};\n\n/**\n * Обойти все кеши конкретного API метода\n */\nconst eachCacheItem = (apiPath: Api.PathAbstract, cb: (resCache: Cache) => void) => {\n\tconst caches = cacheByMethod.get(apiPath);\n\tcaches?.forEach((res) => cb(res));\n};\n\n/**\n * Обойти все кешируемые сущности конкретного API метода\n */\nconst eachCachedRef = (apiPath: Api.PathAbstract, cb: (cachedRef: CachedRef) => void) => {\n\tconst cachedRefs = cachedRefsByMethod.get(apiPath);\n\tcachedRefs?.forEach((cachedRef) => cb(cachedRef));\n};\n\nconst changeCachedRefById = (apiPath: Api.PathAbstract, id: Item['id'], patch: Partial<Item>) => {\n\teachCachedRef(apiPath, (cachedRef) => {\n\t\tlet changed = false;\n\n\t\tif (Array.isArray(cachedRef.value)) {\n\t\t\tcachedRef.value.filter((item) => item.id === id).forEach((cachedItem) => {\n\t\t\t\tObject.assign(cachedItem, patch);\n\n\t\t\t\tchanged = true;\n\t\t\t});\n\t\t} else {\n\t\t\tif (cachedRef.value.id !== id) return;\n\n\t\t\tObject.assign(cachedRef.value, patch);\n\n\t\t\tchanged = true;\n\t\t}\n\n\t\tif (changed) triggerRef(cachedRef);\n\t});\n};\n\nexport const genCacheKey = (api: NonNullable<Props['api']>) => {\n\tconst userId = window['mo']?.user?.id;\n\n\tconst cacheKey = JSON.stringify(api.params) + ':' + api.url + ':' + userId;\n\n\treturn cacheKey;\n};\n\nexport const getCache = (cacheKey: string, apiPath: Api.PathAbstract) => {\n\tconst res = cacheByMethod.get(apiPath)?.get(cacheKey);\n\tif (!res) return;\n\n\t/**\n\t * Кеш не должен создавать сайд эффекты ссылок двух объектов на одно и то же значение\n\t *\n\t * Даже если в одном случае кеш может быть полезным, в другом он не будет работать, что сильно усложнит проектировку реактивной связности\n\t *\n\t * Основной принцип:\n\t * - Кеш всегда возвращает разные объекты подобно тому, как это делает само API\n\t * - Реактивная связность должна настраиваться в бизнес логике приложения\n\t */\n\tres.result = res.result.map(item => ({ ...item }));\n\n\treturn res;\n};\n\nexport const setCache = (cacheKey: string, apiPath: Api.PathAbstract, data: Cache) => {\n\tif (!cacheByMethod.has(apiPath)) {\n\t\tcacheByMethod.set(apiPath, new Map());\n\t}\n\n\tcacheByMethod.get(apiPath)?.set(cacheKey, data);\n};\n\nexport const useCachedRef = (apiPath: Api.PathAbstract, ref: CachedRef) => {\n\tif (!cachedRefsByMethod.has(apiPath)) {\n\t\tcachedRefsByMethod.set(apiPath, new Set());\n\t}\n\n\tcachedRefsByMethod.get(apiPath)?.add(ref);\n\n\tonUnmounted(() => cachedRefsByMethod.get(apiPath)?.delete(ref));\n};\n\n/**\n * Обновить элемент во всех кешах API метода\n */\nexport const updateCacheItemById = (\n\tapiPath: Api.PathAbstract,\n\tid: Item['id'],\n\tpatch: Partial<Item>,\n) => {\n\teachCacheItem(apiPath, (res) => {\n\t\tconst item = res.result.find((item) => item.id === id);\n\t\tif (!item) return;\n\n\t\tObject.assign(item, patch);\n\t});\n\n\tchangeCachedRefById(apiPath, id, patch);\n\n\tinvalidateCache(apiPath);\n};\n\n/**\n * Удалить элемент из всех кешей API метода\n */\nexport const deleteCacheItemById = (\n\tapiPath: Api.PathAbstract,\n\tid: Item['id'],\n) => {\n\teachCacheItem(apiPath, (res) => {\n\t\tconst itemIndex = res.result.findIndex((item) => item.id === id);\n\t\tif (itemIndex === -1) return;\n\n\t\tres.result.splice(itemIndex, 1);\n\n\t\tif (res.nextOffset) {\n\t\t\tres.nextOffset--;\n\t\t}\n\t});\n\n\t/**\n\t * Model не сбрасываем, только меняем подпись, чтобы не вызывать ненужных эмитов и загрузок там, где они не нужны\n\t *\n\t * UX: не менять Model в компонентах, работа с которыми в данный момент не ведется\n\t */\n\tchangeCachedRefById(apiPath, id, { name: '--' });\n\n\tinvalidateCache(apiPath);\n};\n","import { type ModelRef, ref, watch } from 'vue';\nimport { debounce } from '../../../../core/utils/lodash';\nimport type { Item, Props } from '../types';\nimport { genCacheKey, getCache, getCacheVersion, setCache, useCachedRef } from '../cache';\n\nexport type API = ReturnType<typeof useAPI>;\n\nexport const useAPI = (\n\tapi: Props['api'],\n\tapiSetSearchParams: Props['apiSetSearchParams'],\n\tminLength: number,\n\tuseCache: Props['useCache'],\n\tmodel: ModelRef<Props['modelValue']>,\n) => {\n\t/**\n\t * Список, полученный через API\n\t */\n\tconst items = ref<Item[]>([]);\n\n\t/**\n\t * Флаг - идет загрузка\n\t */\n\tconst isLoading = ref(false);\n\n\tconst countLoading = ref(0);\n\n\tlet searchText = '';\n\tlet nextOffset: number | null | undefined;\n\n\tif (api && !api.params.limit) {\n\t\tapi.params.limit = 100;\n\t}\n\n\tif (api){\n\t\tuseCachedRef(api.path, model);\n\t}\n\n\t/**\n\t * Синхронизировать данные компонента с данными в кеше\n\t */\n\tconst syncItemsFromCache = () => {\n\t\tif (!api) return;\n\n\t\tapi.params.offset = 0;\n\n\t\tconst cacheKey = genCacheKey(api);\n\t\tconst cache = getCache(cacheKey, api.path);\n\t\tif (!cache) {\n\t\t\titems.value = [];\n\t\t\tnextOffset = undefined;\n\n\t\t\treturn;\n\t\t}\n\n\t\titems.value = cache.result;\n\n\t\tnextOffset = cache.nextOffset;\n\t};\n\n\tif (api && useCache) {\n\t\twatch(getCacheVersion(api.path), () => {\n\t\t\tsyncItemsFromCache();\n\t\t});\n\t}\n\n\t/**\n\t * Выполнить обращение к API\n\t *\n\t * При ошибке вернет undefined\n\t */\n\tconst callAPI = async (): Promise<Api.ResponseSuccess<any, 'get'> | undefined> => {\n\t\tif (!api) return;\n\n\t\tconst cacheKey = useCache ? genCacheKey(api) : undefined;\n\n\t\tif (cacheKey) {\n\t\t\tconst cache = getCache(cacheKey, api.path);\n\t\t\tif (cache) {\n\t\t\t\t// остановить запущенные api запросы\n\t\t\t\tapi.abortByFingerprint();\n\n\t\t\t\treturn cache;\n\t\t\t}\n\t\t}\n\n\t\tconst res = await api.call();\n\n\t\tif (res.errors) return;\n\n\t\tif (!Array.isArray(res.result)) {\n\t\t\tconsole.warn('Array expected in `res.result`');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\n\t\tif (indexWithError !== -1) {\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (cacheKey) {\n\t\t\tsetCache(cacheKey, api.path, res);\n\t\t}\n\n\t\treturn res as Api.ResponseSuccess<any, 'get'>;\n\t};\n\n\t/**\n\t * Загрузить items\n\t */\n\tconst load = async (append: boolean) => {\n\t\tif (!api) return;\n\n\t\tif (append) {\n\t\t\t// данных о следующих страницах не обнаружено\n\t\t\tif (!nextOffset) return;\n\n\t\t\t// дозагружать нельзя, если не завершена предыдущая загрузка\n\t\t\tif (isLoading.value) return;\n\n\t\t\tapi.params.offset = nextOffset;\n\t\t} else {\n\t\t\tapi.params.offset = 0;\n\t\t}\n\n\t\tapiSetSearchParams?.(api, searchText);\n\n\t\tisLoading.value = true;\n\t\tconst res = await callAPI();\n\t\tisLoading.value = false;\n\n\t\tcountLoading.value++;\n\n\t\tif (!res) return;\n\n\t\tnextOffset = res.nextOffset;\n\n\t\tif (append) {\n\t\t\titems.value = items.value.concat(res.result);\n\t\t} else {\n\t\t\titems.value = res.result;\n\t\t}\n\t};\n\n\tconst loadDebounce = debounce(() => load(false), 200);\n\n\t/**\n\t * Выполнить поиск по указанному тексту\n\t *\n\t * Если длина текста меньше minLength, поиск не будет произведен\n\t *\n\t * Если текст не изменился, поиск не будет произведен\n\t *\n\t * @param newSearchText - текст поиска\n\t * @param useDebounce - дедупликация загрузки списка\n\t */\n\tconst setSearchTextAndLoad = (newSearchText: string, useDebounce = true) => {\n\t\tif (!api) return;\n\n\t\t// остановить начатый поиск и сбросить результаты\n\t\tif (newSearchText.length < minLength) {\n\t\t\tapi.abortByFingerprint();\n\n\t\t\titems.value = [];\n\n\t\t\treturn;\n\t\t}\n\n\t\t// условия поиска не поменялись, данные загружены\n\t\tif (newSearchText === searchText && items.value.length) return;\n\n\t\tsearchText = newSearchText;\n\n\t\tif (useDebounce) {\n\t\t\tvoid loadDebounce();\n\t\t} else {\n\t\t\tvoid load(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tapiRequest: api,\n\t\titems,\n\t\tisLoading,\n\t\tcountLoading,\n\t\tload,\n\t\tsetSearchTextAndLoad,\n\t};\n};\n","import type { Item, Props } from './types';\nimport { genFieldFilter } from '@/api/api';\n\n/**\n * Универсальный id для всех элементов \"Все элементы\" / \"Без фильтра\" в `TopSelector`\n */\nexport const ITEM_ID_ALL = 0;\n\n/**\n * Универсальный id для всех добавляемых элементов через `TopSelector`\n */\nexport const ITEM_ID_NEW = null;\n\n/**\n * Выбран ли элемент\n */\nexport const isSelected = (modelValue: Props['modelValue'], item: Item, checkNameForNullId = true) => {\n\tif (checkNameForNullId && item.id === ITEM_ID_NEW) {\n\t\tif (Array.isArray(modelValue)) {\n\t\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\n\t\t} else {\n\t\t\treturn item.name === modelValue.name;\n\t\t}\n\t}\n\n\tif (Array.isArray(modelValue)) {\n\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id);\n\t} else {\n\t\treturn item.id === modelValue.id;\n\t}\n};\n\n/**\n * Вспомогательная утилита для создания `callback` функции на добавление фильтра по полю в api запрос\n *\n * Другие фильтры по указанному полю будут удалены\n *\n * @param api - api, которое используется в `TopSelector`\n * @param search - введенная строка поиска\n * @param fieldName - имя поля, по которому надо добавить фильтр на поиск по нестрогому соответствию\n *\n * @todo Объединить с apiSetSearchParamsFilter() из @/components/project/projectSelector/utils.ts\n */\nexport const apiSetSearchParamsFilter = (api: NonNullable<Props['api']>, search: string, fieldName: string) => {\n\tlet filters = api.params.filters ?? [];\n\n\t// удаление других фильтров по этому полю\n\tfilters = filters.filter((filter) => filter.name !== fieldName);\n\n\tif (search) {\n\t\tfilters.push(genFieldFilter(fieldName, 'CONTAINS', [search]));\n\t}\n\n\tapi.changeParams({ filters });\n};\n","import { computed, type ComputedRef, ref, type Ref, watch } from 'vue';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport type { Item, Props } from '../types';\nimport { type API } from './useAPI';\nimport { isSelected, ITEM_ID_ALL, ITEM_ID_NEW } from '../utils';\nimport { useI18n } from '@/core/plugins/i18n';\n\n/**\n * Функционал поиска\n */\nexport const useMenu = (\n\tmodel: Ref<Props['modelValue']>,\n\temits: ReturnType<typeof defineEmits>,\n\titems: Ref<Props['items']>,\n\tprepareItemsBeforeRender: Props['prepareItemsBeforeRender'],\n\tmultiselect: Props['multiselect'],\n\tuseAllItem: Ref<Props['useAllItem']>,\n\tappendSearchToResult: Ref<Props['appendSearchToResult']>,\n\tappendSearchAllowDuplicate: Ref<Props['appendSearchAllowDuplicate']>,\n\tappendSearchToResultCond: Ref<Props['appendSearchToResultCond']>,\n\tappendWithoutSelect: Ref<Props['appendWithoutSelect']>,\n\tsearchFields: Ref<Props['searchFields']>,\n\tsearchType: Ref<Props['searchType']>,\n\tminLength: number,\n\tapi: API,\n) => {\n\t/**\n\t * Текст поиска по результатам\n\t */\n\tconst searchText = ref('');\n\n\t/**\n\t * Объект, представляющий опцию \"Все\"\n\t */\n\tconst itemAll = {\n\t\tid: ITEM_ID_ALL,\n\t\tname: useI18n().Common.All as string,\n\t};\n\n\t/**\n\t * Сброс поиска\n\t */\n\tconst resetSearch = () => {\n\t\tsearchText.value = '';\n\t};\n\n\t/**\n\t * Является ли строка поиска достаточной длины для отображения меню\n\t */\n\tconst genIsShort = () => {\n\t\tif (!api.apiRequest) return false;\n\t\tif (searchText.value.length >= minLength) return false;\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * Варианты выбора: props.items + \"Выбрать все\"\n\t */\n\tconst localItems: ComputedRef<Item[]> = computed(() => {\n\t\tconst localItems: Item[] = [];\n\n\t\tif (!multiselect && useAllItem.value) {\n\t\t\tif (typeof useAllItem.value === 'string') {\n\t\t\t\titemAll.name = useAllItem.value;\n\t\t\t}\n\n\t\t\tlocalItems.push(itemAll);\n\t\t}\n\n\t\titems.value?.forEach(item => localItems.push({ ...item }));\n\n\t\treturn localItems;\n\t});\n\n\t/**\n\t * Не используем `computed` в пользу ручного порядка пересчета значения\n\t */\n\tconst itemsForShow = ref<Item[]>([]);\n\n\tconst recalcItemsForShow = () => {\n\t\titemsForShow.value = genItemsForShow();\n\t};\n\n\t/**\n\t * Подготовленный список меню, который содержит в сумме:\n\t * - prop.items: указанный список с учетом фильтра и опций компонента\n\t * - api.items: результаты api запроса, если используется api\n\t *\n\t * @returns Отфильтрованный массив элементов для отображения\n\t */\n\tconst genItemsForShow = () => {\n\t\tconst searchString = searchText.value.toLowerCase();\n\t\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\n\t\tlet items: Item[] = [];\n\n\t\t/**\n\t\t * Элемент текущего разделителя в цикле\n\t\t *\n\t\t * Для скрытия / отображения только нужных заголовков и разделителей при поиске\n\t\t *\n\t\t * Логика для `api.items` должна реализовываться в api или api клиенте при генерации элементов\n\t\t */\n\t\tlet itemTitleCategory: Item | undefined;\n\t\tconst itemsCategory: Item[] = [];\n\n\t\t/**\n\t\t * Добавить элементы в результирующий список\n\t\t */\n\t\tconst flushCategory = () => {\n\t\t\t// крайний разделитель не выводить\n\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') {\n\t\t\t\titemsCategory.pop();\n\t\t\t}\n\n\t\t\tif (itemsCategory.length) {\n\t\t\t\tif (itemTitleCategory) {\n\t\t\t\t\titems.push(itemTitleCategory);\n\t\t\t\t}\n\n\t\t\t\titems.push(...itemsCategory);\n\n\t\t\t\titemsCategory.length = 0;\n\t\t\t}\n\t\t};\n\n\t\tconst pushMatchedItemToCategory = (item: Item) => {\n\t\t\tconst hasIdSearch = searchFields.value?.includes('id');\n\t\t\tconst name = item.name.toLowerCase();\n\n\t\t\tconst searchFieldsText = searchFields.value\n\t\t\t\t?.filter(field => field !== 'id')\n\t\t\t\t.map(field => typeof item[field] === 'string' || typeof item[field] === 'number' ? item[field] : '')\n\t\t\t\t.join('☼')\n\t\t\t\t.toLowerCase();\n\n\t\t\tif (\n\t\t\t\t(hasIdSearch && item.id === Number(searchString)) ||\n\t\t\t\tsearchFieldsText?.includes(searchString) ||\n\t\t\t\tsearchFieldsText?.includes(searchStringInvertKeyboard)\n\t\t\t) {\n\t\t\t\tif (name === searchString || name === searchStringInvertKeyboard) {\n\t\t\t\t\t// точные совпадения в начало\n\t\t\t\t\titemsCategory.unshift(item);\n\t\t\t\t} else {\n\t\t\t\t\titemsCategory.push(item);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tfor (const item of localItems.value) {\n\t\t\tswitch (item.listItemProps?.type) {\n\t\t\t\tcase 'title':\n\t\t\t\t\tflushCategory();\n\n\t\t\t\t\titemTitleCategory = item;\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'delimiter':\n\t\t\t\t\t// вставить разделитель один раз и только если категория не пуста\n\t\t\t\t\tif (itemsCategory.length) {\n\t\t\t\t\t\tlet index = itemsCategory.length;\n\t\t\t\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') index--;\n\n\t\t\t\t\t\titemsCategory[index] = item;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tpushMatchedItemToCategory(item);\n\t\t\t}\n\t\t}\n\n\t\tflushCategory();\n\n\t\titems.push(...api.items.value);\n\n\t\t// ввод произвольного значения\n\t\tif (\n\t\t\tappendSearchToResult.value &&\n\t\t\t!!searchText.value &&\n\t\t\t(!appendSearchToResultCond.value || appendSearchToResultCond.value(searchString)) &&\n\n\t\t\t// предложить добавить элемент, если нет точного совпадения или разрешены дубликаты\n\t\t\t(\n\t\t\t\tappendSearchAllowDuplicate.value ||\n\t\t\t\t!items.find((item) => item.name.toLowerCase() === searchString)\n\t\t\t)\n\t\t) {\n\t\t\tconst itemNew: Item = {\n\t\t\t\tid: ITEM_ID_NEW,\n\t\t\t\tname: searchText.value,\n\t\t\t};\n\n\t\t\tif (appendWithoutSelect.value) {\n\t\t\t\titemNew.listItemProps = { closeByClick: false };\n\t\t\t}\n\n\t\t\t// предложение всегда отображается внизу, чтобы не мешать результатам поиска\n\t\t\titems.push(itemNew);\n\t\t}\n\n\t\tif (multiselect) {\n\t\t\titems = items.filter(item => !isSelected(model.value, item));\n\t\t}\n\n\t\tif (prepareItemsBeforeRender) {\n\t\t\titems = prepareItemsBeforeRender(items);\n\t\t}\n\n\t\treturn items;\n\t};\n\n\t/**\n\t * Выбрать элемент\n\t *\n\t * @param item Элемент для выбора\n\t */\n\tconst selectItem = (item: Item) => {\n\t\t/**\n\t\t * Ссылку важно сохранять, так как переданные items могут быть реактивными\n\t\t */\n\t\t// item = { ...item };\n\n\t\t// это невыбираемый элемент\n\t\tif (item.listItemProps?.type === 'title' || item.listItemProps?.type === 'delimiter') {\n\t\t\treturn;\n\t\t}\n\n\t\tif (item.id === ITEM_ID_NEW) {\n\t\t\temits('appendItem', item);\n\n\t\t\tif (appendWithoutSelect.value) return;\n\t\t}\n\n\t\tif (multiselect && Array.isArray(model.value)) {\n\t\t\tif (!isSelected(model.value, item)) {\n\t\t\t\tmodel.value = [...model.value, item];\n\t\t\t}\n\t\t} else {\n\t\t\tmodel.value = item;\n\t\t}\n\n\t\t/**\n\t\t * Отложить перерисовку\n\t\t *\n\t\t * fix: Перерисовка меню выполняется раньше, чем срабатывает `click`.\n\t\t * Из-за этого обработчик кликов думает, что клик был вне меню и не закрывает окно\n\t\t *\n\t\t * Файл: @/components/popup/lib/popup.globalEvents.ts\n\t\t *\n\t\t * Функция: onclick()\n\t\t *\n\t\t * ```\n\t\t * const elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\n\t\t * ```\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\t/**\n\t\t\t * Завершить поиск после выбора\n\t\t\t */\n\t\t\tresetSearch();\n\t\t});\n\n\t\t// /**\n\t\t//  * При изменении значения модели в режиме inline необходимо очистить поле поиска,\n\t\t//  * так как поиск больше не актуален после выбора значения\n\t\t//  */\n\t\t// if (searchType.value === 'inline') {\n\t\t// \tresetSearch();\n\t\t// }\n\t};\n\n\tif (api.apiRequest) {\n\t\t// загрузка только при открытии popup\n\t\tconst fieldsForWatch: any = [items, api.items];\n\n\t\t// model нужен только для multiselect, без необходимости не использовать для улучшения UX при работе с API\n\t\tif (multiselect) {\n\t\t\tfieldsForWatch.push(model);\n\t\t}\n\n\t\twatch(fieldsForWatch, () => {\n\t\t\trecalcItemsForShow();\n\t\t}, {\n\t\t\tdeep: 2,\n\t\t});\n\t} else {\n\t\twatch([model, items, searchText], () => {\n\t\t\trecalcItemsForShow();\n\t\t}, {\n\t\t\timmediate: true,\n\n\t\t\t// слежение за изменениями `items`\n\t\t\tdeep: 2,\n\t\t});\n\t}\n\n\t/**\n\t * Выбрать следующее значение\n\t */\n\tconst selectNextItem = () => {\n\t\tif (Array.isArray(model.value)) return;\n\n\t\tconst selectableItems = itemsForShow.value.filter((item) => !['title', 'delimiter'].includes(item.listItemProps?.type ?? ''));\n\n\t\tconst currentIndex = selectableItems.findIndex(item => item.id === (model.value as Item).id);\n\t\tconst nextIndex = (currentIndex + 1) % selectableItems.length;\n\t\tmodel.value = { ...selectableItems[nextIndex] };\n\t};\n\n\t/**\n\t * Удалить элемент, `id` и `name` которого равны указанному `item`\n\t */\n\tconst deleteItemByItem = async (item: Item) => {\n\t\tif (Array.isArray(model.value)) {\n\t\t\tmodel.value = model.value.filter((itemI) => itemI.id !== item.id || itemI.name !== item.name);\n\t\t}\n\t};\n\n\treturn {\n\t\tsearchText,\n\t\tresetSearch,\n\t\tgenIsShort,\n\t\titemsForShow,\n\t\tselectItem,\n\t\tselectNextItem,\n\t\tdeleteItemByItem,\n\t};\n};\n","<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport { TopPreloader } from '@/components/forms/forms';\nimport type { Emits, Item, Props, Slots } from './types';\nimport Selector2ItemMulti from './itemMulti.vue';\nimport { useAPI } from './composables/useAPI';\nimport { useMenu } from './composables/useMenu';\nimport type { TopLibPopup } from '../../popup/lib/popup';\nimport { clearCache, deleteCacheItemById, updateCacheItemById } from './cache';\nimport { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n\topenByFocusInput: undefined,\n\tsearchFields: () => ['id', 'name'],\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\n\nconst emits = defineEmits<Emits>();\n\ndefineExpose({\n\t/**\n\t * Сброс локального кеша и кеша API\n\t *\n\t * При сбросе кеша API влияет на все компоненты TopSelector с этим кешем\n\t *\n\t * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными\n\t */\n\tresetCache: (resetAPICache: boolean = false) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// сброс кеша api\n\t\tif (resetAPICache) {\n\t\t\tclearCache(api.apiRequest.path);\n\t\t}\n\n\t\t// сброс кеша списка\n\t\tapi.items.value = [];\n\n\t\t// сброс флага первичной загрузки\n\t\tapi.countLoading.value = 0;\n\n\t\t// сброс параметров дозагрузки\n\t\tapi.apiRequest.params.offset = 0;\n\n\t\t// сброс кеша локального списка с дополнительными элементами, например `useAllItem`\n\t\trequestAnimationFrame(() => {\n\t\t\tmenu.itemsForShow.value = [];\n\t\t});\n\n\t\t// сразу загрузить данные после сброса, если popup уже открыт\n\t\tif (getPopup()?.elPopup) {\n\t\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t\t}\n\t},\n\n\t/**\n\t * Локально обновить элемент списка по `id`, без перезагрузки через API\n\t */\n\tupdateCacheItemById: (id: Item['id'], patch: Partial<Item>) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то менять элемент в `api.items` нет смысла\n\t\t// const item = api.items.value.find((item) => item.id === id);\n\t\t// if (item) {\n\t\t// \tObject.assign(item, patch);\n\t\t// }\n\n\t\tupdateCacheItemById(api.apiRequest.path, id, patch);\n\t},\n\n\t/**\n\t * Удалить элемент списка по `id` во всех связанных инстансах без перезагрузки через API\n\t */\n\tdeleteCacheItemById: (id: Item['id']) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то удалять элемент из `api.items` нет смысла\n\t\t// const itemIndex = api.items.value.findIndex((item) => item.id === id);\n\t\t//\n\t\t// if (itemIndex !== -1) {\n\t\t// \tapi.items.value.splice(itemIndex, 1);\n\t\t// }\n\n\t\tdeleteCacheItemById(api.apiRequest.path, id);\n\t},\n});\n\nconst searchTypeLocal = computed(() => {\n\t// multiselect не поддерживает inline ввода\n\tif (props.searchType === 'inline' && props.multiselect) return 'popup';\n\n\t// В мобильной версии popup работает в полноэкранном режиме\n\tif (props.searchType === 'inline' && Core.state.isMobile) return 'popup';\n\n\treturn props.searchType;\n});\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.api, props.apiSetSearchParams, props.minLength, props.useCache, model);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.prepareItemsBeforeRender,\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\n\ttoRef(props, 'appendSearchAllowDuplicate'),\n\ttoRef(props, 'appendSearchToResultCond'),\n\ttoRef(props, 'appendWithoutSelect'),\n\ttoRef(props, 'searchFields'),\n\tsearchTypeLocal,\n\tprops.minLength,\n\tapi,\n);\n\nconst component = computed(() => {\n\tif (props.buttonProps) return 'TopButton';\n\tif (searchTypeLocal.value === 'inline') return 'TopInput';\n\n\treturn 'div';\n});\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<any>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): TopLibPopup | undefined => {\n\treturn popupRef.value?.popup;\n};\n\nif (api.apiRequest) {\n\t// отложенный поиск при вводе текста\n\twatch(menu.searchText, () => {\n\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t});\n}\n\nconst placeholder = computed(() => {\n\tif (Array.isArray(model.value) || props.multiselect || !props.selectedAsPlaceholder && searchTypeLocal.value !== 'inline') {\n\t\treturn props.placeholder;\n\t}\n\n\treturn model.value?.name || props.placeholder;\n});\n\n/**\n * Обработчик ввода клавиш на кнопке или поле ввода\n */\nconst onOpenerKeydown = (e: KeyboardEvent) => {\n\tlet needOpen = false;\n\n\tswitch (e.key) {\n\t\tcase 'Delete':\n\t\tcase 'Backspace':\n\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\n\t\t\t\tmodel.value.pop();\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase 'ArrowUp':\n\t\tcase 'ArrowRight':\n\t\tcase 'ArrowDown':\n\t\tcase 'ArrowLeft':\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\tneedOpen = true;\n\n\t\t\tbreak;\n\t\tcase 'Escape':\n\t\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\t\t// очистка введенного текста\n\t\t\t\tmenu.resetSearch();\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// введен символ\n\tconst symbolPressed = e.key.length === 1 && !e.ctrlKey && !e.metaKey;\n\n\t// введен символ\n\tif (searchTypeLocal.value === 'popup' || searchTypeLocal.value === 'inline') {\n\t\tif (symbolPressed) {\n\t\t\tneedOpen = true;\n\t\t}\n\t}\n\n\t// popup уже открыт\n\tif (getPopup()?.elPopup) {\n\t\tneedOpen = false;\n\t}\n\n\tif (needOpen) {\n\t\tif (searchTypeLocal.value === 'popup') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t// введен символ\n\t\t\tif (symbolPressed) {\n\t\t\t\t// начало ввода, сразу ввести первый символ вместе с открытием popup\n\t\t\t\tif (!menu.searchText.value) {\n\t\t\t\t\tmenu.searchText.value = e.key;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tif (api.apiRequest) {\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n\n\temits('open');\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\t// очистка введенного текста, в режиме `inline` input вызывается при `blur`\n\tif (searchTypeLocal.value === 'popup') {\n\t\tif (menu.searchText.value) menu.resetSearch();\n\t}\n};\n\n/**\n * Обработчик прокрутки списка контента\n *\n * Для дозагрузки элеменов через api\n *\n * @param {Event} e - Событие прокрутки\n */\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tapi.load(true);\n\t}\n};\n\nif (import.meta.env.STORYBOOK) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tif (props.multiselect) {\n\t\t\t\tif (!Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tname: 'Выбери меня',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = {\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ immediate: true },\n\t);\n\n\twatch(\n\t\t() => props.searchType,\n\t\t() => {\n\t\t\t// пауза для установки props в адресной строке\n\t\t\tsetTimeout(() => {\n\t\t\t\tlocation.reload();\n\t\t\t}, 500);\n\t\t},\n\t);\n}\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"onOpen()\"\n\t\t@close=\"onClose()\"\n\t\t@scrollContentList=\"api ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t\t:openByFocusInput=\"searchTypeLocal === 'inline' && (openByFocusInput ?? true)\"\n\t\t:disabled=\"searchTypeLocal === 'inline' && menu.genIsShort()\"\n\t>\n\t\t<template #opener>\n\t\t\t<component\n\t\t\t\t:is=\"component\"\n\n\t\t\t\t:=\"buttonProps\"\n\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2': true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-selector2-' + modificator]: !!modificator,\n\t\t\t\t\t'top-as-input': !buttonProps && searchTypeLocal !== 'inline',\n\t\t\t\t\t'top-as-selector': true,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t:icon\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\t@blur=\"searchTypeLocal === 'inline' && menu.resetSearch()\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\tv-top-shortcut=\"openerShortcut\"\n\n\t\t\t\t:placeholder\n\t\t\t\t:title\n\t\t\t\t:captionType=\"searchTypeLocal === 'inline' && title !== undefined ? 'top' : undefined\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Item[]\"\n\t\t\t\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"menu.deleteItemByItem\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"searchTypeLocal !== 'inline' && !multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"multiselect && !model.length\" class=\"top-selector2_placeholder top-ellipsis\">\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !buttonProps && !multiselect && menu.itemsForShow.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\tdata-top-popup-disabled=\"true\"\n\t\t\t\t\t@click=\"onClickChanger\"\n\t\t\t\t></span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<template #widget v-if=\"searchTypeLocal === 'popup'\">\n\t\t\t<div class=\"top-selector2_searchWidget\">\n\t\t\t\t<TopPopupWidgetInput\n\t\t\t\t\ttitle=\"Поиск\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t\t:placeholder\n\t\t\t\t/>\n\n\t\t\t\t<TopButton\n\t\t\t\t\tv-if=\"hasCloserBtn && !$core.state.isMobile\"\n\t\t\t\t\tclass=\"closer\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t>\n\t\t\t\t\t{{ $i18n.Common.Cancel }}\n\t\t\t\t</TopButton>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of menu.itemsForShow.value\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.id === item.id && model.name === item.name,\n\t\t\t\t\t'top-selector2_item-all':item.id === ITEM_ID_ALL,\n\t\t\t\t\t'top-selector2_item-new':item.id === ITEM_ID_NEW,\n\t\t\t\t}\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\n\t\t\t\t:=\"item.listItemProps\"\n\t\t\t\t@click=\"menu.selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\n\t\t\t\t<template v-if=\"$slots.actions\" #actions>\n\t\t\t\t\t<slot name=\"actions\" :item></slot>\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Элементов для отображения нет -->\n\t\t\t<template v-if=\"!menu.itemsForShow.value.length && !menu.genIsShort()\">\n\t\t\t\t<TopPopupListItem type=\"regular\">\n\t\t\t\t\t<template v-if=\"!api.isLoading.value || api.countLoading.value\">\n\t\t\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<!-- Индикатор первичной загрузки -->\n\t\t\t\t\t<TopPreloader\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\ttype=\"circles\"\n\t\t\t\t\t/>\n\t\t\t\t</TopPopupListItem>\n\t\t\t</template>\n\n\t\t\t<!-- Индикатор повторной загрузки -->\n\t\t\t<TopLoadbar v-if=\"!!api.countLoading.value && api.isLoading.value && searchTypeLocal === 'inline'\"/>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n}\n\n.top-selector2::placeholder,\n.top-selector2_placeholder {\n\tcolor: var(--color-text-2);\n}\n\n.top-selector2_placeholder {\n\tpadding-left: var(--top-padding-1);\n}\n\n.top-selector2.top-as-input {\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n}\n\n.top-selector2.top-selector2-multiselect {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tflex-grow: 1;\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_searchWidget {\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\tfont-size: var(--top-font-size);\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tmargin: calc(0px - var(--top-padding-1));\n\ttransform: translateX(0);\n}\n\n.top-selector2.top-button {\n\tjustify-content: start;\n}\n\n.top-selector2.top-input_input ~ .top-changer-selector {\n\ttransform: translateX(-52px);\n}\n\n.top-selector2.top-as-selector {\n\tpadding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport { TopPreloader } from '@/components/forms/forms';\nimport type { Emits, Item, Props, Slots } from './types';\nimport Selector2ItemMulti from './itemMulti.vue';\nimport { useAPI } from './composables/useAPI';\nimport { useMenu } from './composables/useMenu';\nimport type { TopLibPopup } from '../../popup/lib/popup';\nimport { clearCache, deleteCacheItemById, updateCacheItemById } from './cache';\nimport { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n\topenByFocusInput: undefined,\n\tsearchFields: () => ['id', 'name'],\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\n\nconst emits = defineEmits<Emits>();\n\ndefineExpose({\n\t/**\n\t * Сброс локального кеша и кеша API\n\t *\n\t * При сбросе кеша API влияет на все компоненты TopSelector с этим кешем\n\t *\n\t * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными\n\t */\n\tresetCache: (resetAPICache: boolean = false) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// сброс кеша api\n\t\tif (resetAPICache) {\n\t\t\tclearCache(api.apiRequest.path);\n\t\t}\n\n\t\t// сброс кеша списка\n\t\tapi.items.value = [];\n\n\t\t// сброс флага первичной загрузки\n\t\tapi.countLoading.value = 0;\n\n\t\t// сброс параметров дозагрузки\n\t\tapi.apiRequest.params.offset = 0;\n\n\t\t// сброс кеша локального списка с дополнительными элементами, например `useAllItem`\n\t\trequestAnimationFrame(() => {\n\t\t\tmenu.itemsForShow.value = [];\n\t\t});\n\n\t\t// сразу загрузить данные после сброса, если popup уже открыт\n\t\tif (getPopup()?.elPopup) {\n\t\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t\t}\n\t},\n\n\t/**\n\t * Локально обновить элемент списка по `id`, без перезагрузки через API\n\t */\n\tupdateCacheItemById: (id: Item['id'], patch: Partial<Item>) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то менять элемент в `api.items` нет смысла\n\t\t// const item = api.items.value.find((item) => item.id === id);\n\t\t// if (item) {\n\t\t// \tObject.assign(item, patch);\n\t\t// }\n\n\t\tupdateCacheItemById(api.apiRequest.path, id, patch);\n\t},\n\n\t/**\n\t * Удалить элемент списка по `id` во всех связанных инстансах без перезагрузки через API\n\t */\n\tdeleteCacheItemById: (id: Item['id']) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то удалять элемент из `api.items` нет смысла\n\t\t// const itemIndex = api.items.value.findIndex((item) => item.id === id);\n\t\t//\n\t\t// if (itemIndex !== -1) {\n\t\t// \tapi.items.value.splice(itemIndex, 1);\n\t\t// }\n\n\t\tdeleteCacheItemById(api.apiRequest.path, id);\n\t},\n});\n\nconst searchTypeLocal = computed(() => {\n\t// multiselect не поддерживает inline ввода\n\tif (props.searchType === 'inline' && props.multiselect) return 'popup';\n\n\t// В мобильной версии popup работает в полноэкранном режиме\n\tif (props.searchType === 'inline' && Core.state.isMobile) return 'popup';\n\n\treturn props.searchType;\n});\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.api, props.apiSetSearchParams, props.minLength, props.useCache, model);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.prepareItemsBeforeRender,\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\n\ttoRef(props, 'appendSearchAllowDuplicate'),\n\ttoRef(props, 'appendSearchToResultCond'),\n\ttoRef(props, 'appendWithoutSelect'),\n\ttoRef(props, 'searchFields'),\n\tsearchTypeLocal,\n\tprops.minLength,\n\tapi,\n);\n\nconst component = computed(() => {\n\tif (props.buttonProps) return 'TopButton';\n\tif (searchTypeLocal.value === 'inline') return 'TopInput';\n\n\treturn 'div';\n});\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<any>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): TopLibPopup | undefined => {\n\treturn popupRef.value?.popup;\n};\n\nif (api.apiRequest) {\n\t// отложенный поиск при вводе текста\n\twatch(menu.searchText, () => {\n\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t});\n}\n\nconst placeholder = computed(() => {\n\tif (Array.isArray(model.value) || props.multiselect || !props.selectedAsPlaceholder && searchTypeLocal.value !== 'inline') {\n\t\treturn props.placeholder;\n\t}\n\n\treturn model.value?.name || props.placeholder;\n});\n\n/**\n * Обработчик ввода клавиш на кнопке или поле ввода\n */\nconst onOpenerKeydown = (e: KeyboardEvent) => {\n\tlet needOpen = false;\n\n\tswitch (e.key) {\n\t\tcase 'Delete':\n\t\tcase 'Backspace':\n\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\n\t\t\t\tmodel.value.pop();\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase 'ArrowUp':\n\t\tcase 'ArrowRight':\n\t\tcase 'ArrowDown':\n\t\tcase 'ArrowLeft':\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\tneedOpen = true;\n\n\t\t\tbreak;\n\t\tcase 'Escape':\n\t\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\t\t// очистка введенного текста\n\t\t\t\tmenu.resetSearch();\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// введен символ\n\tconst symbolPressed = e.key.length === 1 && !e.ctrlKey && !e.metaKey;\n\n\t// введен символ\n\tif (searchTypeLocal.value === 'popup' || searchTypeLocal.value === 'inline') {\n\t\tif (symbolPressed) {\n\t\t\tneedOpen = true;\n\t\t}\n\t}\n\n\t// popup уже открыт\n\tif (getPopup()?.elPopup) {\n\t\tneedOpen = false;\n\t}\n\n\tif (needOpen) {\n\t\tif (searchTypeLocal.value === 'popup') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t// введен символ\n\t\t\tif (symbolPressed) {\n\t\t\t\t// начало ввода, сразу ввести первый символ вместе с открытием popup\n\t\t\t\tif (!menu.searchText.value) {\n\t\t\t\t\tmenu.searchText.value = e.key;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tif (api.apiRequest) {\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n\n\temits('open');\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\t// очистка введенного текста, в режиме `inline` input вызывается при `blur`\n\tif (searchTypeLocal.value === 'popup') {\n\t\tif (menu.searchText.value) menu.resetSearch();\n\t}\n};\n\n/**\n * Обработчик прокрутки списка контента\n *\n * Для дозагрузки элеменов через api\n *\n * @param {Event} e - Событие прокрутки\n */\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tapi.load(true);\n\t}\n};\n\nif (import.meta.env.STORYBOOK) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tif (props.multiselect) {\n\t\t\t\tif (!Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tname: 'Выбери меня',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = {\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ immediate: true },\n\t);\n\n\twatch(\n\t\t() => props.searchType,\n\t\t() => {\n\t\t\t// пауза для установки props в адресной строке\n\t\t\tsetTimeout(() => {\n\t\t\t\tlocation.reload();\n\t\t\t}, 500);\n\t\t},\n\t);\n}\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"onOpen()\"\n\t\t@close=\"onClose()\"\n\t\t@scrollContentList=\"api ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t\t:openByFocusInput=\"searchTypeLocal === 'inline' && (openByFocusInput ?? true)\"\n\t\t:disabled=\"searchTypeLocal === 'inline' && menu.genIsShort()\"\n\t>\n\t\t<template #opener>\n\t\t\t<component\n\t\t\t\t:is=\"component\"\n\n\t\t\t\t:=\"buttonProps\"\n\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2': true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-selector2-' + modificator]: !!modificator,\n\t\t\t\t\t'top-as-input': !buttonProps && searchTypeLocal !== 'inline',\n\t\t\t\t\t'top-as-selector': true,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t:icon\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\t@blur=\"searchTypeLocal === 'inline' && menu.resetSearch()\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\tv-top-shortcut=\"openerShortcut\"\n\n\t\t\t\t:placeholder\n\t\t\t\t:title\n\t\t\t\t:captionType=\"searchTypeLocal === 'inline' && title !== undefined ? 'top' : undefined\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Item[]\"\n\t\t\t\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"menu.deleteItemByItem\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"searchTypeLocal !== 'inline' && !multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"multiselect && !model.length\" class=\"top-selector2_placeholder top-ellipsis\">\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !buttonProps && !multiselect && menu.itemsForShow.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\tdata-top-popup-disabled=\"true\"\n\t\t\t\t\t@click=\"onClickChanger\"\n\t\t\t\t></span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<template #widget v-if=\"searchTypeLocal === 'popup'\">\n\t\t\t<div class=\"top-selector2_searchWidget\">\n\t\t\t\t<TopPopupWidgetInput\n\t\t\t\t\ttitle=\"Поиск\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t\t:placeholder\n\t\t\t\t/>\n\n\t\t\t\t<TopButton\n\t\t\t\t\tv-if=\"hasCloserBtn && !$core.state.isMobile\"\n\t\t\t\t\tclass=\"closer\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t>\n\t\t\t\t\t{{ $i18n.Common.Cancel }}\n\t\t\t\t</TopButton>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of menu.itemsForShow.value\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.id === item.id && model.name === item.name,\n\t\t\t\t\t'top-selector2_item-all':item.id === ITEM_ID_ALL,\n\t\t\t\t\t'top-selector2_item-new':item.id === ITEM_ID_NEW,\n\t\t\t\t}\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\n\t\t\t\t:=\"item.listItemProps\"\n\t\t\t\t@click=\"menu.selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\n\t\t\t\t<template v-if=\"$slots.actions\" #actions>\n\t\t\t\t\t<slot name=\"actions\" :item></slot>\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Элементов для отображения нет -->\n\t\t\t<template v-if=\"!menu.itemsForShow.value.length && !menu.genIsShort()\">\n\t\t\t\t<TopPopupListItem type=\"regular\">\n\t\t\t\t\t<template v-if=\"!api.isLoading.value || api.countLoading.value\">\n\t\t\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<!-- Индикатор первичной загрузки -->\n\t\t\t\t\t<TopPreloader\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\ttype=\"circles\"\n\t\t\t\t\t/>\n\t\t\t\t</TopPopupListItem>\n\t\t\t</template>\n\n\t\t\t<!-- Индикатор повторной загрузки -->\n\t\t\t<TopLoadbar v-if=\"!!api.countLoading.value && api.isLoading.value && searchTypeLocal === 'inline'\"/>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n}\n\n.top-selector2::placeholder,\n.top-selector2_placeholder {\n\tcolor: var(--color-text-2);\n}\n\n.top-selector2_placeholder {\n\tpadding-left: var(--top-padding-1);\n}\n\n.top-selector2.top-as-input {\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n}\n\n.top-selector2.top-selector2-multiselect {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tflex-grow: 1;\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_searchWidget {\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\tfont-size: var(--top-font-size);\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tmargin: calc(0px - var(--top-padding-1));\n\ttransform: translateX(0);\n}\n\n.top-selector2.top-button {\n\tjustify-content: start;\n}\n\n.top-selector2.top-input_input ~ .top-changer-selector {\n\ttransform: translateX(-52px);\n}\n\n.top-selector2.top-as-selector {\n\tpadding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props, Slots } from './types';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\ndefineSlots<Slots>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title || $slots.caption\"\n\t\t\tclass=\"top-editArea_caption\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t<slot name=\"caption\">\n\t\t\t\t{{ title }}\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-forms-focusable': true,\n\t\t\t\t'top-as-input': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ cancelText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ submitText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\t--top-editArea-bottom: env(keyboard-inset-height, 0px);\n\t--top-editArea-offset-bottom: 0px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_caption {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\t--top-forms-border-width: 0px;\n\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\talign-self: flex-end;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tposition: fixed;\n\tbottom: calc(var(--top-editArea-offset-bottom) + var(--top-editArea-bottom));\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n\ttransition: bottom var(--transition-fast);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-editArea_form {\n\t\tflex-direction: row;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props, Slots } from './types';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\ndefineSlots<Slots>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title || $slots.caption\"\n\t\t\tclass=\"top-editArea_caption\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t<slot name=\"caption\">\n\t\t\t\t{{ title }}\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-forms-focusable': true,\n\t\t\t\t'top-as-input': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ cancelText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ submitText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\t--top-editArea-bottom: env(keyboard-inset-height, 0px);\n\t--top-editArea-offset-bottom: 0px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_caption {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\t--top-forms-border-width: 0px;\n\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\talign-self: flex-end;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tposition: fixed;\n\tbottom: calc(var(--top-editArea-offset-bottom) + var(--top-editArea-bottom));\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n\ttransition: bottom var(--transition-fast);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-editArea_form {\n\t\tflex-direction: row;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Emits, Props } from './types';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(() => props.modelValue, () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t>\n\t\t\t<template #caption v-if=\"$slots.caption\">\n\t\t\t\t<slot name=\"caption\"></slot>\n\t\t\t</template>\n\t\t</TopInput>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue || alwaysShowSubmitBtn\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Emits, Props } from './types';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(() => props.modelValue, () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t>\n\t\t\t<template #caption v-if=\"$slots.caption\">\n\t\t\t\t<slot name=\"caption\"></slot>\n\t\t\t</template>\n\t\t</TopInput>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue || alwaysShowSubmitBtn\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Props } from './types';\nimport TopCheckbox from '@/components/forms/checkbox/checkbox.vue';\nimport TopRadio from '@/components/forms/radio/radio.vue';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst elRef = ref<HTMLElement | null>(null);\n\nwatch(model, () => {\n\tconst valuesAvailable = props.items.map(item => item.value);\n\n\tif (Array.isArray(model.value)) {\n\t\t// есть ли неподдерживаемые значения\n\t\tconst valueIsWrong = model.value.find((value) => {\n\t\t\treturn !valuesAvailable.includes(value);\n\t\t});\n\n\t\tif (valueIsWrong) {\n\t\t\t// оставить только поддерживаемые значения\n\t\t\tmodel.value = model.value.filter((value) => {\n\t\t\t\treturn valuesAvailable.includes(value);\n\t\t\t});\n\t\t}\n\t} else {\n\t\tif (!valuesAvailable.includes(model.value)) {\n\t\t\tmodel.value = valuesAvailable[0] ?? '';\n\t\t}\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst name = 'optionGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-optionGroup']: true,\n\t\t\t['top-optionGroup-showIndicator_' + Number(showIndicator)]: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<template v-if=\"Array.isArray(model)\">\n\t\t\t<TopCheckbox\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: model.includes(item.value),\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopCheckbox>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<TopRadio\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: item.value === model,\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopRadio>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n.top-optionGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-optionGroup_item {\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 1px var(--top-padding-2);\n\tcolor: var(--color-text-2);\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: var(--top-gap-1);\n}\n\n.top-optionGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item > .top-forms-optionLabel {\n\tflex-grow: 0;\n}\n\n/* indicator */\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item {\n\tjustify-content: center;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item:has(:focus-visible) {\n\toutline: 2px solid var(--color-bg-primary-2);\n\toutline-offset: -1px;\n}\n\n.top-optionGroup-showIndicator_1 > .top-optionGroup_item {\n\tpadding: 1px 3px;\n\tjustify-content: flex-start;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item > .top-forms-option {\n\topacity: 0;\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n}\n\n.top-optionGroup_item > .top-forms-option {\n\torder: -1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Props } from './types';\nimport TopCheckbox from '@/components/forms/checkbox/checkbox.vue';\nimport TopRadio from '@/components/forms/radio/radio.vue';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst elRef = ref<HTMLElement | null>(null);\n\nwatch(model, () => {\n\tconst valuesAvailable = props.items.map(item => item.value);\n\n\tif (Array.isArray(model.value)) {\n\t\t// есть ли неподдерживаемые значения\n\t\tconst valueIsWrong = model.value.find((value) => {\n\t\t\treturn !valuesAvailable.includes(value);\n\t\t});\n\n\t\tif (valueIsWrong) {\n\t\t\t// оставить только поддерживаемые значения\n\t\t\tmodel.value = model.value.filter((value) => {\n\t\t\t\treturn valuesAvailable.includes(value);\n\t\t\t});\n\t\t}\n\t} else {\n\t\tif (!valuesAvailable.includes(model.value)) {\n\t\t\tmodel.value = valuesAvailable[0] ?? '';\n\t\t}\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst name = 'optionGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-optionGroup']: true,\n\t\t\t['top-optionGroup-showIndicator_' + Number(showIndicator)]: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<template v-if=\"Array.isArray(model)\">\n\t\t\t<TopCheckbox\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: model.includes(item.value),\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopCheckbox>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<TopRadio\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: item.value === model,\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopRadio>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n.top-optionGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-optionGroup_item {\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 1px var(--top-padding-2);\n\tcolor: var(--color-text-2);\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: var(--top-gap-1);\n}\n\n.top-optionGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item > .top-forms-optionLabel {\n\tflex-grow: 0;\n}\n\n/* indicator */\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item {\n\tjustify-content: center;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item:has(:focus-visible) {\n\toutline: 2px solid var(--color-bg-primary-2);\n\toutline-offset: -1px;\n}\n\n.top-optionGroup-showIndicator_1 > .top-optionGroup_item {\n\tpadding: 1px 3px;\n\tjustify-content: flex-start;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item > .top-forms-option {\n\topacity: 0;\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n}\n\n.top-optionGroup_item > .top-forms-option {\n\torder: -1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-radioGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-radioGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-checkboxGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-checkboxGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Props, Slots } from './types';\n\nwithDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n\tsize: 'default',\n});\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-info']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-info-styling_' + styling]: true,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<div class=\"top-info_text\">\n\t\t\t<slot></slot>\n\t\t</div>\n\n\t\t<span v-if=\"$slots.additional\" class=\"top-info_value\">\n\t\t\t<slot name=\"additional\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<style>\n.top-info {\n\t--top-icon-width: var(--top-icon-size);\n\n\tborder-radius: var(--top-forms-radius);\n\tbox-sizing: border-box;\n\tmin-height: var(--top-forms-base-height);\n\tpadding: var(--top-padding-1) var(--top-padding-2);\n\tflex-grow: 5;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: var(--top-gap-2);\n}\n\n.top-info_text {\n\tflex-grow: 1;\n}\n\n.top-info_value {\n\tfont-weight: bold;\n}\n\n/* size */\n.top-info.top-size_default {\n\tborder-radius: var(--top-radius-3);\n\tpadding: var(--top-padding-4);\n}\n\n/* styling */\n.top-info-styling_default {\n\t--top-icon-color: var(--color-text-2);\n\n\tbackground: var(--color-layer-1);\n}\n\n.top-info-styling_info {\n\t--top-icon-color: var(--color-text-primary);\n\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-info-styling_warning {\n\t--top-icon-color: var(--color-text-warning);\n\n\tbackground: var(--color-layer-warning-1);\n}\n\n.top-info-styling_negative {\n\t--top-icon-color: var(--color-text-negative);\n\n\tbackground: var(--color-layer-negative-1);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Props, Slots } from './types';\n\nwithDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n\tsize: 'default',\n});\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-info']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-info-styling_' + styling]: true,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<div class=\"top-info_text\">\n\t\t\t<slot></slot>\n\t\t</div>\n\n\t\t<span v-if=\"$slots.additional\" class=\"top-info_value\">\n\t\t\t<slot name=\"additional\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<style>\n.top-info {\n\t--top-icon-width: var(--top-icon-size);\n\n\tborder-radius: var(--top-forms-radius);\n\tbox-sizing: border-box;\n\tmin-height: var(--top-forms-base-height);\n\tpadding: var(--top-padding-1) var(--top-padding-2);\n\tflex-grow: 5;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: var(--top-gap-2);\n}\n\n.top-info_text {\n\tflex-grow: 1;\n}\n\n.top-info_value {\n\tfont-weight: bold;\n}\n\n/* size */\n.top-info.top-size_default {\n\tborder-radius: var(--top-radius-3);\n\tpadding: var(--top-padding-4);\n}\n\n/* styling */\n.top-info-styling_default {\n\t--top-icon-color: var(--color-text-2);\n\n\tbackground: var(--color-layer-1);\n}\n\n.top-info-styling_info {\n\t--top-icon-color: var(--color-text-primary);\n\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-info-styling_warning {\n\t--top-icon-color: var(--color-text-warning);\n\n\tbackground: var(--color-layer-warning-1);\n}\n\n.top-info-styling_negative {\n\t--top-icon-color: var(--color-text-negative);\n\n\tbackground: var(--color-layer-negative-1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { TopButton } from '@/components/forms/forms';\nimport type { Emits, Props } from '@/components/formsExt/policy/types';\n\ndefineProps<Props>();\nconst emits = defineEmits<Emits>();\n\nconst isVisible = ref(true);\n\nconst onAccept = () => {\n\tisVisible.value = false;\n\n\temits('accept');\n};\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"isVisible\"\n\t\tclass=\"top-policy\"\n\t>\n\t\t<div class=\"top-policy_title\">\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"top-policy_description\"\n\t\t\tv-html=\"description\"\n\t\t></div>\n\n\t\t<TopButton\n\t\t\tsize=\"m\"\n\t\t\t@click=\"onAccept\"\n\t\t>\n\t\t\t{{ acceptText }}\n\t\t</TopButton>\n\t</div>\n</template>\n\n<style>\n.top-policy {\n\tbox-sizing: border-box;\n\tbox-shadow: var(--top-shadow-b);\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-lightning-1);\n\twidth: 600px;\n\tpadding: var(--top-padding-4);\n\tposition: fixed;\n\tright: var(--top-gap-10);\n\tbottom: var(--top-gap-10);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-4);\n\tz-index: 10000;\n}\n\n.top-policy_title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n.top-policy_description {\n\tfont-size: 14px;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-policy {\n\t\twidth: 100%;\n\t\tright: 0;\n\t\tbottom: calc(var(--top-gap-5) + var(--toolbar-height, 0px));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { TopButton } from '@/components/forms/forms';\nimport type { Emits, Props } from '@/components/formsExt/policy/types';\n\ndefineProps<Props>();\nconst emits = defineEmits<Emits>();\n\nconst isVisible = ref(true);\n\nconst onAccept = () => {\n\tisVisible.value = false;\n\n\temits('accept');\n};\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"isVisible\"\n\t\tclass=\"top-policy\"\n\t>\n\t\t<div class=\"top-policy_title\">\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"top-policy_description\"\n\t\t\tv-html=\"description\"\n\t\t></div>\n\n\t\t<TopButton\n\t\t\tsize=\"m\"\n\t\t\t@click=\"onAccept\"\n\t\t>\n\t\t\t{{ acceptText }}\n\t\t</TopButton>\n\t</div>\n</template>\n\n<style>\n.top-policy {\n\tbox-sizing: border-box;\n\tbox-shadow: var(--top-shadow-b);\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-lightning-1);\n\twidth: 600px;\n\tpadding: var(--top-padding-4);\n\tposition: fixed;\n\tright: var(--top-gap-10);\n\tbottom: var(--top-gap-10);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-4);\n\tz-index: 10000;\n}\n\n.top-policy_title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n.top-policy_description {\n\tfont-size: 14px;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-policy {\n\t\twidth: 100%;\n\t\tright: 0;\n\t\tbottom: calc(var(--top-gap-5) + var(--toolbar-height, 0px));\n\t}\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"formsExt-Bk_fn1Pg.esm.js","names":["$emit","$slots","$i18n","$core","$slots","$core","$slots","$props","$props","$slots"],"sources":["../../src/components/formsExt/menu/menu.vue","../../src/components/formsExt/menu/menu.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/cache.ts","../../src/components/formsExt/selector2/composables/useAPI.ts","../../src/components/formsExt/selector2/utils.ts","../../src/components/formsExt/selector2/composables/useMenu.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/libs/optionGroup/optionGroup.vue","../../src/components/formsExt/libs/optionGroup/optionGroup.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/checkboxGroup/checkboxGroup.vue","../../src/components/formsExt/checkboxGroup/checkboxGroup.vue","../../src/components/formsExt/info/info.vue","../../src/components/formsExt/info/info.vue","../../src/components/formsExt/policy/policy.vue","../../src/components/formsExt/policy/policy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\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' && typeof (model.value) !== 'number') {\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 * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\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 || $event.metaKey)\"\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","<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\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' && typeof (model.value) !== 'number') {\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 * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\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 || $event.metaKey)\"\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","<script setup lang=\"ts\">\nimport type { EmitsItemMulti, PropsItemMulti } from './types';\n\ndefineProps<PropsItemMulti>();\ndefineEmits<EmitsItemMulti>();\n</script>\n\n<template>\n\t<div class=\"top-selector2_itemMulti top-ellipsis\">\n\t\t{{ name }}\n\n\t\t<span\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"$emit('delete', {id, name})\"\n\t\t\t@mousedown.stop\n\t\t></span>\n\t</div>\n</template>\n\n<style>\n.top-selector2_itemMulti {\n\tbox-sizing: border-box;\n\tpadding-left: var(--top-padding-2);\n\tborder-radius: var(--top-radius-1, 4px);\n\tborder: 1px solid var(--color-line-primary-1);\n\tbackground: var(--color-layer-primary-2);\n\tmin-height: 22px;\n\tmax-width: 100%;\n\tcolor: var(--color-text-1);\n\tflex-grow: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-selector2_itemMultiDelete {\n\t--top-icon-size: 14px;\n\t--top-icon-width: 18px;\n\t--top-icon-color: var(--color-text-1);\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\tcursor: pointer;\n}\n\n.top-selector2_itemMultiDelete:hover {\n\tbackground: var(--color-layer-primary-2);\n}\n\n@media screen and (min-width: 900px) {\n\t.top-selector2.top-active .top-selector2_itemMultiDelete {\n\t\tz-index: calc(var(--top-popup-z-index) + 1);\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { EmitsItemMulti, PropsItemMulti } from './types';\n\ndefineProps<PropsItemMulti>();\ndefineEmits<EmitsItemMulti>();\n</script>\n\n<template>\n\t<div class=\"top-selector2_itemMulti top-ellipsis\">\n\t\t{{ name }}\n\n\t\t<span\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"$emit('delete', {id, name})\"\n\t\t\t@mousedown.stop\n\t\t></span>\n\t</div>\n</template>\n\n<style>\n.top-selector2_itemMulti {\n\tbox-sizing: border-box;\n\tpadding-left: var(--top-padding-2);\n\tborder-radius: var(--top-radius-1, 4px);\n\tborder: 1px solid var(--color-line-primary-1);\n\tbackground: var(--color-layer-primary-2);\n\tmin-height: 22px;\n\tmax-width: 100%;\n\tcolor: var(--color-text-1);\n\tflex-grow: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n.top-selector2_itemMultiDelete {\n\t--top-icon-size: 14px;\n\t--top-icon-width: 18px;\n\t--top-icon-color: var(--color-text-1);\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\tcursor: pointer;\n}\n\n.top-selector2_itemMultiDelete:hover {\n\tbackground: var(--color-layer-primary-2);\n}\n\n@media screen and (min-width: 900px) {\n\t.top-selector2.top-active .top-selector2_itemMultiDelete {\n\t\tz-index: calc(var(--top-popup-z-index) + 1);\n\t}\n}\n</style>\n","import { type ModelRef, onUnmounted, ref, type Ref, triggerRef } from 'vue';\nimport type { Item, Props } from './types';\n\n/**\n * Кеш результата\n */\ntype Cache = Api.ResponseSuccess<Item[], 'get'>;\n\n/**\n * Кешируемый реактивный элемент\n */\ntype CachedRef = Ref<Item | Item[]> | ModelRef<Item | Item[]>\n\n/**\n * Список кешей для конкретного API метода\n */\nexport const cacheByMethod = new Map<Api.PathAbstract, Map<string, Cache>>();\n\n/**\n * Список кешированных сущностей для конкретного API метода\n *\n * Имеет ленивое заполнение и используется по мере необходимости\n */\nexport const cachedRefsByMethod = new Map<Api.PathAbstract, Set<CachedRef>>();\n\n/**\n * Счетчик изменений кеша для конкретного API метода\n */\nconst cacheVersionByMethod = new Map<Api.PathAbstract, Ref<number>>();\n\n/**\n * Получить счетчик изменений кеша\n */\nexport const getCacheVersion = (apiPath: Api.PathAbstract) => {\n\tif (!cacheVersionByMethod.has(apiPath)) {\n\t\tcacheVersionByMethod.set(apiPath, ref(0));\n\t}\n\n\treturn cacheVersionByMethod.get(apiPath)!;\n};\n\n/**\n * Увеличить счетчик изменений кеша\n */\nconst invalidateCache = (apiPath: Api.PathAbstract) => {\n\tgetCacheVersion(apiPath).value++;\n};\n\n/**\n * Сброс кеша конкретного API метода\n */\nexport const clearCache = (apiPath: Api.PathAbstract) => {\n\tcacheByMethod.get(apiPath)?.clear();\n\n\tinvalidateCache(apiPath);\n};\n\n/**\n * Обойти все кеши конкретного API метода\n */\nconst eachCacheItem = (apiPath: Api.PathAbstract, cb: (resCache: Cache) => void) => {\n\tconst caches = cacheByMethod.get(apiPath);\n\tcaches?.forEach((res) => cb(res));\n};\n\n/**\n * Обойти все кешируемые сущности конкретного API метода\n */\nconst eachCachedRef = (apiPath: Api.PathAbstract, cb: (cachedRef: CachedRef) => void) => {\n\tconst cachedRefs = cachedRefsByMethod.get(apiPath);\n\tcachedRefs?.forEach((cachedRef) => cb(cachedRef));\n};\n\nconst changeCachedRefById = (apiPath: Api.PathAbstract, id: Item['id'], patch: Partial<Item>) => {\n\teachCachedRef(apiPath, (cachedRef) => {\n\t\tlet changed = false;\n\n\t\tif (Array.isArray(cachedRef.value)) {\n\t\t\tcachedRef.value.filter((item) => item.id === id).forEach((cachedItem) => {\n\t\t\t\tObject.assign(cachedItem, patch);\n\n\t\t\t\tchanged = true;\n\t\t\t});\n\t\t} else {\n\t\t\tif (cachedRef.value.id !== id) return;\n\n\t\t\tObject.assign(cachedRef.value, patch);\n\n\t\t\tchanged = true;\n\t\t}\n\n\t\tif (changed) triggerRef(cachedRef);\n\t});\n};\n\nexport const genCacheKey = (api: NonNullable<Props['api']>) => {\n\tconst userId = window['mo']?.user?.id;\n\n\tconst cacheKey = JSON.stringify(api.params) + ':' + api.url + ':' + userId;\n\n\treturn cacheKey;\n};\n\nexport const getCache = (cacheKey: string, apiPath: Api.PathAbstract) => {\n\tconst res = cacheByMethod.get(apiPath)?.get(cacheKey);\n\tif (!res) return;\n\n\t/**\n\t * Кеш не должен создавать сайд эффекты ссылок двух объектов на одно и то же значение\n\t *\n\t * Даже если в одном случае кеш может быть полезным, в другом он не будет работать, что сильно усложнит проектировку реактивной связности\n\t *\n\t * Основной принцип:\n\t * - Кеш всегда возвращает разные объекты подобно тому, как это делает само API\n\t * - Реактивная связность должна настраиваться в бизнес логике приложения\n\t */\n\tres.result = res.result.map(item => ({ ...item }));\n\n\treturn res;\n};\n\nexport const setCache = (cacheKey: string, apiPath: Api.PathAbstract, data: Cache) => {\n\tif (!cacheByMethod.has(apiPath)) {\n\t\tcacheByMethod.set(apiPath, new Map());\n\t}\n\n\tcacheByMethod.get(apiPath)?.set(cacheKey, data);\n};\n\nexport const useCachedRef = (apiPath: Api.PathAbstract, ref: CachedRef) => {\n\tif (!cachedRefsByMethod.has(apiPath)) {\n\t\tcachedRefsByMethod.set(apiPath, new Set());\n\t}\n\n\tcachedRefsByMethod.get(apiPath)?.add(ref);\n\n\tonUnmounted(() => cachedRefsByMethod.get(apiPath)?.delete(ref));\n};\n\n/**\n * Обновить элемент во всех кешах API метода\n */\nexport const updateCacheItemById = (\n\tapiPath: Api.PathAbstract,\n\tid: Item['id'],\n\tpatch: Partial<Item>,\n) => {\n\teachCacheItem(apiPath, (res) => {\n\t\tconst item = res.result.find((item) => item.id === id);\n\t\tif (!item) return;\n\n\t\tObject.assign(item, patch);\n\t});\n\n\tchangeCachedRefById(apiPath, id, patch);\n\n\tinvalidateCache(apiPath);\n};\n\n/**\n * Удалить элемент из всех кешей API метода\n */\nexport const deleteCacheItemById = (\n\tapiPath: Api.PathAbstract,\n\tid: Item['id'],\n) => {\n\teachCacheItem(apiPath, (res) => {\n\t\tconst itemIndex = res.result.findIndex((item) => item.id === id);\n\t\tif (itemIndex === -1) return;\n\n\t\tres.result.splice(itemIndex, 1);\n\n\t\tif (res.nextOffset) {\n\t\t\tres.nextOffset--;\n\t\t}\n\t});\n\n\t/**\n\t * Model не сбрасываем, только меняем подпись, чтобы не вызывать ненужных эмитов и загрузок там, где они не нужны\n\t *\n\t * UX: не менять Model в компонентах, работа с которыми в данный момент не ведется\n\t */\n\tchangeCachedRefById(apiPath, id, { name: '--' });\n\n\tinvalidateCache(apiPath);\n};\n","import { type ModelRef, ref, watch } from 'vue';\nimport { debounce } from '../../../../core/utils/lodash';\nimport type { Item, Props } from '../types';\nimport { genCacheKey, getCache, getCacheVersion, setCache, useCachedRef } from '../cache';\n\nexport type API = ReturnType<typeof useAPI>;\n\nexport const useAPI = (\n\tapi: Props['api'],\n\tapiSetSearchParams: Props['apiSetSearchParams'],\n\tminLength: number,\n\tuseCache: Props['useCache'],\n\tmodel: ModelRef<Props['modelValue']>,\n) => {\n\t/**\n\t * Список, полученный через API\n\t */\n\tconst items = ref<Item[]>([]);\n\n\t/**\n\t * Флаг - идет загрузка\n\t */\n\tconst isLoading = ref(false);\n\n\tconst countLoading = ref(0);\n\n\tlet searchText = '';\n\tlet nextOffset: number | null | undefined;\n\n\tif (api && !api.params.limit) {\n\t\tapi.params.limit = 100;\n\t}\n\n\tif (api){\n\t\tuseCachedRef(api.path, model);\n\t}\n\n\t/**\n\t * Синхронизировать данные компонента с данными в кеше\n\t */\n\tconst syncItemsFromCache = () => {\n\t\tif (!api) return;\n\n\t\tapi.params.offset = 0;\n\n\t\tconst cacheKey = genCacheKey(api);\n\t\tconst cache = getCache(cacheKey, api.path);\n\t\tif (!cache) {\n\t\t\titems.value = [];\n\t\t\tnextOffset = undefined;\n\n\t\t\treturn;\n\t\t}\n\n\t\titems.value = cache.result;\n\n\t\tnextOffset = cache.nextOffset;\n\t};\n\n\tif (api && useCache) {\n\t\twatch(getCacheVersion(api.path), () => {\n\t\t\tsyncItemsFromCache();\n\t\t});\n\t}\n\n\t/**\n\t * Выполнить обращение к API\n\t *\n\t * При ошибке вернет undefined\n\t */\n\tconst callAPI = async (): Promise<Api.ResponseSuccess<any, 'get'> | undefined> => {\n\t\tif (!api) return;\n\n\t\tconst cacheKey = useCache ? genCacheKey(api) : undefined;\n\n\t\tif (cacheKey) {\n\t\t\tconst cache = getCache(cacheKey, api.path);\n\t\t\tif (cache) {\n\t\t\t\t// остановить запущенные api запросы\n\t\t\t\tapi.abortByFingerprint();\n\n\t\t\t\treturn cache;\n\t\t\t}\n\t\t}\n\n\t\tconst res = await api.call();\n\n\t\tif (res.errors) return;\n\n\t\tif (!Array.isArray(res.result)) {\n\t\t\tconsole.warn('Array expected in `res.result`');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\n\t\tif (indexWithError !== -1) {\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (cacheKey) {\n\t\t\tsetCache(cacheKey, api.path, res);\n\t\t}\n\n\t\treturn res as Api.ResponseSuccess<any, 'get'>;\n\t};\n\n\t/**\n\t * Загрузить items\n\t */\n\tconst load = async (append: boolean) => {\n\t\tif (!api) return;\n\n\t\tif (append) {\n\t\t\t// данных о следующих страницах не обнаружено\n\t\t\tif (!nextOffset) return;\n\n\t\t\t// дозагружать нельзя, если не завершена предыдущая загрузка\n\t\t\tif (isLoading.value) return;\n\n\t\t\tapi.params.offset = nextOffset;\n\t\t} else {\n\t\t\tapi.params.offset = 0;\n\t\t}\n\n\t\tapiSetSearchParams?.(api, searchText);\n\n\t\tisLoading.value = true;\n\t\tconst res = await callAPI();\n\t\tisLoading.value = false;\n\n\t\tcountLoading.value++;\n\n\t\tif (!res) return;\n\n\t\tnextOffset = res.nextOffset;\n\n\t\tif (append) {\n\t\t\titems.value = items.value.concat(res.result);\n\t\t} else {\n\t\t\titems.value = res.result;\n\t\t}\n\t};\n\n\tconst loadDebounce = debounce(() => load(false), 200);\n\n\t/**\n\t * Выполнить поиск по указанному тексту\n\t *\n\t * Если длина текста меньше minLength, поиск не будет произведен\n\t *\n\t * Если текст не изменился, поиск не будет произведен\n\t *\n\t * @param newSearchText - текст поиска\n\t * @param useDebounce - дедупликация загрузки списка\n\t */\n\tconst setSearchTextAndLoad = (newSearchText: string, useDebounce = true) => {\n\t\tif (!api) return;\n\n\t\t// остановить начатый поиск и сбросить результаты\n\t\tif (newSearchText.length < minLength) {\n\t\t\tapi.abortByFingerprint();\n\n\t\t\titems.value = [];\n\n\t\t\treturn;\n\t\t}\n\n\t\t// условия поиска не поменялись, данные загружены\n\t\tif (newSearchText === searchText && items.value.length) return;\n\n\t\tsearchText = newSearchText;\n\n\t\tif (useDebounce) {\n\t\t\tvoid loadDebounce();\n\t\t} else {\n\t\t\tvoid load(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tapiRequest: api,\n\t\titems,\n\t\tisLoading,\n\t\tcountLoading,\n\t\tload,\n\t\tsetSearchTextAndLoad,\n\t};\n};\n","import type { Item, Props } from './types';\nimport { genFieldFilter } from '@/api/api';\n\n/**\n * Универсальный id для всех элементов \"Все элементы\" / \"Без фильтра\" в `TopSelector`\n */\nexport const ITEM_ID_ALL = 0;\n\n/**\n * Универсальный id для всех добавляемых элементов через `TopSelector`\n */\nexport const ITEM_ID_NEW = null;\n\n/**\n * Выбран ли элемент\n */\nexport const isSelected = (modelValue: Props['modelValue'], item: Item, checkNameForNullId = true) => {\n\tif (checkNameForNullId && item.id === ITEM_ID_NEW) {\n\t\tif (Array.isArray(modelValue)) {\n\t\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\n\t\t} else {\n\t\t\treturn item.name === modelValue.name;\n\t\t}\n\t}\n\n\tif (Array.isArray(modelValue)) {\n\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id);\n\t} else {\n\t\treturn item.id === modelValue.id;\n\t}\n};\n\n/**\n * Вспомогательная утилита для создания `callback` функции на добавление фильтра по полю в api запрос\n *\n * Другие фильтры по указанному полю будут удалены\n *\n * @param api - api, которое используется в `TopSelector`\n * @param search - введенная строка поиска\n * @param fieldName - имя поля, по которому надо добавить фильтр на поиск по нестрогому соответствию\n *\n * @todo Объединить с apiSetSearchParamsFilter() из @/components/project/projectSelector/utils.ts\n */\nexport const apiSetSearchParamsFilter = (api: NonNullable<Props['api']>, search: string, fieldName: string) => {\n\tlet filters = api.params.filters ?? [];\n\n\t// удаление других фильтров по этому полю\n\tfilters = filters.filter((filter) => filter.name !== fieldName);\n\n\tif (search) {\n\t\tfilters.push(genFieldFilter(fieldName, 'CONTAINS', [search]));\n\t}\n\n\tapi.changeParams({ filters });\n};\n","import { computed, type ComputedRef, ref, type Ref, watch } from 'vue';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport type { Item, Props } from '../types';\nimport { type API } from './useAPI';\nimport { isSelected, ITEM_ID_ALL, ITEM_ID_NEW } from '../utils';\nimport { useI18n } from '@/core/plugins/i18n';\n\n/**\n * Функционал поиска\n */\nexport const useMenu = (\n\tmodel: Ref<Props['modelValue']>,\n\temits: ReturnType<typeof defineEmits>,\n\titems: Ref<Props['items']>,\n\tprepareItemsBeforeRender: Props['prepareItemsBeforeRender'],\n\tmultiselect: Props['multiselect'],\n\tuseAllItem: Ref<Props['useAllItem']>,\n\tappendSearchToResult: Ref<Props['appendSearchToResult']>,\n\tappendSearchAllowDuplicate: Ref<Props['appendSearchAllowDuplicate']>,\n\tappendSearchToResultCond: Ref<Props['appendSearchToResultCond']>,\n\tappendWithoutSelect: Ref<Props['appendWithoutSelect']>,\n\tsearchFields: Ref<Props['searchFields']>,\n\tsearchType: Ref<Props['searchType']>,\n\tminLength: number,\n\tapi: API,\n) => {\n\t/**\n\t * Текст поиска по результатам\n\t */\n\tconst searchText = ref('');\n\n\t/**\n\t * Объект, представляющий опцию \"Все\"\n\t */\n\tconst itemAll = {\n\t\tid: ITEM_ID_ALL,\n\t\tname: useI18n().Common.All as string,\n\t};\n\n\t/**\n\t * Сброс поиска\n\t */\n\tconst resetSearch = () => {\n\t\tsearchText.value = '';\n\t};\n\n\t/**\n\t * Является ли строка поиска достаточной длины для отображения меню\n\t */\n\tconst genIsShort = () => {\n\t\tif (!api.apiRequest) return false;\n\t\tif (searchText.value.length >= minLength) return false;\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * Варианты выбора: props.items + \"Выбрать все\"\n\t */\n\tconst localItems: ComputedRef<Item[]> = computed(() => {\n\t\tconst localItems: Item[] = [];\n\n\t\tif (!multiselect && useAllItem.value) {\n\t\t\tif (typeof useAllItem.value === 'string') {\n\t\t\t\titemAll.name = useAllItem.value;\n\t\t\t}\n\n\t\t\tlocalItems.push(itemAll);\n\t\t}\n\n\t\titems.value?.forEach(item => localItems.push({ ...item }));\n\n\t\treturn localItems;\n\t});\n\n\t/**\n\t * Не используем `computed` в пользу ручного порядка пересчета значения\n\t */\n\tconst itemsForShow = ref<Item[]>([]);\n\n\tconst recalcItemsForShow = () => {\n\t\titemsForShow.value = genItemsForShow();\n\t};\n\n\t/**\n\t * Подготовленный список меню, который содержит в сумме:\n\t * - prop.items: указанный список с учетом фильтра и опций компонента\n\t * - api.items: результаты api запроса, если используется api\n\t *\n\t * @returns Отфильтрованный массив элементов для отображения\n\t */\n\tconst genItemsForShow = () => {\n\t\tconst searchString = searchText.value.toLowerCase();\n\t\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\n\t\tlet items: Item[] = [];\n\n\t\t/**\n\t\t * Элемент текущего разделителя в цикле\n\t\t *\n\t\t * Для скрытия / отображения только нужных заголовков и разделителей при поиске\n\t\t *\n\t\t * Логика для `api.items` должна реализовываться в api или api клиенте при генерации элементов\n\t\t */\n\t\tlet itemTitleCategory: Item | undefined;\n\t\tconst itemsCategory: Item[] = [];\n\n\t\t/**\n\t\t * Добавить элементы в результирующий список\n\t\t */\n\t\tconst flushCategory = () => {\n\t\t\t// крайний разделитель не выводить\n\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') {\n\t\t\t\titemsCategory.pop();\n\t\t\t}\n\n\t\t\tif (itemsCategory.length) {\n\t\t\t\tif (itemTitleCategory) {\n\t\t\t\t\titems.push(itemTitleCategory);\n\t\t\t\t}\n\n\t\t\t\titems.push(...itemsCategory);\n\n\t\t\t\titemsCategory.length = 0;\n\t\t\t}\n\t\t};\n\n\t\tconst pushMatchedItemToCategory = (item: Item) => {\n\t\t\tconst hasIdSearch = searchFields.value?.includes('id');\n\t\t\tconst name = item.name.toLowerCase();\n\n\t\t\tconst searchFieldsText = searchFields.value\n\t\t\t\t?.filter(field => field !== 'id')\n\t\t\t\t.map(field => typeof item[field] === 'string' || typeof item[field] === 'number' ? item[field] : '')\n\t\t\t\t.join('☼')\n\t\t\t\t.toLowerCase();\n\n\t\t\tif (\n\t\t\t\t(hasIdSearch && item.id === Number(searchString)) ||\n\t\t\t\tsearchFieldsText?.includes(searchString) ||\n\t\t\t\tsearchFieldsText?.includes(searchStringInvertKeyboard)\n\t\t\t) {\n\t\t\t\tif (name === searchString || name === searchStringInvertKeyboard) {\n\t\t\t\t\t// точные совпадения в начало\n\t\t\t\t\titemsCategory.unshift(item);\n\t\t\t\t} else {\n\t\t\t\t\titemsCategory.push(item);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tfor (const item of localItems.value) {\n\t\t\tswitch (item.listItemProps?.type) {\n\t\t\t\tcase 'title':\n\t\t\t\t\tflushCategory();\n\n\t\t\t\t\titemTitleCategory = item;\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'delimiter':\n\t\t\t\t\t// вставить разделитель один раз и только если категория не пуста\n\t\t\t\t\tif (itemsCategory.length) {\n\t\t\t\t\t\tlet index = itemsCategory.length;\n\t\t\t\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') index--;\n\n\t\t\t\t\t\titemsCategory[index] = item;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tpushMatchedItemToCategory(item);\n\t\t\t}\n\t\t}\n\n\t\tflushCategory();\n\n\t\titems.push(...api.items.value);\n\n\t\t// ввод произвольного значения\n\t\tif (\n\t\t\tappendSearchToResult.value &&\n\t\t\t!!searchText.value &&\n\t\t\t(!appendSearchToResultCond.value || appendSearchToResultCond.value(searchString)) &&\n\n\t\t\t// предложить добавить элемент, если нет точного совпадения или разрешены дубликаты\n\t\t\t(\n\t\t\t\tappendSearchAllowDuplicate.value ||\n\t\t\t\t!items.find((item) => item.name.toLowerCase() === searchString)\n\t\t\t)\n\t\t) {\n\t\t\tconst itemNew: Item = {\n\t\t\t\tid: ITEM_ID_NEW,\n\t\t\t\tname: searchText.value,\n\t\t\t};\n\n\t\t\tif (appendWithoutSelect.value) {\n\t\t\t\titemNew.listItemProps = { closeByClick: false };\n\t\t\t}\n\n\t\t\t// предложение всегда отображается внизу, чтобы не мешать результатам поиска\n\t\t\titems.push(itemNew);\n\t\t}\n\n\t\tif (multiselect) {\n\t\t\titems = items.filter(item => !isSelected(model.value, item));\n\t\t}\n\n\t\tif (prepareItemsBeforeRender) {\n\t\t\titems = prepareItemsBeforeRender(items);\n\t\t}\n\n\t\treturn items;\n\t};\n\n\t/**\n\t * Выбрать элемент\n\t *\n\t * @param item Элемент для выбора\n\t */\n\tconst selectItem = (item: Item) => {\n\t\t/**\n\t\t * Ссылку важно сохранять, так как переданные items могут быть реактивными\n\t\t */\n\t\t// item = { ...item };\n\n\t\t// это невыбираемый элемент\n\t\tif (item.listItemProps?.type === 'title' || item.listItemProps?.type === 'delimiter') {\n\t\t\treturn;\n\t\t}\n\n\t\tif (item.id === ITEM_ID_NEW) {\n\t\t\temits('appendItem', item);\n\n\t\t\tif (appendWithoutSelect.value) return;\n\t\t}\n\n\t\tif (multiselect && Array.isArray(model.value)) {\n\t\t\tif (!isSelected(model.value, item)) {\n\t\t\t\tmodel.value = [...model.value, item];\n\t\t\t}\n\t\t} else {\n\t\t\tmodel.value = item;\n\t\t}\n\n\t\t/**\n\t\t * Отложить перерисовку\n\t\t *\n\t\t * fix: Перерисовка меню выполняется раньше, чем срабатывает `click`.\n\t\t * Из-за этого обработчик кликов думает, что клик был вне меню и не закрывает окно\n\t\t *\n\t\t * Файл: @/components/popup/lib/popup.globalEvents.ts\n\t\t *\n\t\t * Функция: onclick()\n\t\t *\n\t\t * ```\n\t\t * const elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\n\t\t * ```\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\t/**\n\t\t\t * Завершить поиск после выбора\n\t\t\t */\n\t\t\tresetSearch();\n\t\t});\n\n\t\t// /**\n\t\t//  * При изменении значения модели в режиме inline необходимо очистить поле поиска,\n\t\t//  * так как поиск больше не актуален после выбора значения\n\t\t//  */\n\t\t// if (searchType.value === 'inline') {\n\t\t// \tresetSearch();\n\t\t// }\n\t};\n\n\tif (api.apiRequest) {\n\t\t// загрузка только при открытии popup\n\t\tconst fieldsForWatch: any = [items, api.items];\n\n\t\t// model нужен только для multiselect, без необходимости не использовать для улучшения UX при работе с API\n\t\tif (multiselect) {\n\t\t\tfieldsForWatch.push(model);\n\t\t}\n\n\t\twatch(fieldsForWatch, () => {\n\t\t\trecalcItemsForShow();\n\t\t}, {\n\t\t\tdeep: 2,\n\t\t});\n\t} else {\n\t\twatch([model, items, searchText], () => {\n\t\t\trecalcItemsForShow();\n\t\t}, {\n\t\t\timmediate: true,\n\n\t\t\t// слежение за изменениями `items`\n\t\t\tdeep: 2,\n\t\t});\n\t}\n\n\t/**\n\t * Выбрать следующее значение\n\t */\n\tconst selectNextItem = () => {\n\t\tif (Array.isArray(model.value)) return;\n\n\t\tconst selectableItems = itemsForShow.value.filter((item) => !['title', 'delimiter'].includes(item.listItemProps?.type ?? ''));\n\n\t\tconst currentIndex = selectableItems.findIndex(item => item.id === (model.value as Item).id);\n\t\tconst nextIndex = (currentIndex + 1) % selectableItems.length;\n\t\tmodel.value = { ...selectableItems[nextIndex] };\n\t};\n\n\t/**\n\t * Удалить элемент, `id` и `name` которого равны указанному `item`\n\t */\n\tconst deleteItemByItem = async (item: Item) => {\n\t\tif (Array.isArray(model.value)) {\n\t\t\tmodel.value = model.value.filter((itemI) => itemI.id !== item.id || itemI.name !== item.name);\n\t\t}\n\t};\n\n\treturn {\n\t\tsearchText,\n\t\tresetSearch,\n\t\tgenIsShort,\n\t\titemsForShow,\n\t\tselectItem,\n\t\tselectNextItem,\n\t\tdeleteItemByItem,\n\t};\n};\n","<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport { TopPreloader } from '@/components/forms/forms';\nimport type { Emits, Item, Props, Slots } from './types';\nimport Selector2ItemMulti from './itemMulti.vue';\nimport { useAPI } from './composables/useAPI';\nimport { useMenu } from './composables/useMenu';\nimport type { TopLibPopup } from '../../popup/lib/popup';\nimport { clearCache, deleteCacheItemById, updateCacheItemById } from './cache';\nimport { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n\topenByFocusInput: undefined,\n\tsearchFields: () => ['id', 'name'],\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\n\nconst emits = defineEmits<Emits>();\n\ndefineExpose({\n\t/**\n\t * Сброс локального кеша и кеша API\n\t *\n\t * При сбросе кеша API влияет на все компоненты TopSelector с этим кешем\n\t *\n\t * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными\n\t */\n\tresetCache: (resetAPICache: boolean = false) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// сброс кеша api\n\t\tif (resetAPICache) {\n\t\t\tclearCache(api.apiRequest.path);\n\t\t}\n\n\t\t// сброс кеша списка\n\t\tapi.items.value = [];\n\n\t\t// сброс флага первичной загрузки\n\t\tapi.countLoading.value = 0;\n\n\t\t// сброс параметров дозагрузки\n\t\tapi.apiRequest.params.offset = 0;\n\n\t\t// сброс кеша локального списка с дополнительными элементами, например `useAllItem`\n\t\trequestAnimationFrame(() => {\n\t\t\tmenu.itemsForShow.value = [];\n\t\t});\n\n\t\t// сразу загрузить данные после сброса, если popup уже открыт\n\t\tif (getPopup()?.elPopup) {\n\t\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t\t}\n\t},\n\n\t/**\n\t * Локально обновить элемент списка по `id`, без перезагрузки через API\n\t */\n\tupdateCacheItemById: (id: Item['id'], patch: Partial<Item>) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то менять элемент в `api.items` нет смысла\n\t\t// const item = api.items.value.find((item) => item.id === id);\n\t\t// if (item) {\n\t\t// \tObject.assign(item, patch);\n\t\t// }\n\n\t\tupdateCacheItemById(api.apiRequest.path, id, patch);\n\t},\n\n\t/**\n\t * Удалить элемент списка по `id` во всех связанных инстансах без перезагрузки через API\n\t */\n\tdeleteCacheItemById: (id: Item['id']) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то удалять элемент из `api.items` нет смысла\n\t\t// const itemIndex = api.items.value.findIndex((item) => item.id === id);\n\t\t//\n\t\t// if (itemIndex !== -1) {\n\t\t// \tapi.items.value.splice(itemIndex, 1);\n\t\t// }\n\n\t\tdeleteCacheItemById(api.apiRequest.path, id);\n\t},\n});\n\nconst searchTypeLocal = computed(() => {\n\t// multiselect не поддерживает inline ввода\n\tif (props.searchType === 'inline' && props.multiselect) return 'popup';\n\n\t// В мобильной версии popup работает в полноэкранном режиме\n\tif (props.searchType === 'inline' && Core.state.isMobile) return 'popup';\n\n\treturn props.searchType;\n});\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.api, props.apiSetSearchParams, props.minLength, props.useCache, model);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.prepareItemsBeforeRender,\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\n\ttoRef(props, 'appendSearchAllowDuplicate'),\n\ttoRef(props, 'appendSearchToResultCond'),\n\ttoRef(props, 'appendWithoutSelect'),\n\ttoRef(props, 'searchFields'),\n\tsearchTypeLocal,\n\tprops.minLength,\n\tapi,\n);\n\nconst component = computed(() => {\n\tif (props.buttonProps) return 'TopButton';\n\tif (searchTypeLocal.value === 'inline') return 'TopInput';\n\n\treturn 'div';\n});\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<any>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): TopLibPopup | undefined => {\n\treturn popupRef.value?.popup;\n};\n\nif (api.apiRequest) {\n\t// отложенный поиск при вводе текста\n\twatch(menu.searchText, () => {\n\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t});\n}\n\nconst placeholder = computed(() => {\n\tif (Array.isArray(model.value) || props.multiselect || !props.selectedAsPlaceholder && searchTypeLocal.value !== 'inline') {\n\t\treturn props.placeholder;\n\t}\n\n\treturn model.value?.name || props.placeholder;\n});\n\n/**\n * Обработчик ввода клавиш на кнопке или поле ввода\n */\nconst onOpenerKeydown = (e: KeyboardEvent) => {\n\tlet needOpen = false;\n\n\tswitch (e.key) {\n\t\tcase 'Delete':\n\t\tcase 'Backspace':\n\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\n\t\t\t\tmodel.value.pop();\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase 'ArrowUp':\n\t\tcase 'ArrowRight':\n\t\tcase 'ArrowDown':\n\t\tcase 'ArrowLeft':\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\tneedOpen = true;\n\n\t\t\tbreak;\n\t\tcase 'Escape':\n\t\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\t\t// очистка введенного текста\n\t\t\t\tmenu.resetSearch();\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// введен символ\n\tconst symbolPressed = e.key.length === 1 && !e.ctrlKey && !e.metaKey;\n\n\t// введен символ\n\tif (searchTypeLocal.value === 'popup' || searchTypeLocal.value === 'inline') {\n\t\tif (symbolPressed) {\n\t\t\tneedOpen = true;\n\t\t}\n\t}\n\n\t// popup уже открыт\n\tif (getPopup()?.elPopup) {\n\t\tneedOpen = false;\n\t}\n\n\tif (needOpen) {\n\t\tif (searchTypeLocal.value === 'popup') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t// введен символ\n\t\t\tif (symbolPressed) {\n\t\t\t\t// начало ввода, сразу ввести первый символ вместе с открытием popup\n\t\t\t\tif (!menu.searchText.value) {\n\t\t\t\t\tmenu.searchText.value = e.key;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tif (api.apiRequest) {\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n\n\temits('open');\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\t// очистка введенного текста, в режиме `inline` input вызывается при `blur`\n\tif (searchTypeLocal.value === 'popup') {\n\t\tif (menu.searchText.value) menu.resetSearch();\n\t}\n};\n\n/**\n * Обработчик прокрутки списка контента\n *\n * Для дозагрузки элеменов через api\n *\n * @param {Event} e - Событие прокрутки\n */\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tapi.load(true);\n\t}\n};\n\nif (import.meta.env.STORYBOOK) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tif (props.multiselect) {\n\t\t\t\tif (!Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tname: 'Выбери меня',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = {\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ immediate: true },\n\t);\n\n\twatch(\n\t\t() => props.searchType,\n\t\t() => {\n\t\t\t// пауза для установки props в адресной строке\n\t\t\tsetTimeout(() => {\n\t\t\t\tlocation.reload();\n\t\t\t}, 500);\n\t\t},\n\t);\n}\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"onOpen()\"\n\t\t@close=\"onClose()\"\n\t\t@scrollContentList=\"api ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t\t:openByFocusInput=\"searchTypeLocal === 'inline' && (openByFocusInput ?? true)\"\n\t\t:disabled=\"searchTypeLocal === 'inline' && menu.genIsShort()\"\n\t>\n\t\t<template #opener>\n\t\t\t<component\n\t\t\t\t:is=\"component\"\n\n\t\t\t\t:=\"buttonProps\"\n\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2': true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-selector2-' + modificator]: !!modificator,\n\t\t\t\t\t'top-as-input': !buttonProps && searchTypeLocal !== 'inline',\n\t\t\t\t\t'top-as-selector': true,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t:icon\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\t@blur=\"searchTypeLocal === 'inline' && menu.resetSearch()\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\tv-top-shortcut=\"openerShortcut\"\n\n\t\t\t\t:placeholder\n\t\t\t\t:title\n\t\t\t\t:captionType=\"searchTypeLocal === 'inline' && title !== undefined ? 'top' : undefined\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Item[]\"\n\t\t\t\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"menu.deleteItemByItem\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"searchTypeLocal !== 'inline' && !multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"multiselect && !model.length\" class=\"top-selector2_placeholder top-ellipsis\">\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !buttonProps && !multiselect && menu.itemsForShow.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\tdata-top-popup-disabled=\"true\"\n\t\t\t\t\t@click=\"onClickChanger\"\n\t\t\t\t></span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<template #widget v-if=\"searchTypeLocal === 'popup'\">\n\t\t\t<div class=\"top-selector2_searchWidget\">\n\t\t\t\t<TopPopupWidgetInput\n\t\t\t\t\ttitle=\"Поиск\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t\t:placeholder\n\t\t\t\t/>\n\n\t\t\t\t<TopButton\n\t\t\t\t\tv-if=\"hasCloserBtn && !$core.state.isMobile\"\n\t\t\t\t\tclass=\"closer\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t>\n\t\t\t\t\t{{ $i18n.Common.Cancel }}\n\t\t\t\t</TopButton>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of menu.itemsForShow.value\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.id === item.id && model.name === item.name,\n\t\t\t\t\t'top-selector2_item-all':item.id === ITEM_ID_ALL,\n\t\t\t\t\t'top-selector2_item-new':item.id === ITEM_ID_NEW,\n\t\t\t\t}\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\n\t\t\t\t:=\"item.listItemProps\"\n\t\t\t\t@click=\"menu.selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\n\t\t\t\t<template v-if=\"$slots.actions\" #actions>\n\t\t\t\t\t<slot name=\"actions\" :item></slot>\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Элементов для отображения нет -->\n\t\t\t<template v-if=\"!menu.itemsForShow.value.length && !menu.genIsShort()\">\n\t\t\t\t<TopPopupListItem type=\"regular\">\n\t\t\t\t\t<template v-if=\"!api.isLoading.value || api.countLoading.value\">\n\t\t\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<!-- Индикатор первичной загрузки -->\n\t\t\t\t\t<TopPreloader\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\ttype=\"circles\"\n\t\t\t\t\t/>\n\t\t\t\t</TopPopupListItem>\n\t\t\t</template>\n\n\t\t\t<!-- Индикатор повторной загрузки -->\n\t\t\t<TopLoadbar v-if=\"!!api.countLoading.value && api.isLoading.value && searchTypeLocal === 'inline'\"/>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n}\n\n.top-selector2::placeholder,\n.top-selector2_placeholder {\n\tcolor: var(--color-text-2);\n}\n\n.top-selector2_placeholder {\n\tpadding-left: var(--top-padding-1);\n}\n\n.top-selector2.top-as-input {\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n}\n\n.top-selector2.top-selector2-multiselect {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tflex-grow: 1;\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_searchWidget {\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\tfont-size: var(--top-font-size);\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tmargin: calc(0px - var(--top-padding-1));\n\ttransform: translateX(0);\n}\n\n.top-selector2.top-button {\n\tjustify-content: start;\n}\n\n.top-selector2.top-input_input ~ .top-changer-selector {\n\ttransform: translateX(-52px);\n}\n\n.top-selector2.top-as-selector {\n\tpadding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport { TopPreloader } from '@/components/forms/forms';\nimport type { Emits, Item, Props, Slots } from './types';\nimport Selector2ItemMulti from './itemMulti.vue';\nimport { useAPI } from './composables/useAPI';\nimport { useMenu } from './composables/useMenu';\nimport type { TopLibPopup } from '../../popup/lib/popup';\nimport { clearCache, deleteCacheItemById, updateCacheItemById } from './cache';\nimport { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n\topenByFocusInput: undefined,\n\tsearchFields: () => ['id', 'name'],\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\n\nconst emits = defineEmits<Emits>();\n\ndefineExpose({\n\t/**\n\t * Сброс локального кеша и кеша API\n\t *\n\t * При сбросе кеша API влияет на все компоненты TopSelector с этим кешем\n\t *\n\t * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными\n\t */\n\tresetCache: (resetAPICache: boolean = false) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// сброс кеша api\n\t\tif (resetAPICache) {\n\t\t\tclearCache(api.apiRequest.path);\n\t\t}\n\n\t\t// сброс кеша списка\n\t\tapi.items.value = [];\n\n\t\t// сброс флага первичной загрузки\n\t\tapi.countLoading.value = 0;\n\n\t\t// сброс параметров дозагрузки\n\t\tapi.apiRequest.params.offset = 0;\n\n\t\t// сброс кеша локального списка с дополнительными элементами, например `useAllItem`\n\t\trequestAnimationFrame(() => {\n\t\t\tmenu.itemsForShow.value = [];\n\t\t});\n\n\t\t// сразу загрузить данные после сброса, если popup уже открыт\n\t\tif (getPopup()?.elPopup) {\n\t\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t\t}\n\t},\n\n\t/**\n\t * Локально обновить элемент списка по `id`, без перезагрузки через API\n\t */\n\tupdateCacheItemById: (id: Item['id'], patch: Partial<Item>) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то менять элемент в `api.items` нет смысла\n\t\t// const item = api.items.value.find((item) => item.id === id);\n\t\t// if (item) {\n\t\t// \tObject.assign(item, patch);\n\t\t// }\n\n\t\tupdateCacheItemById(api.apiRequest.path, id, patch);\n\t},\n\n\t/**\n\t * Удалить элемент списка по `id` во всех связанных инстансах без перезагрузки через API\n\t */\n\tdeleteCacheItemById: (id: Item['id']) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// Так как кеш API синхронизирован с api.items, то удалять элемент из `api.items` нет смысла\n\t\t// const itemIndex = api.items.value.findIndex((item) => item.id === id);\n\t\t//\n\t\t// if (itemIndex !== -1) {\n\t\t// \tapi.items.value.splice(itemIndex, 1);\n\t\t// }\n\n\t\tdeleteCacheItemById(api.apiRequest.path, id);\n\t},\n});\n\nconst searchTypeLocal = computed(() => {\n\t// multiselect не поддерживает inline ввода\n\tif (props.searchType === 'inline' && props.multiselect) return 'popup';\n\n\t// В мобильной версии popup работает в полноэкранном режиме\n\tif (props.searchType === 'inline' && Core.state.isMobile) return 'popup';\n\n\treturn props.searchType;\n});\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.api, props.apiSetSearchParams, props.minLength, props.useCache, model);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.prepareItemsBeforeRender,\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\n\ttoRef(props, 'appendSearchAllowDuplicate'),\n\ttoRef(props, 'appendSearchToResultCond'),\n\ttoRef(props, 'appendWithoutSelect'),\n\ttoRef(props, 'searchFields'),\n\tsearchTypeLocal,\n\tprops.minLength,\n\tapi,\n);\n\nconst component = computed(() => {\n\tif (props.buttonProps) return 'TopButton';\n\tif (searchTypeLocal.value === 'inline') return 'TopInput';\n\n\treturn 'div';\n});\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<any>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): TopLibPopup | undefined => {\n\treturn popupRef.value?.popup;\n};\n\nif (api.apiRequest) {\n\t// отложенный поиск при вводе текста\n\twatch(menu.searchText, () => {\n\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t});\n}\n\nconst placeholder = computed(() => {\n\tif (Array.isArray(model.value) || props.multiselect || !props.selectedAsPlaceholder && searchTypeLocal.value !== 'inline') {\n\t\treturn props.placeholder;\n\t}\n\n\treturn model.value?.name || props.placeholder;\n});\n\n/**\n * Обработчик ввода клавиш на кнопке или поле ввода\n */\nconst onOpenerKeydown = (e: KeyboardEvent) => {\n\tlet needOpen = false;\n\n\tswitch (e.key) {\n\t\tcase 'Delete':\n\t\tcase 'Backspace':\n\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\n\t\t\t\tmodel.value.pop();\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase 'ArrowUp':\n\t\tcase 'ArrowRight':\n\t\tcase 'ArrowDown':\n\t\tcase 'ArrowLeft':\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\tneedOpen = true;\n\n\t\t\tbreak;\n\t\tcase 'Escape':\n\t\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\t\t// очистка введенного текста\n\t\t\t\tmenu.resetSearch();\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// введен символ\n\tconst symbolPressed = e.key.length === 1 && !e.ctrlKey && !e.metaKey;\n\n\t// введен символ\n\tif (searchTypeLocal.value === 'popup' || searchTypeLocal.value === 'inline') {\n\t\tif (symbolPressed) {\n\t\t\tneedOpen = true;\n\t\t}\n\t}\n\n\t// popup уже открыт\n\tif (getPopup()?.elPopup) {\n\t\tneedOpen = false;\n\t}\n\n\tif (needOpen) {\n\t\tif (searchTypeLocal.value === 'popup') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t// введен символ\n\t\t\tif (symbolPressed) {\n\t\t\t\t// начало ввода, сразу ввести первый символ вместе с открытием popup\n\t\t\t\tif (!menu.searchText.value) {\n\t\t\t\t\tmenu.searchText.value = e.key;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tif (api.apiRequest) {\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n\n\temits('open');\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\t// очистка введенного текста, в режиме `inline` input вызывается при `blur`\n\tif (searchTypeLocal.value === 'popup') {\n\t\tif (menu.searchText.value) menu.resetSearch();\n\t}\n};\n\n/**\n * Обработчик прокрутки списка контента\n *\n * Для дозагрузки элеменов через api\n *\n * @param {Event} e - Событие прокрутки\n */\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tapi.load(true);\n\t}\n};\n\nif (import.meta.env.STORYBOOK) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tif (props.multiselect) {\n\t\t\t\tif (!Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tname: 'Выбери меня',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = {\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ immediate: true },\n\t);\n\n\twatch(\n\t\t() => props.searchType,\n\t\t() => {\n\t\t\t// пауза для установки props в адресной строке\n\t\t\tsetTimeout(() => {\n\t\t\t\tlocation.reload();\n\t\t\t}, 500);\n\t\t},\n\t);\n}\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"onOpen()\"\n\t\t@close=\"onClose()\"\n\t\t@scrollContentList=\"api ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t\t:openByFocusInput=\"searchTypeLocal === 'inline' && (openByFocusInput ?? true)\"\n\t\t:disabled=\"searchTypeLocal === 'inline' && menu.genIsShort()\"\n\t>\n\t\t<template #opener>\n\t\t\t<component\n\t\t\t\t:is=\"component\"\n\n\t\t\t\t:=\"buttonProps\"\n\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2': true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-selector2-' + modificator]: !!modificator,\n\t\t\t\t\t'top-as-input': !buttonProps && searchTypeLocal !== 'inline',\n\t\t\t\t\t'top-as-selector': true,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t:icon\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\t@blur=\"searchTypeLocal === 'inline' && menu.resetSearch()\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\tv-top-shortcut=\"openerShortcut\"\n\n\t\t\t\t:placeholder\n\t\t\t\t:title\n\t\t\t\t:captionType=\"searchTypeLocal === 'inline' && title !== undefined ? 'top' : undefined\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Item[]\"\n\t\t\t\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"menu.deleteItemByItem\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"searchTypeLocal !== 'inline' && !multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"multiselect && !model.length\" class=\"top-selector2_placeholder top-ellipsis\">\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !buttonProps && !multiselect && menu.itemsForShow.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\tdata-top-popup-disabled=\"true\"\n\t\t\t\t\t@click=\"onClickChanger\"\n\t\t\t\t></span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<template #widget v-if=\"searchTypeLocal === 'popup'\">\n\t\t\t<div class=\"top-selector2_searchWidget\">\n\t\t\t\t<TopPopupWidgetInput\n\t\t\t\t\ttitle=\"Поиск\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t\t:placeholder\n\t\t\t\t/>\n\n\t\t\t\t<TopButton\n\t\t\t\t\tv-if=\"hasCloserBtn && !$core.state.isMobile\"\n\t\t\t\t\tclass=\"closer\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t>\n\t\t\t\t\t{{ $i18n.Common.Cancel }}\n\t\t\t\t</TopButton>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of menu.itemsForShow.value\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.id === item.id && model.name === item.name,\n\t\t\t\t\t'top-selector2_item-all':item.id === ITEM_ID_ALL,\n\t\t\t\t\t'top-selector2_item-new':item.id === ITEM_ID_NEW,\n\t\t\t\t}\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\n\t\t\t\t:=\"item.listItemProps\"\n\t\t\t\t@click=\"menu.selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\n\t\t\t\t<template v-if=\"$slots.actions\" #actions>\n\t\t\t\t\t<slot name=\"actions\" :item></slot>\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Элементов для отображения нет -->\n\t\t\t<template v-if=\"!menu.itemsForShow.value.length && !menu.genIsShort()\">\n\t\t\t\t<TopPopupListItem type=\"regular\">\n\t\t\t\t\t<template v-if=\"!api.isLoading.value || api.countLoading.value\">\n\t\t\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<!-- Индикатор первичной загрузки -->\n\t\t\t\t\t<TopPreloader\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\ttype=\"circles\"\n\t\t\t\t\t/>\n\t\t\t\t</TopPopupListItem>\n\t\t\t</template>\n\n\t\t\t<!-- Индикатор повторной загрузки -->\n\t\t\t<TopLoadbar v-if=\"!!api.countLoading.value && api.isLoading.value && searchTypeLocal === 'inline'\"/>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n}\n\n.top-selector2::placeholder,\n.top-selector2_placeholder {\n\tcolor: var(--color-text-2);\n}\n\n.top-selector2_placeholder {\n\tpadding-left: var(--top-padding-1);\n}\n\n.top-selector2.top-as-input {\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n}\n\n.top-selector2.top-selector2-multiselect {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tflex-grow: 1;\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_searchWidget {\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\tfont-size: var(--top-font-size);\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tmargin: calc(0px - var(--top-padding-1));\n\ttransform: translateX(0);\n}\n\n.top-selector2.top-button {\n\tjustify-content: start;\n}\n\n.top-selector2.top-input_input ~ .top-changer-selector {\n\ttransform: translateX(-52px);\n}\n\n.top-selector2.top-as-selector {\n\tpadding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props, Slots } from './types';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\ndefineSlots<Slots>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title || $slots.caption\"\n\t\t\tclass=\"top-editArea_caption\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t<slot name=\"caption\">\n\t\t\t\t{{ title }}\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-forms-focusable': true,\n\t\t\t\t'top-as-input': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ cancelText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ submitText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\t--top-editArea-bottom: env(keyboard-inset-height, 0px);\n\t--top-editArea-offset-bottom: 0px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_caption {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\t--top-forms-border-width: 0px;\n\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\talign-self: flex-end;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tposition: fixed;\n\tbottom: calc(var(--top-editArea-offset-bottom) + var(--top-editArea-bottom));\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n\ttransition: bottom var(--transition-fast);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-editArea_form {\n\t\tflex-direction: row;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props, Slots } from './types';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\ndefineSlots<Slots>();\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title || $slots.caption\"\n\t\t\tclass=\"top-editArea_caption\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t<slot name=\"caption\">\n\t\t\t\t{{ title }}\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-forms-focusable': true,\n\t\t\t\t'top-as-input': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ cancelText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ submitText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\t--top-editArea-bottom: env(keyboard-inset-height, 0px);\n\t--top-editArea-offset-bottom: 0px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_caption {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\t--top-forms-border-width: 0px;\n\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\talign-self: flex-end;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tposition: fixed;\n\tbottom: calc(var(--top-editArea-offset-bottom) + var(--top-editArea-bottom));\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n\ttransition: bottom var(--transition-fast);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-editArea_form {\n\t\tflex-direction: row;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Emits, Props } from './types';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(() => props.modelValue, () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t>\n\t\t\t<template #caption v-if=\"$slots.caption\">\n\t\t\t\t<slot name=\"caption\"></slot>\n\t\t\t</template>\n\t\t</TopInput>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue || alwaysShowSubmitBtn\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Emits, Props } from './types';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(() => props.modelValue, () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t>\n\t\t\t<template #caption v-if=\"$slots.caption\">\n\t\t\t\t<slot name=\"caption\"></slot>\n\t\t\t</template>\n\t\t</TopInput>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue || alwaysShowSubmitBtn\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Props } from './types';\nimport TopCheckbox from '@/components/forms/checkbox/checkbox.vue';\nimport TopRadio from '@/components/forms/radio/radio.vue';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst elRef = ref<HTMLElement | null>(null);\n\nwatch(model, () => {\n\tconst valuesAvailable = props.items.map(item => item.value);\n\n\tif (Array.isArray(model.value)) {\n\t\t// есть ли неподдерживаемые значения\n\t\tconst valueIsWrong = model.value.find((value) => {\n\t\t\treturn !valuesAvailable.includes(value);\n\t\t});\n\n\t\tif (valueIsWrong) {\n\t\t\t// оставить только поддерживаемые значения\n\t\t\tmodel.value = model.value.filter((value) => {\n\t\t\t\treturn valuesAvailable.includes(value);\n\t\t\t});\n\t\t}\n\t} else {\n\t\tif (!valuesAvailable.includes(model.value)) {\n\t\t\tmodel.value = valuesAvailable[0] ?? '';\n\t\t}\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst name = 'optionGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-optionGroup']: true,\n\t\t\t['top-optionGroup-showIndicator_' + Number(showIndicator)]: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<template v-if=\"Array.isArray(model)\">\n\t\t\t<TopCheckbox\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: model.includes(item.value),\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopCheckbox>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<TopRadio\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: item.value === model,\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopRadio>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n.top-optionGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-optionGroup_item {\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 1px var(--top-padding-2);\n\tcolor: var(--color-text-2);\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: var(--top-gap-1);\n}\n\n.top-optionGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item > .top-forms-optionLabel {\n\tflex-grow: 0;\n}\n\n/* indicator */\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item {\n\tjustify-content: center;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item:has(:focus-visible) {\n\toutline: 2px solid var(--color-bg-primary-2);\n\toutline-offset: -1px;\n}\n\n.top-optionGroup-showIndicator_1 > .top-optionGroup_item {\n\tpadding: 1px 3px;\n\tjustify-content: flex-start;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item > .top-forms-option {\n\topacity: 0;\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n}\n\n.top-optionGroup_item > .top-forms-option {\n\torder: -1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { Props } from './types';\nimport TopCheckbox from '@/components/forms/checkbox/checkbox.vue';\nimport TopRadio from '@/components/forms/radio/radio.vue';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst elRef = ref<HTMLElement | null>(null);\n\nwatch(model, () => {\n\tconst valuesAvailable = props.items.map(item => item.value);\n\n\tif (Array.isArray(model.value)) {\n\t\t// есть ли неподдерживаемые значения\n\t\tconst valueIsWrong = model.value.find((value) => {\n\t\t\treturn !valuesAvailable.includes(value);\n\t\t});\n\n\t\tif (valueIsWrong) {\n\t\t\t// оставить только поддерживаемые значения\n\t\t\tmodel.value = model.value.filter((value) => {\n\t\t\t\treturn valuesAvailable.includes(value);\n\t\t\t});\n\t\t}\n\t} else {\n\t\tif (!valuesAvailable.includes(model.value)) {\n\t\t\tmodel.value = valuesAvailable[0] ?? '';\n\t\t}\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst name = 'optionGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-optionGroup']: true,\n\t\t\t['top-optionGroup-showIndicator_' + Number(showIndicator)]: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<template v-if=\"Array.isArray(model)\">\n\t\t\t<TopCheckbox\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: model.includes(item.value),\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopCheckbox>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<TopRadio\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-optionGroup_item-selected']: item.value === model,\n\t\t\t\t\t['top-optionGroup_item']: true,\n\t\t\t\t}\"\n\t\t\t\tv-for=\"item of items\"\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t:isError\n\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"item.label\">\n\t\t\t\t\t{{ item.label }}\n\t\t\t\t</template>\n\t\t\t</TopRadio>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n.top-optionGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-optionGroup_item {\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 1px var(--top-padding-2);\n\tcolor: var(--color-text-2);\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: var(--top-gap-1);\n}\n\n.top-optionGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n.top-optionGroup_item > .top-forms-optionLabel {\n\tflex-grow: 0;\n}\n\n/* indicator */\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item {\n\tjustify-content: center;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item:has(:focus-visible) {\n\toutline: 2px solid var(--color-bg-primary-2);\n\toutline-offset: -1px;\n}\n\n.top-optionGroup-showIndicator_1 > .top-optionGroup_item {\n\tpadding: 1px 3px;\n\tjustify-content: flex-start;\n}\n\n.top-optionGroup-showIndicator_0 > .top-optionGroup_item > .top-forms-option {\n\topacity: 0;\n\twidth: 0;\n\theight: 0;\n\tposition: absolute;\n}\n\n.top-optionGroup_item > .top-forms-option {\n\torder: -1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-radioGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-radioGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-checkboxGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script setup lang=\"ts\">\nimport OptionGroup from '../libs/optionGroup/optionGroup.vue';\n\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<OptionGroup\n\t\tclass=\"top-checkboxGroup\"\n\t\tv-model=\"model\"\n\t\t:items=\"$props.items\"\n\t\t:size=\"$props.size\"\n\t\t:showIndicator=\"$props.showIndicator\"\n\t\t:isError=\"$props.isError\"\n\t>\n\t\t<slot/>\n\t</OptionGroup>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Props, Slots } from './types';\n\nwithDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n\tsize: 'default',\n});\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-info']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-info-styling_' + styling]: true,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<div class=\"top-info_text\">\n\t\t\t<slot></slot>\n\t\t</div>\n\n\t\t<span v-if=\"$slots.additional\" class=\"top-info_value\">\n\t\t\t<slot name=\"additional\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<style>\n.top-info {\n\t--top-icon-width: var(--top-icon-size);\n\n\tborder-radius: var(--top-forms-radius);\n\tbox-sizing: border-box;\n\tmin-height: var(--top-forms-base-height);\n\tpadding: var(--top-padding-1) var(--top-padding-2);\n\tflex-grow: 5;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: var(--top-gap-2);\n}\n\n.top-info_text {\n\tflex-grow: 1;\n}\n\n.top-info_value {\n\tfont-weight: bold;\n}\n\n/* size */\n.top-info.top-size_default {\n\tborder-radius: var(--top-radius-3);\n\tpadding: var(--top-padding-4);\n}\n\n/* styling */\n.top-info-styling_default {\n\t--top-icon-color: var(--color-text-2);\n\n\tbackground: var(--color-layer-1);\n}\n\n.top-info-styling_info {\n\t--top-icon-color: var(--color-text-primary);\n\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-info-styling_warning {\n\t--top-icon-color: var(--color-text-warning);\n\n\tbackground: var(--color-layer-warning-1);\n}\n\n.top-info-styling_negative {\n\t--top-icon-color: var(--color-text-negative);\n\n\tbackground: var(--color-layer-negative-1);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Props, Slots } from './types';\n\nwithDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n\tsize: 'default',\n});\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-info']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-info-styling_' + styling]: true,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<div class=\"top-info_text\">\n\t\t\t<slot></slot>\n\t\t</div>\n\n\t\t<span v-if=\"$slots.additional\" class=\"top-info_value\">\n\t\t\t<slot name=\"additional\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<style>\n.top-info {\n\t--top-icon-width: var(--top-icon-size);\n\n\tborder-radius: var(--top-forms-radius);\n\tbox-sizing: border-box;\n\tmin-height: var(--top-forms-base-height);\n\tpadding: var(--top-padding-1) var(--top-padding-2);\n\tflex-grow: 5;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: var(--top-gap-2);\n}\n\n.top-info_text {\n\tflex-grow: 1;\n}\n\n.top-info_value {\n\tfont-weight: bold;\n}\n\n/* size */\n.top-info.top-size_default {\n\tborder-radius: var(--top-radius-3);\n\tpadding: var(--top-padding-4);\n}\n\n/* styling */\n.top-info-styling_default {\n\t--top-icon-color: var(--color-text-2);\n\n\tbackground: var(--color-layer-1);\n}\n\n.top-info-styling_info {\n\t--top-icon-color: var(--color-text-primary);\n\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-info-styling_warning {\n\t--top-icon-color: var(--color-text-warning);\n\n\tbackground: var(--color-layer-warning-1);\n}\n\n.top-info-styling_negative {\n\t--top-icon-color: var(--color-text-negative);\n\n\tbackground: var(--color-layer-negative-1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { TopButton } from '@/components/forms/forms';\nimport type { Emits, Props } from '@/components/formsExt/policy/types';\n\ndefineProps<Props>();\nconst emits = defineEmits<Emits>();\n\nconst isVisible = ref(true);\n\nconst onAccept = () => {\n\tisVisible.value = false;\n\n\temits('accept');\n};\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"isVisible\"\n\t\tclass=\"top-policy\"\n\t>\n\t\t<div class=\"top-policy_title\">\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"top-policy_description\"\n\t\t\tv-html=\"description\"\n\t\t></div>\n\n\t\t<TopButton\n\t\t\tsize=\"m\"\n\t\t\t@click=\"onAccept\"\n\t\t>\n\t\t\t{{ acceptText }}\n\t\t</TopButton>\n\t</div>\n</template>\n\n<style>\n.top-policy {\n\tbox-sizing: border-box;\n\tbox-shadow: var(--top-shadow-b);\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-lightning-1);\n\twidth: 600px;\n\tpadding: var(--top-padding-4);\n\tposition: fixed;\n\tright: var(--top-gap-10);\n\tbottom: var(--top-gap-10);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-4);\n\tz-index: 10000;\n}\n\n.top-policy_title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n.top-policy_description {\n\tfont-size: 14px;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-policy {\n\t\twidth: 100%;\n\t\tright: 0;\n\t\tbottom: calc(var(--top-gap-5) + var(--toolbar-height, 0px));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { TopButton } from '@/components/forms/forms';\nimport type { Emits, Props } from '@/components/formsExt/policy/types';\n\ndefineProps<Props>();\nconst emits = defineEmits<Emits>();\n\nconst isVisible = ref(true);\n\nconst onAccept = () => {\n\tisVisible.value = false;\n\n\temits('accept');\n};\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"isVisible\"\n\t\tclass=\"top-policy\"\n\t>\n\t\t<div class=\"top-policy_title\">\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"top-policy_description\"\n\t\t\tv-html=\"description\"\n\t\t></div>\n\n\t\t<TopButton\n\t\t\tsize=\"m\"\n\t\t\t@click=\"onAccept\"\n\t\t>\n\t\t\t{{ acceptText }}\n\t\t</TopButton>\n\t</div>\n</template>\n\n<style>\n.top-policy {\n\tbox-sizing: border-box;\n\tbox-shadow: var(--top-shadow-b);\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-lightning-1);\n\twidth: 600px;\n\tpadding: var(--top-padding-4);\n\tposition: fixed;\n\tright: var(--top-gap-10);\n\tbottom: var(--top-gap-10);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-4);\n\tz-index: 10000;\n}\n\n.top-policy_title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n.top-policy_description {\n\tfont-size: 14px;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-policy {\n\t\twidth: 100%;\n\t\tright: 0;\n\t\tbottom: calc(var(--top-gap-5) + var(--toolbar-height, 0px));\n\t}\n}\n</style>\n"],"mappings":"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"}