@topvisor/ui 1.4.1-titleHTML.0 → 1.4.1-titleHTML.21

package/.chunks/{notice-B_txXVCr.es.js → notice-CGgc2m0q.es.js}

@@ -4,7 +4,7 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
 import { reactive as N, defineComponent as B, ref as _, computed as H, resolveComponent as z, withDirectives as D, createElementBlock as a, openBlock as l, normalizeClass as E, createElementVNode as M, createBlock as C, createCommentVNode as T, mergeProps as L, Fragment as S, renderList as x, Teleport as j, unref as O, normalizeStyle as V } from "vue";
-import { C as h } from "./forms-Dz-wIQ-s.es.js";
+import { C as h } from "./forms-BAUgA7Ct.es.js";
 import { genIntHash as A, nl2br as F } from "../utils/string.js";
 const y = 300, u = N(/* @__PURE__ */ new Map()), J = (e, i, t) => "top-notice_" + A(e + i + JSON.stringify(t)), oe = (e, i = "info", t) => {
   let d = "";
@@ -188,4 +188,4 @@ export {
   ne as default,
   oe as show
 };
-//# sourceMappingURL=notice-B_txXVCr.es.js.map
+//# sourceMappingURL=notice-CGgc2m0q.es.js.map

package/.chunks/{notice-B_txXVCr.es.js.map → notice-CGgc2m0q.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notice-B_txXVCr.es.js","sources":["../../src/components/core/notice/utils.ts","../../src/components/core/notice/item/item.vue","../../src/components/core/notice/notice.vue"],"sourcesContent":["import { reactive } from 'vue';\nimport type { Props as ItemProps, Props, Style } from '@/components/core/notice/item/types';\nimport Core from '@/core/core/core';\nimport { genIntHash } from '@/core/utils/string';\n\nexport const transitionDuration = 300;\n\nexport type Item = Props & { onClose?: Function };\n\nexport const itemById = reactive(new Map<string, Item>());\n\nconst genItemId = (text: ItemProps['text'], style: ItemProps['style'], options?: Options) => {\n\treturn 'top-notice_' + genIntHash(text + style + JSON.stringify(options));\n};\n\nexport type Options = {\n\ttitle?: ItemProps['title'],\n\tmetaText?: ItemProps['metaText'],\n\tbuttonProps?: ItemProps['buttonProps'],\n\tbuttonsProps?: ItemProps['buttonsProps'],\n\tisSafeHTML?: ItemProps['isSafeHTML'],\n\tselectToClose?: ItemProps['selectToClose'],\n\tonClose?: Function\n}\n\n/**\n * Показать сообщением в стиле push уведомления\n *\n * title будет получен из первой строки text\n *\n * Если в options указан title, он будет взят оттуда\n */\nexport const show = (text: string, style: Style = 'info', options?: Options) => {\n\tlet title = '';\n\n\ttext = String(text);\n\n\tconst id = genItemId(text, style, options);\n\n\tif (options?.title) {\n\t\ttitle = options.title;\n\t} else {\n\t\tconst chunks = text.split('\\n');\n\n\t\tif (chunks.length) {\n\t\t\ttitle = String(chunks.shift());\n\t\t\ttext = chunks.join('\\n');\n\t\t}\n\t}\n\n\tconst itemExists = itemById.get(id);\n\tif (itemExists) {\n\t\thightlight(itemExists);\n\n\t\treturn;\n\t}\n\n\tconst item: Item = {\n\t\tid,\n\t\ttitle,\n\t\ttext,\n\t\tstyle,\n\t\tbuttonProps: options?.buttonProps,\n\t\tbuttonsProps: options?.buttonsProps,\n\t\tmetaText: options?.metaText,\n\t\tisSafeHTML: options?.isSafeHTML,\n\t\tselectToClose: options?.selectToClose,\n\t\tonClose: options?.onClose,\n\t};\n\n\titemById.set(item.id, item);\n\n\tif (itemById.size > 5) {\n\t\tconst [_firstId, firstItem] = [...itemById].at(0) || [];\n\t\tif (firstItem) close(firstItem);\n\t}\n\n\t/**\n\t * Автозакрытие ошибок форм\n\t *\n\t * Добавляет\n\t */\n\tif (Core.state.isMobile) {\n\t\t$('input').one('click', () => close(item));\n\t}\n};\n\nconst hightlight = (item: Item) => {\n\titem.hightlight = true;\n\n\tsetTimeout(() => item.hightlight = false, transitionDuration);\n};\n\nconst close = (item: Item) => {\n\titem.forceClosed = true;\n\n\tsetTimeout(() => {\n\t\titem.onClose?.();\n\n\t\titemById.delete(item.id);\n\t}, transitionDuration);\n};\n\n/**\n * Убрать подозрительный html код\n */\nexport const prepareText = (text: string) => {\n\tconst textNoSafety = 'hacking was detected';\n\n\ttext = text.replace(/<script/g, textNoSafety);\n\ttext = text.replace(/<img/g, textNoSafety);\n\ttext = text.replace(/<iframe/g, textNoSafety);\n\ttext = text.replace(/javascript:/g, textNoSafety);\n\ttext = text.replace(/<[^>]+ (@|on)\\w+=[^>]+>?/g, textNoSafety);\n\n\treturn text;\n};\n","<script setup lang=\"ts\">\nimport { computed, ref, withDefaults } from 'vue';\n\nimport Core from '@/core/core/core';\nimport { nl2br } from '@/core/utils/string';\n\nimport type { Emits, Props } from './types';\nimport { prepareText, transitionDuration } from '@/components/core/notice/utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tselectToClose: true,\n});\n\nconst emit = defineEmits<Emits>();\n\n// анимация появления\nconst showed = ref(false);\nsetTimeout(() => showed.value = true, 10);\n\n// анимация закрытия\nconst closed = ref(false);\nconst closedDirection = ref<'top' | 'right' | 'bottom' | 'left'>('right');\n\nconst title = computed(() => {\n\tlet res = props.title.replace(/ {2}/g, '&nbsp;');\n\n\tif (!props.isSafeHTML) res = prepareText(res);\n\n\treturn res;\n});\n\nconst text = computed(() => {\n\tlet res = nl2br(props.text);\n\n\tres = res.replace(/ {2}/g, '&nbsp;');\n\n\tif (!props.isSafeHTML) res = prepareText(res);\n\n\treturn res;\n});\n\nconst close = (direction?: typeof closedDirection.value) => {\n\tclosed.value = true;\n\n\tif (direction) {\n\t\tclosedDirection.value = direction;\n\t}\n\n\tsetTimeout(() => emit('close'), transitionDuration);\n};\n\nconst onClick = (e: MouseEvent) => {\n\tif (!props.selectToClose) return;\n\n\tconst { tagName } = e.target as HTMLElement;\n\n\tif (tagName === 'A') close();\n\tif (tagName === 'BUTTON') close();\n};\n\nconst vSwipe = {\n\tmounted: (el: HTMLElement) => {\n\t\tif (!Core.state.isMobile) return;\n\n\t\tif (!Core.$ || !Core.$.ui['draggable']) return;\n\n\t\tlet direction: typeof closedDirection.value = 'right';\n\n\t\tlet axis = 'x';\n\t\t// if (getOS() === 'iOS') axis = 'y';\n\n\t\tCore.$(el).draggable({\n\t\t\trevert: false,\n\t\t\taxis,\n\t\t\tdrag: (_e, ui) => {\n\t\t\t\tif (axis == 'x') {\n\t\t\t\t\tdirection = ui.position.left > 0 ? 'right' : 'left';\n\t\t\t\t} else {\n\t\t\t\t\tdirection = ui.position.top > 0 ? 'bottom' : 'top';\n\t\t\t\t}\n\t\t\t},\n\t\t\tstop: (_e, _ui) => {\n\t\t\t\tclose(direction);\n\t\t\t},\n\t\t});\n\t},\n};\n\n// const vSwipe = {\n// \tmounted: (el: HTMLElement) => {\n// \t\tconst { distanceX, direction } = usePointerSwipe(el, {\n// \t\t\tdisableTextSelect: true,\n// \t\t\tonSwipe(e: PointerEvent) {\n// \t\t\t\tleft.value = -distanceX.value + 'px';\n// \t\t\t},\n// \t\t\tonSwipeEnd: (_e, direction) => {\n// \t\t\t\tclose(direction);\n// \t\t\t},\n// \t\t});\n// \t},\n// };\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-notice_item\"\n\t\t:class=\"{\n\t\t\t['top-notice_item-' + style]: true,\n\t\t\t'top-notice_item-hightlight': hightlight,\n\t\t\t'top-notice_item-showed': showed,\n\t\t\t'top-notice_item-closed': closed || forceClosed,\n\t\t\t['top-notice_item-closed_' + closedDirection]: closed,\n\t\t}\"\n\t\t@click=\"onClick\"\n\t\tv-swipe\n\t>\n\t\t<div class=\"top-notice_itemTextWrapper\">\n\t\t\t<div v-if=\"title\" class=\"top-notice_itemTitle\" v-html=\"title\"></div>\n\t\t\t<div v-if=\"text\" class=\"top-notice_itemText\" v-html=\"text\"></div>\n\t\t</div>\n\n\t\t<TopButton\n\t\t\tv-if=\"buttonProps\"\n\t\t\tclass=\"top-notice_itemButton\"\n\t\t\tsize=\"s\"\n\t\t\t:=\"buttonProps\"\n\t\t\t:title=\"buttonProps.title\"\n\t\t\tv-html=\"buttonProps.default\"\n\t\t\t@click=\"close()\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"buttonsProps?.length\"\n\t\t\tclass=\"top-notice_itemButtons\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\tv-for=\"buttonProps in buttonsProps\"\n\t\t\t\tclass=\"top-notice_itemButton\"\n\t\t\t\tsize=\"s\"\n\t\t\t\t:=\"buttonProps\"\n\t\t\t\t:title=\"buttonProps.title\"\n\t\t\t\tv-html=\"buttonProps.default\"\n\t\t\t\t@click=\"close()\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div v-if=\"metaText\" class=\"top-notice_itemMetaText\" v-html=\"metaText\"></div>\n\n\t\t<div\n\t\t\tclass=\"top-notice_itemClose\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t@click=\"() => close()\"\n\t\t></div>\n\t</div>\n</template>\n\n<style>\n@import \"style.css\";\n</style>\n","<!-- performance all in one file component, для Core.notice() -->\n<script lang=\"ts\">\nexport { show } from './utils';\n</script>\n\n<script setup lang=\"ts\">\nimport type { Item } from './utils';\nimport { itemById } from './utils';\n\nimport type { Props } from './types';\nimport TopNoticeItem from './item/item.vue';\n\ndefineProps<Props>();\n\nconst onCloseItem = (item: Item) => {\n\titem.onClose?.();\n\n\titemById.delete(item.id);\n};\n</script>\n\n<template>\n\t<teleport to=\"body\">\n\t\t<div class=\"top-notice\">\n\t\t\t<TopNoticeItem\n\t\t\t\tv-for=\"[_index, item] in itemById\"\n\t\t\t\t:key=\"item.id\"\n\t\t\t\t:id=\"item.id\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:text=\"item.text\"\n\t\t\t\t:style=\"item.style\"\n\t\t\t\t:buttonProps=\"item.buttonProps\"\n\t\t\t\t:buttonsProps=\"item.buttonsProps\"\n\t\t\t\t:metaText=\"item.metaText\"\n\t\t\t\t:isSafeHTML=\"item.isSafeHTML\"\n\t\t\t\t:forceClosed=\"item.forceClosed\"\n\t\t\t\t:hightlight=\"item.hightlight\"\n\t\t\t\t@close=\"onCloseItem(item)\"\n\t\t\t/>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n:root {\n\t--top-notice-top: var(--top-padding-4);\n\t--top-notice-right: var(--top-padding-4);\n}\n\n.top-notice {\n\twidth: 400px;\n\tfont-size: 14px;\n\tposition: fixed; top: var(--top-notice-top); right: var(--top-notice-right);\n\tz-index: 1000010;\n\tdisplay: flex; flex-direction: column-reverse; gap: var(--top-gap-2);\n}\n\n.top-notice ul {\n\tpadding: 0 0 0 var(--top-padding-5);\n}\n\n@media only screen and (max-width: 600px) {\n\t:root {\n\t\t--top-notice-top: var(--top-padding-4);\n\t\t--top-notice-right: var(--top-padding-4);\n\t}\n\n\t.top-notice { width: auto; left: var(--top-notice-right); }\n}\n</style>\n"],"names":["transitionDuration","itemById","reactive","genItemId","text","style","options","genIntHash","show","title","id","chunks","itemExists","hightlight","item","_firstId","firstItem","Core","close","prepareText","textNoSafety","props","__props","emit","__emit","showed","ref","closed","closedDirection","computed","res","nl2br","direction","onClick","e","tagName","vSwipe","el","_e","ui","_ui","_createElementBlock","_createElementVNode","_hoisted_1","_openBlock","_createBlock","_component_TopButton","_mergeProps","_hoisted_4","_Fragment","_renderList","buttonProps","$i18n","onCloseItem","_Teleport","_unref","_index","TopNoticeItem","_normalizeStyle","$event"],"mappings":"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"}
+{"version":3,"file":"notice-CGgc2m0q.es.js","sources":["../../src/components/core/notice/utils.ts","../../src/components/core/notice/item/item.vue","../../src/components/core/notice/notice.vue"],"sourcesContent":["import { reactive } from 'vue';\nimport type { Props as ItemProps, Props, Style } from '@/components/core/notice/item/types';\nimport Core from '@/core/core/core';\nimport { genIntHash } from '@/core/utils/string';\n\nexport const transitionDuration = 300;\n\nexport type Item = Props & { onClose?: Function };\n\nexport const itemById = reactive(new Map<string, Item>());\n\nconst genItemId = (text: ItemProps['text'], style: ItemProps['style'], options?: Options) => {\n\treturn 'top-notice_' + genIntHash(text + style + JSON.stringify(options));\n};\n\nexport type Options = {\n\ttitle?: ItemProps['title'],\n\tmetaText?: ItemProps['metaText'],\n\tbuttonProps?: ItemProps['buttonProps'],\n\tbuttonsProps?: ItemProps['buttonsProps'],\n\tisSafeHTML?: ItemProps['isSafeHTML'],\n\tselectToClose?: ItemProps['selectToClose'],\n\tonClose?: Function\n}\n\n/**\n * Показать сообщением в стиле push уведомления\n *\n * title будет получен из первой строки text\n *\n * Если в options указан title, он будет взят оттуда\n */\nexport const show = (text: string, style: Style = 'info', options?: Options) => {\n\tlet title = '';\n\n\ttext = String(text);\n\n\tconst id = genItemId(text, style, options);\n\n\tif (options?.title) {\n\t\ttitle = options.title;\n\t} else {\n\t\tconst chunks = text.split('\\n');\n\n\t\tif (chunks.length) {\n\t\t\ttitle = String(chunks.shift());\n\t\t\ttext = chunks.join('\\n');\n\t\t}\n\t}\n\n\tconst itemExists = itemById.get(id);\n\tif (itemExists) {\n\t\thightlight(itemExists);\n\n\t\treturn;\n\t}\n\n\tconst item: Item = {\n\t\tid,\n\t\ttitle,\n\t\ttext,\n\t\tstyle,\n\t\tbuttonProps: options?.buttonProps,\n\t\tbuttonsProps: options?.buttonsProps,\n\t\tmetaText: options?.metaText,\n\t\tisSafeHTML: options?.isSafeHTML,\n\t\tselectToClose: options?.selectToClose,\n\t\tonClose: options?.onClose,\n\t};\n\n\titemById.set(item.id, item);\n\n\tif (itemById.size > 5) {\n\t\tconst [_firstId, firstItem] = [...itemById].at(0) || [];\n\t\tif (firstItem) close(firstItem);\n\t}\n\n\t/**\n\t * Автозакрытие ошибок форм\n\t *\n\t * Добавляет\n\t */\n\tif (Core.state.isMobile) {\n\t\t$('input').one('click', () => close(item));\n\t}\n};\n\nconst hightlight = (item: Item) => {\n\titem.hightlight = true;\n\n\tsetTimeout(() => item.hightlight = false, transitionDuration);\n};\n\nconst close = (item: Item) => {\n\titem.forceClosed = true;\n\n\tsetTimeout(() => {\n\t\titem.onClose?.();\n\n\t\titemById.delete(item.id);\n\t}, transitionDuration);\n};\n\n/**\n * Убрать подозрительный html код\n */\nexport const prepareText = (text: string) => {\n\tconst textNoSafety = 'hacking was detected';\n\n\ttext = text.replace(/<script/g, textNoSafety);\n\ttext = text.replace(/<img/g, textNoSafety);\n\ttext = text.replace(/<iframe/g, textNoSafety);\n\ttext = text.replace(/javascript:/g, textNoSafety);\n\ttext = text.replace(/<[^>]+ (@|on)\\w+=[^>]+>?/g, textNoSafety);\n\n\treturn text;\n};\n","<script setup lang=\"ts\">\nimport { computed, ref, withDefaults } from 'vue';\n\nimport Core from '@/core/core/core';\nimport { nl2br } from '@/core/utils/string';\n\nimport type { Emits, Props } from './types';\nimport { prepareText, transitionDuration } from '@/components/core/notice/utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tselectToClose: true,\n});\n\nconst emit = defineEmits<Emits>();\n\n// анимация появления\nconst showed = ref(false);\nsetTimeout(() => showed.value = true, 10);\n\n// анимация закрытия\nconst closed = ref(false);\nconst closedDirection = ref<'top' | 'right' | 'bottom' | 'left'>('right');\n\nconst title = computed(() => {\n\tlet res = props.title.replace(/ {2}/g, '&nbsp;');\n\n\tif (!props.isSafeHTML) res = prepareText(res);\n\n\treturn res;\n});\n\nconst text = computed(() => {\n\tlet res = nl2br(props.text);\n\n\tres = res.replace(/ {2}/g, '&nbsp;');\n\n\tif (!props.isSafeHTML) res = prepareText(res);\n\n\treturn res;\n});\n\nconst close = (direction?: typeof closedDirection.value) => {\n\tclosed.value = true;\n\n\tif (direction) {\n\t\tclosedDirection.value = direction;\n\t}\n\n\tsetTimeout(() => emit('close'), transitionDuration);\n};\n\nconst onClick = (e: MouseEvent) => {\n\tif (!props.selectToClose) return;\n\n\tconst { tagName } = e.target as HTMLElement;\n\n\tif (tagName === 'A') close();\n\tif (tagName === 'BUTTON') close();\n};\n\nconst vSwipe = {\n\tmounted: (el: HTMLElement) => {\n\t\tif (!Core.state.isMobile) return;\n\n\t\tif (!Core.$ || !Core.$.ui['draggable']) return;\n\n\t\tlet direction: typeof closedDirection.value = 'right';\n\n\t\tlet axis = 'x';\n\t\t// if (getOS() === 'iOS') axis = 'y';\n\n\t\tCore.$(el).draggable({\n\t\t\trevert: false,\n\t\t\taxis,\n\t\t\tdrag: (_e, ui) => {\n\t\t\t\tif (axis == 'x') {\n\t\t\t\t\tdirection = ui.position.left > 0 ? 'right' : 'left';\n\t\t\t\t} else {\n\t\t\t\t\tdirection = ui.position.top > 0 ? 'bottom' : 'top';\n\t\t\t\t}\n\t\t\t},\n\t\t\tstop: (_e, _ui) => {\n\t\t\t\tclose(direction);\n\t\t\t},\n\t\t});\n\t},\n};\n\n// const vSwipe = {\n// \tmounted: (el: HTMLElement) => {\n// \t\tconst { distanceX, direction } = usePointerSwipe(el, {\n// \t\t\tdisableTextSelect: true,\n// \t\t\tonSwipe(e: PointerEvent) {\n// \t\t\t\tleft.value = -distanceX.value + 'px';\n// \t\t\t},\n// \t\t\tonSwipeEnd: (_e, direction) => {\n// \t\t\t\tclose(direction);\n// \t\t\t},\n// \t\t});\n// \t},\n// };\n</script>\n\n<template>\n\t<div\n\t\tclass=\"top-notice_item\"\n\t\t:class=\"{\n\t\t\t['top-notice_item-' + style]: true,\n\t\t\t'top-notice_item-hightlight': hightlight,\n\t\t\t'top-notice_item-showed': showed,\n\t\t\t'top-notice_item-closed': closed || forceClosed,\n\t\t\t['top-notice_item-closed_' + closedDirection]: closed,\n\t\t}\"\n\t\t@click=\"onClick\"\n\t\tv-swipe\n\t>\n\t\t<div class=\"top-notice_itemTextWrapper\">\n\t\t\t<div v-if=\"title\" class=\"top-notice_itemTitle\" v-html=\"title\"></div>\n\t\t\t<div v-if=\"text\" class=\"top-notice_itemText\" v-html=\"text\"></div>\n\t\t</div>\n\n\t\t<TopButton\n\t\t\tv-if=\"buttonProps\"\n\t\t\tclass=\"top-notice_itemButton\"\n\t\t\tsize=\"s\"\n\t\t\t:=\"buttonProps\"\n\t\t\t:title=\"buttonProps.title\"\n\t\t\tv-html=\"buttonProps.default\"\n\t\t\t@click=\"close()\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"buttonsProps?.length\"\n\t\t\tclass=\"top-notice_itemButtons\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\tv-for=\"buttonProps in buttonsProps\"\n\t\t\t\tclass=\"top-notice_itemButton\"\n\t\t\t\tsize=\"s\"\n\t\t\t\t:=\"buttonProps\"\n\t\t\t\t:title=\"buttonProps.title\"\n\t\t\t\tv-html=\"buttonProps.default\"\n\t\t\t\t@click=\"close()\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div v-if=\"metaText\" class=\"top-notice_itemMetaText\" v-html=\"metaText\"></div>\n\n\t\t<div\n\t\t\tclass=\"top-notice_itemClose\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t@click=\"() => close()\"\n\t\t></div>\n\t</div>\n</template>\n\n<style>\n@import \"style.css\";\n</style>\n","<!-- performance all in one file component, для Core.notice() -->\n<script lang=\"ts\">\nexport { show } from './utils';\n</script>\n\n<script setup lang=\"ts\">\nimport type { Item } from './utils';\nimport { itemById } from './utils';\n\nimport type { Props } from './types';\nimport TopNoticeItem from './item/item.vue';\n\ndefineProps<Props>();\n\nconst onCloseItem = (item: Item) => {\n\titem.onClose?.();\n\n\titemById.delete(item.id);\n};\n</script>\n\n<template>\n\t<teleport to=\"body\">\n\t\t<div class=\"top-notice\">\n\t\t\t<TopNoticeItem\n\t\t\t\tv-for=\"[_index, item] in itemById\"\n\t\t\t\t:key=\"item.id\"\n\t\t\t\t:id=\"item.id\"\n\t\t\t\t:title=\"item.title\"\n\t\t\t\t:text=\"item.text\"\n\t\t\t\t:style=\"item.style\"\n\t\t\t\t:buttonProps=\"item.buttonProps\"\n\t\t\t\t:buttonsProps=\"item.buttonsProps\"\n\t\t\t\t:metaText=\"item.metaText\"\n\t\t\t\t:isSafeHTML=\"item.isSafeHTML\"\n\t\t\t\t:forceClosed=\"item.forceClosed\"\n\t\t\t\t:hightlight=\"item.hightlight\"\n\t\t\t\t@close=\"onCloseItem(item)\"\n\t\t\t/>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n:root {\n\t--top-notice-top: var(--top-padding-4);\n\t--top-notice-right: var(--top-padding-4);\n}\n\n.top-notice {\n\twidth: 400px;\n\tfont-size: 14px;\n\tposition: fixed; top: var(--top-notice-top); right: var(--top-notice-right);\n\tz-index: 1000010;\n\tdisplay: flex; flex-direction: column-reverse; gap: var(--top-gap-2);\n}\n\n.top-notice ul {\n\tpadding: 0 0 0 var(--top-padding-5);\n}\n\n@media only screen and (max-width: 600px) {\n\t:root {\n\t\t--top-notice-top: var(--top-padding-4);\n\t\t--top-notice-right: var(--top-padding-4);\n\t}\n\n\t.top-notice { width: auto; left: var(--top-notice-right); }\n}\n</style>\n"],"names":["transitionDuration","itemById","reactive","genItemId","text","style","options","genIntHash","show","title","id","chunks","itemExists","hightlight","item","_firstId","firstItem","Core","close","prepareText","textNoSafety","props","__props","emit","__emit","showed","ref","closed","closedDirection","computed","res","nl2br","direction","onClick","e","tagName","vSwipe","el","_e","ui","_ui","_createElementBlock","_createElementVNode","_hoisted_1","_openBlock","_createBlock","_component_TopButton","_mergeProps","_hoisted_4","_Fragment","_renderList","buttonProps","$i18n","onCloseItem","_Teleport","_unref","_index","TopNoticeItem","_normalizeStyle","$event"],"mappings":"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"}

package/.chunks/{page.vue_vue_type_script_setup_true_lang-BKQrX7yF.es.js → page.vue_vue_type_script_setup_true_lang-BMTt9SU8.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, provide as f, onMounted as w, getCurrentInstance as b, watch as D, createElementBlock as d, openBlock as i, unref as a, normalizeStyle as m, normalizeClass as r, createElementVNode as s, renderSlot as n, computed as C, resolveDirective as $, createCommentVNode as p, createBlock as h, Teleport as g, withDirectives as k } from "vue";
-import { g as T } from "./dialogs.vue_vue_type_script_setup_true_lang-DlvY7Imv.es.js";
-import { C as A } from "./forms-Dz-wIQ-s.es.js";
-import { b as B } from "./utils-CVP195Ai.es.js";
+import { g as T } from "./dialogs.vue_vue_type_script_setup_true_lang-DMhcuiHP.es.js";
+import { C as A } from "./forms-BAUgA7Ct.es.js";
+import { b as B } from "./utils-BYaZxGC1.es.js";
 const W = ["id", "data-view-page-active", "data-modal", "data-position"], G = /* @__PURE__ */ v({
   __name: "dialog",
   props: {
@@ -136,4 +136,4 @@ export {
   G as _,
   H as a
 };
-//# sourceMappingURL=page.vue_vue_type_script_setup_true_lang-BKQrX7yF.es.js.map
+//# sourceMappingURL=page.vue_vue_type_script_setup_true_lang-BMTt9SU8.es.js.map

package/.chunks/{page.vue_vue_type_script_setup_true_lang-BKQrX7yF.es.js.map → page.vue_vue_type_script_setup_true_lang-BMTt9SU8.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page.vue_vue_type_script_setup_true_lang-BKQrX7yF.es.js","sources":["../../src/components/dialog/dialog/dialog.vue","../../src/components/dialog/dialog/page/page.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, onMounted, provide, watch } from 'vue';\nimport { getDialogWorker } from './dialogs/dialogs.vue';\nimport type { Emits, Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '600px',\n\theight: 'auto',\n\tmodal: true,\n\thistoryType: 'push',\n});\n\ndefineEmits<Emits>();\n\ndefineSlots<Slots>();\n\nconst dialog = getDialogWorker(props.id);\nif (!dialog) {\n\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()');\n}\n\n/**\n * Для useTopDialogSelf()\n */\nprovide('dialogWorker', dialog);\n\n/**\n * Инициализация начального состояния TopDialogHandle\n */\nonMounted(() => {\n\tconst topDialogBaseComponent = getCurrentInstance() as ComponentInternalInstance;\n\tconst topDialogComponent = topDialogBaseComponent.parent;\n\n\tif (topDialogComponent?.parent?.type.name !== 'DialogWrapper') {\n\t\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog()');\n\t}\n\n\tif (Array.isArray(topDialogComponent.subTree.children) && topDialogComponent.subTree.children.length !== 1) {\n\t\tthrow new Error('TopDialog can has only one root element');\n\t}\n\n\tdialog.onMounted(topDialogComponent, topDialogBaseComponent);\n});\n\nwatch(dialog.isOpened, () => {\n\tdialog.isReady.value = true;\n}, {\n\tflush: 'post',\n\tonce: true,\n});\n</script>\n\n<template>\n\t<div\n\t\t:id=\"dialog.idAttr\"\n\t\tclass=\"top-dialog\"\n\t\t:class=\"classes\"\n\t\t:style=\"{\n\t\t\t'--top-dialog-width': width,\n\t\t\t'--top-dialog-height': height,\n\t\t}\"\n\t\ttabindex=\"-1\"\n\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t:data-modal=\"modal\"\n\t\t:data-position=\"position\"\n\t>\n\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t<slot name=\"default\"></slot>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Core from '@/core/core/core';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\torder: 0,\n});\n\ndefineSlots<Slots>();\n\nconst dialog = useTopDialogSelf();\n\nconst classes = computed(() => {\n\treturn {\n\t\tactive: dialog.pageActive?.value === props.name,\n\t\t'i-load-data': props.isLoading || dialog.isLoadingPage.value,\n\t};\n});\n</script>\n\n<template>\n\t<div\n\t\tstyle=\"display: none\"\n\t\tv-if=\"dialog.isReady.value\"\n\t>\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-header'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<div class=\"top-title\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<slot name=\"headerButtons\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"Core.state.isMobile && prevName\"\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Back\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"dialog.open(prevName)\"\n\t\t\t\t\t></div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\tdata-action=\"top-dialog-close\"\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-body'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\tclass=\"has_scroll_container\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{'--top-dialog-footer-height': $slots.footer ? undefined : '0px'}\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-body\" v-top-scroll-shadow>\n\t\t\t\t\t<slot name=\"body\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"modal-footer\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'modal-footer-fullWith': footerFullWith\n\t\t\t\t\t}\"\n\t\t\t\t\tv-if=\"$slots.footer\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n</template>\n"],"names":["dialog","getDialogWorker","__props","provide","onMounted","topDialogBaseComponent","getCurrentInstance","topDialogComponent","watch","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_createElementVNode","_renderSlot","_ctx","props","useTopDialogSelf","classes","computed","_openBlock","_hoisted_1","_createBlock","_Teleport","_hoisted_3","_hoisted_4","_hoisted_5","Core","$i18n","_cache","$event","$slots","_withDirectives","_hoisted_9"],"mappings":"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"}
+{"version":3,"file":"page.vue_vue_type_script_setup_true_lang-BMTt9SU8.es.js","sources":["../../src/components/dialog/dialog/dialog.vue","../../src/components/dialog/dialog/page/page.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, onMounted, provide, watch } from 'vue';\nimport { getDialogWorker } from './dialogs/dialogs.vue';\nimport type { Emits, Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '600px',\n\theight: 'auto',\n\tmodal: true,\n\thistoryType: 'push',\n});\n\ndefineEmits<Emits>();\n\ndefineSlots<Slots>();\n\nconst dialog = getDialogWorker(props.id);\nif (!dialog) {\n\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()');\n}\n\n/**\n * Для useTopDialogSelf()\n */\nprovide('dialogWorker', dialog);\n\n/**\n * Инициализация начального состояния TopDialogHandle\n */\nonMounted(() => {\n\tconst topDialogBaseComponent = getCurrentInstance() as ComponentInternalInstance;\n\tconst topDialogComponent = topDialogBaseComponent.parent;\n\n\tif (topDialogComponent?.parent?.type.name !== 'DialogWrapper') {\n\t\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog()');\n\t}\n\n\tif (Array.isArray(topDialogComponent.subTree.children) && topDialogComponent.subTree.children.length !== 1) {\n\t\tthrow new Error('TopDialog can has only one root element');\n\t}\n\n\tdialog.onMounted(topDialogComponent, topDialogBaseComponent);\n});\n\nwatch(dialog.isOpened, () => {\n\tdialog.isReady.value = true;\n}, {\n\tflush: 'post',\n\tonce: true,\n});\n</script>\n\n<template>\n\t<div\n\t\t:id=\"dialog.idAttr\"\n\t\tclass=\"top-dialog\"\n\t\t:class=\"classes\"\n\t\t:style=\"{\n\t\t\t'--top-dialog-width': width,\n\t\t\t'--top-dialog-height': height,\n\t\t}\"\n\t\ttabindex=\"-1\"\n\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t:data-modal=\"modal\"\n\t\t:data-position=\"position\"\n\t>\n\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t<slot name=\"default\"></slot>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Core from '@/core/core/core';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\torder: 0,\n});\n\ndefineSlots<Slots>();\n\nconst dialog = useTopDialogSelf();\n\nconst classes = computed(() => {\n\treturn {\n\t\tactive: dialog.pageActive?.value === props.name,\n\t\t'i-load-data': props.isLoading || dialog.isLoadingPage.value,\n\t};\n});\n</script>\n\n<template>\n\t<div\n\t\tstyle=\"display: none\"\n\t\tv-if=\"dialog.isReady.value\"\n\t>\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-header'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<div class=\"top-title\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<slot name=\"headerButtons\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"Core.state.isMobile && prevName\"\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Back\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"dialog.open(prevName)\"\n\t\t\t\t\t></div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\tdata-action=\"top-dialog-close\"\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-body'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\tclass=\"has_scroll_container\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{'--top-dialog-footer-height': $slots.footer ? undefined : '0px'}\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-body\" v-top-scroll-shadow>\n\t\t\t\t\t<slot name=\"body\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"modal-footer\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'modal-footer-fullWith': footerFullWith\n\t\t\t\t\t}\"\n\t\t\t\t\tv-if=\"$slots.footer\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n</template>\n"],"names":["dialog","getDialogWorker","__props","provide","onMounted","topDialogBaseComponent","getCurrentInstance","topDialogComponent","watch","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_createElementVNode","_renderSlot","_ctx","props","useTopDialogSelf","classes","computed","_openBlock","_hoisted_1","_createBlock","_Teleport","_hoisted_3","_hoisted_4","_hoisted_5","Core","$i18n","_cache","$event","$slots","_withDirectives","_hoisted_9"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,UAAMA,IAASC,EAXDC,EAWuB,EAAE;AACvC,QAAI,CAACF;AACJ,YAAM,IAAI,MAAM,kFAAkF;AAMnG,WAAAG,EAAQ,gBAAgBH,CAAM,GAK9BI,EAAU,MAAM;AACf,YAAMC,IAAyBC,EAAA,GACzBC,IAAqBF,EAAuB;AAElD,UAAIE,GAAoB,QAAQ,KAAK,SAAS;AAC7C,cAAM,IAAI,MAAM,4DAA4D;AAG7E,UAAI,MAAM,QAAQA,EAAmB,QAAQ,QAAQ,KAAKA,EAAmB,QAAQ,SAAS,WAAW;AACxG,cAAM,IAAI,MAAM,yCAAyC;AAG1D,MAAAP,EAAO,UAAUO,GAAoBF,CAAsB;AAAA,IAC5D,CAAC,GAEDG,EAAMR,EAAO,UAAU,MAAM;AAC5B,MAAAA,EAAO,QAAQ,QAAQ;AAAA,IACxB,GAAG;AAAA,MACF,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,CACN,mBAIAS,EAkBM,OAAA;AAAA,MAjBJ,IAAIC,EAAAV,CAAA,EAAO;AAAA,MACZ,OAAKW,EAAA,CAAC,cACET,EAAA,OAAO,CAAA;AAAA,MACd,OAAKU,EAAA;AAAA,8BAA6BV,EAAA;AAAA,+BAAiCA,EAAA;AAAA,MAAA;MAIpE,UAAS;AAAA,MACR,yBAAuBQ,EAAAV,CAAA,EAAO,WAAW;AAAA,MACzC,cAAYE,EAAA;AAAA,MACZ,iBAAeA,EAAA;AAAA,IAAA;sBAEhBW,EAAkD,OAAA,EAA7C,OAAM,iCAAA,GAAgC,MAAA,EAAA;AAAA,MAE3CA,EAAuF,OAAA;AAAA,QAAlF,OAAM;AAAA,QAAgC,yBAAsBX,EAAA,SAAM,MAAA;AAAA,MAAA;MAEvEY,EAA4BC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;;;;;;;;;;;ACjE9B,UAAMC,IAAQd,GAMRF,IAASiB,EAAA,GAETC,IAAUC,EAAS,OACjB;AAAA,MACN,QAAQnB,EAAO,YAAY,UAAUgB,EAAM;AAAA,MAC3C,eAAeA,EAAM,aAAahB,EAAO,cAAc;AAAA,IAAA,EAExD;;;aAMOU,EAAAV,CAAA,EAAO,QAAQ,SAFtBoB,KAAAX,EA6DM,OA7DNY,GA6DM;AAAA,cAzDLC,EAgCWC,GAAA;AAAA,UAhCA,IAAE,MAAQb,EAAAV,CAAA,EAAO,SAAM;AAAA,UAA4B,UAAQ,CAAGU,EAAAV,CAAA,EAAO,aAAaE,EAAA,IAAI;AAAA,QAAA;UAChGW,EA8BM,OAAA;AAAA,YA7BJ,cAAYX,EAAA;AAAA,YACZ,kBAAgBA,EAAA;AAAA,YAChB,SAAOgB,EAAA,KAAO;AAAA,UAAA;YAEfL,EAwBM,OAxBNW,GAwBM;AAAA,cAvBLX,EAEM,OAFNY,GAEM;AAAA,gBADLX,EAA2BC,EAAA,QAAA,QAAA;AAAA,cAAA;cAG5BF,EAEM,OAFNa,GAEM;AAAA,gBADLZ,EAAkCC,EAAA,QAAA,eAAA;AAAA,cAAA;cAI5BL,EAAAiB,CAAA,EAAK,MAAM,YAAYzB,EAAA,iBAD9BO,EAMO,OAAA;AAAA;gBAJN,OAAM;AAAA,gBACL,OAAOmB,EAAAA,MAAM,OAAO;AAAA,gBACrB,iBAAc;AAAA,gBACb,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEpB,EAAAV,CAAA,EAAO,KAAKE,EAAA,QAAQ;AAAA,cAAA,wBAG7BO,EAMO,OAAA;AAAA;gBAJN,OAAM;AAAA,gBACL,OAAOmB,EAAAA,MAAM,OAAO;AAAA,gBACrB,iBAAc;AAAA,gBACd,eAAY;AAAA,cAAA;;;;cAMhBN,EAsBWC,GAAA;AAAA,UAtBA,IAAE,MAAQb,EAAAV,CAAA,EAAO,SAAM;AAAA,UAA0B,UAAQ,CAAGU,EAAAV,CAAA,EAAO,aAAaE,EAAA,IAAI;AAAA,QAAA;UAC9FW,EAoBM,OAAA;AAAA,YAnBJ,cAAYX,EAAA;AAAA,YACZ,kBAAgBA,EAAA;AAAA,YACjB,OAAKS,EAAA,CAAC,wBACEO,EAAA,KAAO,CAAA;AAAA,YACd,OAAKN,EAAA,EAAA,8BAAiCmB,EAAAA,OAAO,SAAS,SAAS,MAAA,CAAA;AAAA,UAAA;YAEhEC,GAAAZ,EAAA,GAAAX,EAEM,OAFNwB,GAEM;AAAA,cADLnB,EAAyBC,EAAA,QAAA,MAAA;AAAA,YAAA;;;YAQnBgB,EAAAA,OAAO,eALdtB,EAQM,OAAA;AAAA;cAPL,UAAM,gBAAc;AAAA,yCACqBP,EAAA;AAAA,cAAA;;cAKzCY,EAA2BC,EAAA,QAAA,QAAA;AAAA,YAAA;;;;;;;"}

package/.chunks/{policy.vue_vue_type_style_index_0_lang-2tHXHN3e.es.js → policy.vue_vue_type_style_index_0_lang-LkyBILW6.es.js}

@@ -4,9 +4,9 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 	
 import { defineComponent as J, mergeModels as W, useModel as ee, ref as $, onMounted as ae, onUpdated as se, createElementBlock as L, openBlock as g, normalizeClass as ne, createCommentVNode as M, Fragment as F, renderList as z, createBlock as S, mergeProps as R, createSlots as U, withCtx as B, createTextVNode as E, toDisplayString as P, createVNode as te, createElementVNode as re, withModifiers as oe, computed as N, watch as H, toRef as O, resolveComponent as ie, resolveDirective as ue, unref as f, renderSlot as ce, withDirectives as Q, resolveDynamicComponent as fe } from "vue";
-import { e as X, b as de, C as Y, d as pe, u as ve, r as me } from "./forms-Dz-wIQ-s.es.js";
-import { _ as ye, b as Z } from "./popupHint.vue_vue_type_style_index_0_lang-DkmYKxyr.es.js";
-import { _ as he } from "./widgetInput.vue_vue_type_script_setup_true_lang-CCV8nSim.es.js";
+import { e as X, b as de, C as Y, d as pe, u as ve, s as me } from "./forms-BAUgA7Ct.es.js";
+import { _ as ye, b as Z } from "./popupHint.vue_vue_type_style_index_0_lang-BIWw5zUX.es.js";
+import { _ as he } from "./widgetInput.vue_vue_type_script_setup_true_lang-Brs-RxDI.es.js";
 import { invertKeyboardLayout as ge } from "../utils/keyboard.js";
 import { g as Ae } from "./field-CyyFzM-Y.es.js";
 const Ie = {
@@ -493,4 +493,4 @@ export {
   Ke as b,
   le as c
 };
-//# sourceMappingURL=policy.vue_vue_type_style_index_0_lang-2tHXHN3e.es.js.map
+//# sourceMappingURL=policy.vue_vue_type_style_index_0_lang-LkyBILW6.es.js.map

package/.chunks/{policy.vue_vue_type_style_index_0_lang-2tHXHN3e.es.js.map → policy.vue_vue_type_style_index_0_lang-LkyBILW6.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"policy.vue_vue_type_style_index_0_lang-2tHXHN3e.es.js","sources":["../../src/components/formsExt/menu/menu.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"],"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 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 { Props } from './types';\n\n/**\n * Список кешей для конкретного API метода\n */\nexport const cacheByMethod = new Map<Api.PathAbstract, Map<string, any>>();\n\n/**\n * Сброс кеша конкретного API метода\n */\nexport const clearCache = (apiPath: Api.PathAbstract) => {\n\tcacheByMethod.get(apiPath)?.clear();\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\treturn cacheByMethod.get(apiPath)?.get(cacheKey);\n};\n\nexport const setCache = (cacheKey: string, apiPath: Api.PathAbstract, data: any) => {\n\tif (!cacheByMethod.has(apiPath)) {\n\t\tcacheByMethod.set(apiPath, new Map());\n\t}\n\n\tcacheByMethod.get(apiPath)?.set(cacheKey, data);\n};\n","import { ref } from 'vue';\nimport { debounce } from '../../../../core/utils/lodash';\nimport type { Item, Props } from '../types';\nimport { genCacheKey, getCache, setCache } 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) => {\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\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 */\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\tmultiselect: Props['multiselect'],\n\tuseAllItem: Ref<Props['useAllItem']>,\n\tappendSearchToResult: Ref<Props['appendSearchToResult']>,\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\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\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\tconst name = item.name.toLowerCase();\n\t\t\t\t\tif (\n\t\t\t\t\t\titem.id === Number(searchString) ||\n\t\t\t\t\t\tname.includes(searchString) ||\n\t\t\t\t\t\tname.includes(searchStringInvertKeyboard)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (name === searchString || name === searchStringInvertKeyboard) {\n\t\t\t\t\t\t\t// точные совпадения в начало\n\t\t\t\t\t\t\titemsCategory.unshift(item);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\titemsCategory.push(item);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\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\n\t\t\t// результаты могут быть найдены, но не точные, тогда предложить добавить элемент\n\t\t\t!items.find((item) => item.name.toLowerCase() === searchString)\n\t\t) {\n\t\t\tconst itemNew = {\n\t\t\t\tid: ITEM_ID_NEW,\n\t\t\t\tname: searchText.value,\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\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\tif (item.listItemProps?.type === 'title' || item.listItemProps?.type === 'delimiter') {\n\t\t\treturn;\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\tif (item.id === ITEM_ID_NEW) {\n\t\t\temits('appendItem', 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} 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 } 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});\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 * @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\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);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\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\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\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: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<TopPopupWidgetInput\n\t\t\t\ttitle=\"Поиск\"\n\t\t\t\ticon=\"\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t:placeholder\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of 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:=\"item.listItemProps\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\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\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_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\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"],"names":["props","__props","model","_useModel","el","ref","itemIsActive","item","select","toggle","modelNew","index","onWheel","event","delta","scrollIntoView","isSmooth","elBtn","gap","leftMargin","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","isSafari","Core","selectAll","onMounted","onUpdated","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createBlock","TopButton","_mergeProps","$event","_createTextVNode","_toDisplayString","_openBlock","_hoisted_1","_createVNode","_createElementVNode","_cache","$emit","cacheByMethod","clearCache","apiPath","genCacheKey","api","userId","getCache","cacheKey","setCache","data","useAPI","apiSetSearchParams","minLength","useCache","items","isLoading","countLoading","searchText","nextOffset","callAPI","cache","res","indexWithError","load","append","loadDebounce","debounce","newSearchText","useDebounce","ITEM_ID_ALL","ITEM_ID_NEW","isSelected","modelValue","checkNameForNullId","itemSelected","apiSetSearchParamsFilter","search","fieldName","filters","filter","genFieldFilter","useMenu","emits","multiselect","useAllItem","appendSearchToResult","searchType","itemAll","useI18n","resetSearch","genIsShort","localItems","computed","itemsForShow","recalcItemsForShow","genItemsForShow","searchString","searchStringInvertKeyboard","invertKeyboardLayout","itemTitleCategory","itemsCategory","flushCategory","name","itemNew","selectItem","fieldsForWatch","watch","selectableItems","nextIndex","itemI","__emit","__expose","resetAPICache","menu","getPopup","searchTypeLocal","toRef","component","popupRef","placeholder","onOpenerKeydown","e","needOpen","symbolPressed","onClickChanger","onOpen","onClose","onScrollContentList","_unref","TopPopup","_withDirectives","_resolveDynamicComponent","Selector2ItemMulti","_hoisted_2","_hoisted_3","$slots","_renderSlot","_ctx","TopPopupListItem","$i18n","TopPreloader","_component_TopLoadbar","TopPopupWidgetInput"],"mappings":"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"}
+{"version":3,"file":"policy.vue_vue_type_style_index_0_lang-LkyBILW6.es.js","sources":["../../src/components/formsExt/menu/menu.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"],"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 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 { Props } from './types';\n\n/**\n * Список кешей для конкретного API метода\n */\nexport const cacheByMethod = new Map<Api.PathAbstract, Map<string, any>>();\n\n/**\n * Сброс кеша конкретного API метода\n */\nexport const clearCache = (apiPath: Api.PathAbstract) => {\n\tcacheByMethod.get(apiPath)?.clear();\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\treturn cacheByMethod.get(apiPath)?.get(cacheKey);\n};\n\nexport const setCache = (cacheKey: string, apiPath: Api.PathAbstract, data: any) => {\n\tif (!cacheByMethod.has(apiPath)) {\n\t\tcacheByMethod.set(apiPath, new Map());\n\t}\n\n\tcacheByMethod.get(apiPath)?.set(cacheKey, data);\n};\n","import { ref } from 'vue';\nimport { debounce } from '../../../../core/utils/lodash';\nimport type { Item, Props } from '../types';\nimport { genCacheKey, getCache, setCache } 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) => {\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\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 */\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\tmultiselect: Props['multiselect'],\n\tuseAllItem: Ref<Props['useAllItem']>,\n\tappendSearchToResult: Ref<Props['appendSearchToResult']>,\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\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\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\tconst name = item.name.toLowerCase();\n\t\t\t\t\tif (\n\t\t\t\t\t\titem.id === Number(searchString) ||\n\t\t\t\t\t\tname.includes(searchString) ||\n\t\t\t\t\t\tname.includes(searchStringInvertKeyboard)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (name === searchString || name === searchStringInvertKeyboard) {\n\t\t\t\t\t\t\t// точные совпадения в начало\n\t\t\t\t\t\t\titemsCategory.unshift(item);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\titemsCategory.push(item);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\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\n\t\t\t// результаты могут быть найдены, но не точные, тогда предложить добавить элемент\n\t\t\t!items.find((item) => item.name.toLowerCase() === searchString)\n\t\t) {\n\t\t\tconst itemNew = {\n\t\t\t\tid: ITEM_ID_NEW,\n\t\t\t\tname: searchText.value,\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\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\tif (item.listItemProps?.type === 'title' || item.listItemProps?.type === 'delimiter') {\n\t\t\treturn;\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\tif (item.id === ITEM_ID_NEW) {\n\t\t\temits('appendItem', 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} 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 } 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});\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 * @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\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);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\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\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\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: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<TopPopupWidgetInput\n\t\t\t\ttitle=\"Поиск\"\n\t\t\t\ticon=\"\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t:placeholder\n\t\t\t/>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of 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:=\"item.listItemProps\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\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\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_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\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"],"names":["props","__props","model","_useModel","el","ref","itemIsActive","item","select","toggle","modelNew","index","onWheel","event","delta","scrollIntoView","isSmooth","elBtn","gap","leftMargin","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","isSafari","Core","selectAll","onMounted","onUpdated","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createBlock","TopButton","_mergeProps","$event","_createTextVNode","_toDisplayString","_openBlock","_hoisted_1","_createVNode","_createElementVNode","_cache","$emit","cacheByMethod","clearCache","apiPath","genCacheKey","api","userId","getCache","cacheKey","setCache","data","useAPI","apiSetSearchParams","minLength","useCache","items","isLoading","countLoading","searchText","nextOffset","callAPI","cache","res","indexWithError","load","append","loadDebounce","debounce","newSearchText","useDebounce","ITEM_ID_ALL","ITEM_ID_NEW","isSelected","modelValue","checkNameForNullId","itemSelected","apiSetSearchParamsFilter","search","fieldName","filters","filter","genFieldFilter","useMenu","emits","multiselect","useAllItem","appendSearchToResult","searchType","itemAll","useI18n","resetSearch","genIsShort","localItems","computed","itemsForShow","recalcItemsForShow","genItemsForShow","searchString","searchStringInvertKeyboard","invertKeyboardLayout","itemTitleCategory","itemsCategory","flushCategory","name","itemNew","selectItem","fieldsForWatch","watch","selectableItems","nextIndex","itemI","__emit","__expose","resetAPICache","menu","getPopup","searchTypeLocal","toRef","component","popupRef","placeholder","onOpenerKeydown","e","needOpen","symbolPressed","onClickChanger","onOpen","onClose","onScrollContentList","_unref","TopPopup","_withDirectives","_resolveDynamicComponent","Selector2ItemMulti","_hoisted_2","_hoisted_3","$slots","_renderSlot","_ctx","TopPopupListItem","$i18n","TopPreloader","_component_TopLoadbar","TopPopupWidgetInput"],"mappings":"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"}

package/.chunks/{popup-DiKBvdXr.es.js → popup-CVHDbG9h.es.js}

@@ -1,4 +1,4 @@
-import { u as I, C as d } from "./forms-Dz-wIQ-s.es.js";
+import { u as I, C as d } from "./forms-BAUgA7Ct.es.js";
 import e from "../utils/dom.js";
 import { TopPopupWorker as n } from "../popup/worker.js";
 class P {
@@ -467,4 +467,4 @@ L.init();
 export {
   b as TopLibPopup
 };
-//# sourceMappingURL=popup-DiKBvdXr.es.js.map
+//# sourceMappingURL=popup-CVHDbG9h.es.js.map