@topvisor/ui 1.0.42-dev.2 → 1.0.42-dev.4

package/formsExt/formsExt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formsExt.js","sources":["../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/checkboxGroup/checkboxGroup.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/composables/useAPI.ts","../../src/components/formsExt/selector2/utils.ts","../../src/components/formsExt/selector2/composables/useMenu.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/info/info.vue","../../src/components/formsExt/policy/policy.vue","../../src/components/formsExt/formsExt.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport Button from '@/components/forms/button/button.vue';\nimport type { Emits, Props } from './types';\nimport Textarea from '@/components/forms/textarea/textarea.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdefaultValue: '',\n\tcancelText: 'Cancel',\n\tsubmitText: 'Send',\n\tcloseText: 'Close',\n\texpandable: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst localValue = ref(props.defaultValue);\n\nconst isFocused = ref(props.isFocused);\n\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\n\nconst submit = (value: string) => {\n\temit('submit', value);\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst cancel = () => {\n\tif (props.forceShowCloseBtn && !isChanged.value) {\n\t\temit('close');\n\n\t\treturn;\n\t}\n\n\tlocalValue.value = props.defaultValue;\n};\n\nconst clickOnTitle = () => {\n\tif (props.attachToKeyboard) emit('clickOnTitle');\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-editArea': true,\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tv-if=\"title\"\n\t\t\tclass=\"top-editArea_title\"\n\t\t\t@click=\"clickOnTitle()\"\n\t\t>\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-editArea_form': true,\n\t\t\t\t'top-forms-focusable': true,\n\t\t\t\t'top-as-input': true,\n\t\t\t\t'top-error': isError,\n\t\t\t\t'top-focus': isFocused,\n\t\t\t}\"\n\t\t>\n\t\t\t<Textarea\n\t\t\t\tv-model=\"localValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:rows=\"rows\"\n\t\t\t\t:minHeight=\"minHeight\"\n\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:isError=\"isError\"\n\t\t\t\t:hint=\"hint\"\n\t\t\t\tclass=\"top-editArea_element\"\n\t\t\t\t@focus=\"() => isFocused = true\"\n\t\t\t\t@blur=\"() => isFocused = false\"\n\t\t\t\t@keyup.esc=\"cancel\"\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\n\t\t\t/>\n\n\t\t\t<div class=\"top-editArea_footer\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"isChanged || forceShowCloseBtn\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\tstyling=\"soft\"\n\t\t\t\t\t@click=\"cancel\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ cancelText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-editArea_button\"\n\t\t\t\t\tv-if=\"isChanged\"\n\t\t\t\t\t:icon=\"$core.state.isMobile ? '': ''\"\n\t\t\t\t\t@click=\"submit(localValue)\"\n\t\t\t\t>\n\t\t\t\t\t<template\n\t\t\t\t\t\t#default\n\t\t\t\t\t\tv-if=\"!$core.state.isMobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ submitText }}\n\t\t\t\t\t</template>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-editArea {\n\t--top-editArea-bottom: env(keyboard-inset-height, 0px);\n\t--top-editArea-offset-bottom: 0px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.top-editArea_title {\n\tfont-size: 12px;\n}\n\n.top-editArea_form {\n\tflex-direction: column;\n}\n\n/* textarea в EditArea */\n.top-textarea {\n\twidth: 100%;\n}\n\n.top-editArea_element.top-textarea_textarea {\n\t--top-forms-border-width: 0px;\n\n\toutline: none;\n\tanimation: none;\n}\n\n/* footer */\n.top-editArea_footer {\n\tpadding: var(--top-forms-padding);\n\tdisplay: flex;\n\tmin-height: 32px;\n\talign-self: flex-end;\n\tjustify-content: flex-end;\n\tgap: var(--top-forms-padding);\n}\n\n/* attachedToKeyboard */\n.top-editArea-attachedToKeyboard {\n\tbackground: var(--top-forms-background-color);\n\tposition: fixed;\n\tbottom: calc(var(--top-editArea-offset-bottom) + var(--top-editArea-bottom));\n\tright: 0;\n\tleft: 0;\n\tz-index: 2;\n\tgap: 0;\n\ttransition: bottom var(--transition-fast);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_form {\n\tborder-radius: 0;\n\tborder: none;\n\tborder-top: 1px solid var(--top-forms-border-color);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_title {\n\tcursor: pointer;\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\tpadding: var(--top-forms-padding);\n}\n\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\n\tborder-radius: 100%;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-editArea_form{\n\t\tflex-direction: row;\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, toRef, watch } from 'vue';\nimport type { Emits, Props } from './types';\nimport TopInput from '@/components/forms/input/input.vue';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = defineProps<Props>();\n\nconst intermediateValue = ref(props.modelValue);\n\nwatch(toRef(props.modelValue), () => {\n\tintermediateValue.value = props.modelValue;\n});\n\nconst emit = defineEmits<Emits>();\n\nconst submit = () => {\n\temit('update:modelValue', intermediateValue.value);\n};\n</script>\n\n<template>\n\t<div class=\"top-editInput\">\n\t\t<TopInput\n\t\t\t:=\"input\"\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\n\t\t\t@keydown.enter.stop=\"submit\"\n\t\t\tv-model=\"intermediateValue\"\n\t\t/>\n\n\t\t<TopButton\n\t\t\tv-if=\"intermediateValue !== modelValue\"\n\t\t\ticon=\"\"\n\t\t\tstyling=\"soft\"\n\t\t\t:=\"button\"\n\t\t\t@click=\"submit\"\n\t\t/>\n\t</div>\n</template>\n\n<style>\n.top-editInput {\n\twidth: 220px;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: var(--top-gap-1);\n}\n\n.top-editInput .top-input {\n\twidth: unset;\n\tflex-grow: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Ref } from '@vue/reactivity';\nimport { ref, watch } from 'vue';\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n\tsize: 's',\n});\n\nconst elRef: Ref<HTMLElement | null> = ref(null);\n\nwatch(model, () => {\n\tif (!props.radiosProps?.some(item => item.value === model.value)) {\n\t\tmodel.value = props.radiosProps?.[0]?.value ?? '';\n\t}\n\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\n}, { immediate: true });\n\nconst uid = 'radioGroup-' + Math.random();\n</script>\n\n<template>\n\t<div\n\t\tref=\"elRef\"\n\t\t:class=\"{\n\t\t\t['top-radioGroup']: true,\n\t\t\t['top-scrollBarXHidding']: true,\n\t\t\t['top-size_' + size]: !!size,\n\t\t\t['top-error']: isError,\n\t\t}\"\n\t>\n\t\t<label\n\t\t\tv-for=\"item of radiosProps\"\n\t\t\t:class=\"{\n\t\t\t\t['top-radioGroup_item-selected']: item.value === model,\n\t\t\t\t['top-radioGroup_item']: true,\n\t\t\t\t['top-forms-focusable']: true,\n\t\t\t\t['top-disabled']: item.disabled,\n\t\t\t}\"\n\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t@click=\"model = item.value\"\n\t\t>\n\t\t\t{{ item.title }}\n\n\t\t\t<span\n\t\t\t\tv-if=\"showIndicator\"\n\t\t\t\tclass=\"top-radioGroup_circle\"\n\t\t\t></span>\n\n\t\t\t<!-- Для нативной навигации -->\n\t\t\t<input\n\t\t\t\tv-model=\"model\"\n\t\t\t\t:name=\"uid\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t['top-unvisible']: true,\n\t\t\t\t}\"\n\t\t\t\t:value=\"item.value\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t/>\n\t\t</label>\n\t</div>\n</template>\n\n<style>\n.top-radioGroup {\n\tuser-select: none;\n\tbox-sizing: border-box;\n\tborder-radius: 8px;\n\tbackground-color: var(--color-layout-middle);\n\theight: var(--top-forms-base-height);\n\tpadding: 2px;\n\tgap: 2px;\n\tdisplay: flex;\n\talign-items: flex-start;\n}\n\n.top-radioGroup_item {\n\tcolor: var(--color-text-2);\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n\tpadding: 0 16px;\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tgap: 4px;\n}\n\n.top-radioGroup_item:hover {\n\tbackground-color: var(--color-layout-front-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* selected */\n.top-radioGroup_item-selected {\n\tcolor: var(--color-text-1);\n\tpointer-events: none;\n\tbackground-color: var(--color-bg-lightning-1);\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\n}\n\n/* circle */\n.top-radioGroup_circle {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--color-line-3-opacity);\n\tborder-radius: 50%;\n\tpadding: 3px;\n\tmargin-left: auto;\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\n}\n\n.top-radioGroup_item:hover .top-radioGroup_circle:before {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* circle selected */\n.top-radioGroup_item-selected .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n\tborder-width: 5px;\n}\n\n.top-radioGroup_item-selected:hover .top-radioGroup_circle {\n\tborder-color: var(--color-line-primary-1);\n}\n\n/* top-error  */\n.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle {\n\tborder-color: var(--color-line-negative-1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\n\nconst model = defineModel<Props['modelValue']>({\n\trequired: true,\n});\n\nwithDefaults(defineProps<Props>(), {\n\tsize: 's',\n\tstyling: 'outline',\n});\n\nconst onChange = (id: Props['modelValue'][number]) => {\n\tconst newModel = [...model.value];\n\tconst index = newModel.indexOf(id);\n\n\tif (index === -1) {\n\t\tnewModel.push(id);\n\t} else {\n\t\tnewModel.splice(index, 1);\n\t}\n\n\tmodel.value = newModel;\n};\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n      \t\t['top-checkboxGroup']: true,\n      \t\t['top-checkboxGroup-' + styling]: true,\n      \t\t['top-scrollBarXHidding']: true,\n      \t\t['top-size_' + size]: !!size,\n      \t\t['top-error']: isError,\n    \t}\"\n\t>\n\t\t<label\n\t\t\tv-for=\"item in items\"\n\t\t\t:key=\"item.id\"\n\t\t\t:class=\"{\n\t\t\t\t['top-checkboxGroup_item']: true,\n\t\t\t\t['top-checkboxGroup_item-selected']: model.includes(item.id),\n\t\t\t\t['top-forms-focusable']: true,\n\t\t\t\t['top-disabled']: item.disabled,\n\t\t\t}\"\n\t\t\t:data-top-icon=\"item.icon\"\n\t\t>\n\t\t\t<input\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tclass=\"top-unvisible\"\n\t\t\t\t:value=\"item.id\"\n\t\t\t\t:checked=\"model.includes(item.id)\"\n\t\t\t\t:disabled=\"item.disabled\"\n\t\t\t\t@change=\"onChange(item.id)\"\n\t\t\t/>\n\n\t\t\t{{ item.title }}\n\t\t</label>\n\t</div>\n</template>\n\n<style>\n.top-checkboxGroup {\n\tuser-select: none;\n\tborder-radius: 8px;\n\theight: var(--top-forms-base-height);\n\tbox-sizing: border-box;\n\tdisplay: flex;\n}\n\n.top-checkboxGroup_item {\n\tbox-sizing: border-box;\n\tpadding: 1px var(--top-padding-4);\n\tcursor: pointer;\n\tfont-weight: 600;\n\twhite-space: nowrap;\n\tdisplay: flex;\n\tflex-grow: 1;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: var(--top-gap-1);\n}\n\n/* outline */\n.top-checkboxGroup-outline {\n\tborder: 1px solid var(--color-line-1);\n\tbackground: var(--color-layout-front-1);\n}\n\n.top-checkboxGroup-outline .top-checkboxGroup_item {\n\theight: calc(var(--top-forms-base-height) - 2px);\n\tmin-height: 100%;\n}\n\n.top-checkboxGroup-outline .top-checkboxGroup_item:hover {\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-checkboxGroup-outline .top-checkboxGroup_item-selected {\n\tbackground: var(--color-bg-primary-1);\n\tcolor: var(--color-text-white);\n\t--top-icon-color: var(--color-text-white);\n}\n\n.top-checkboxGroup-outline .top-checkboxGroup_item-selected:hover {\n\tbackground: var(--color-bg-primary-2);\n}\n\n.top-checkboxGroup-outline.top-error .top-checkboxGroup_item:hover {\n\tbackground: var(--color-layer-negative-1);\n}\n\n.top-checkboxGroup-outline.top-error .top-checkboxGroup_item-selected {\n\tbackground: var(--color-bg-negative-1);\n}\n\n.top-checkboxGroup-outline.top-error .top-checkboxGroup_item-selected:hover {\n\tbackground: var(--color-bg-negative-2);\n}\n\n/* borderless */\n.top-checkboxGroup-borderless {\n\tpadding: 2px;\n\tbackground: var(--color-bg-shading-2);\n\tgap: 2px;\n}\n\n.top-checkboxGroup-borderless .top-checkboxGroup_item {\n\tborder-radius: 6px;\n\theight: calc(var(--top-forms-base-height) - 4px);\n}\n\n.top-checkboxGroup-borderless .top-checkboxGroup_item:hover {\n\tbox-shadow: var(--top-shadow-s);\n\tbackground: var(--color-bg-lightning-1);\n}\n\n.top-checkboxGroup-borderless .top-checkboxGroup_item-selected {\n\tbackground: var(--color-bg-primary-1);\n\tcolor: var(--color-text-white);\n\t--top-icon-color: var(--color-text-white);\n}\n\n.top-checkboxGroup-borderless .top-checkboxGroup_item-selected:hover {\n\tbackground: var(--color-bg-primary-2);\n}\n\n.top-checkboxGroup-borderless.top-error .top-checkboxGroup_item:hover {\n\tbackground: var(--color-bg-lightning-1);\n}\n\n.top-checkboxGroup-borderless.top-error .top-checkboxGroup_item-selected {\n\tbackground: var(--color-bg-negative-1);\n}\n\n.top-checkboxGroup-borderless.top-error .top-checkboxGroup_item-selected:hover {\n\tbackground: var(--color-bg-negative-2);\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\t\t<span\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\n\t\t\tdata-top-icon=\"\"\n\t\t\t@click=\"$emit('delete', id)\"\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 { ref } from 'vue';\nimport { debounce } from '../../../../core/utils/lodash';\nimport type { Item, Props } from '../types';\n\nexport type API = ReturnType<typeof useAPI>;\n\nexport const useAPI = (apiRequest: Props['apiRequest'], minLength: number, useCache: Props['useCache']) => {\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\tlet searchText = '';\n\tlet nextOffset: number | undefined;\n\n\tif (apiRequest && !apiRequest.params.limit) {\n\t\tapiRequest.params.limit = 100;\n\t}\n\n\t/**\n\t * Выполнить обращение к API\n\t *\n\t * При ошибке вернет undefined\n\t */\n\tconst callAPIRequest = async (): Promise<{ nextOffset?: number, result: Item[] } | undefined> => {\n\t\tif (!apiRequest) return;\n\n\t\tlet res;\n\t\tlet cacheKey;\n\n\t\tif (useCache) {\n\t\t\t// кэш для полученных ответов через apiRequest\n\t\t\t// общий для всех компонентов, использующих apiRequest\n\t\t\tapiRequest.cache ??= new Map();\n\n\t\t\tcacheKey = JSON.stringify(apiRequest.params);\n\t\t\tres = apiRequest.cache.get(cacheKey);\n\n\t\t\tif (res) {\n\t\t\t\treturn res;\n\t\t\t}\n\t\t}\n\n\t\tisLoading.value = true;\n\t\tres = await apiRequest.call();\n\t\tisLoading.value = false;\n\n\t\tif (res.errors) return;\n\n\t\tif (!Array.isArray(res.result)) {\n\t\t\tconsole.warn(`В result ожидался массив`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\n\t\tif (indexWithError !== -1) {\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (useCache) {\n\t\t\tapiRequest.cache.set(cacheKey as string, res);\n\t\t}\n\n\t\treturn res;\n\t};\n\n\t/**\n\t * Загрузить items\n\t */\n\tconst load = async () => {\n\t\tif (!apiRequest) return;\n\n\t\tapiRequest.params.offset = 0;\n\t\tapiRequest.params.search = searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\tnextOffset = res.nextOffset;\n\n\t\titems.value = res.result;\n\t};\n\n\t/**\n\t * Загрузить следующую страницу items\n\t */\n\tconst loadAppend = async () => {\n\t\tif (!apiRequest) return;\n\n\t\t// данных о следующих страницах не обнаружено\n\t\tif (!nextOffset) return;\n\n\t\t// дозагружать нельзя, если не завершена предыдущшая загрузка\n\t\tif (isLoading.value) return;\n\n\t\tapiRequest.params.offset = nextOffset;\n\t\tapiRequest.params.search = searchText;\n\n\t\tconst res = await callAPIRequest();\n\t\tif (!res) return;\n\n\t\tnextOffset = res.nextOffset;\n\n\t\titems.value = items.value.concat(res.result);\n\t};\n\n\tconst loadDebounce = debounce(() => load(), 200);\n\n\t/**\n\t * Выполнить поиск по указанному тексту\n\t *\n\t * Если длина текста меньше minLength, поиск не будет произведен\n\t *\n\t * Если текст не изменился, поиск не будет произведен\n\t *\n\t * @param newSearchText - текст поиска\n\t * @param useDebounce - дедупликация загрузки списка\n\t */\n\tconst setSearchTextAndLoad = (newSearchText: string, useDebounce = true) => {\n\t\tif (!apiRequest) return;\n\n\t\tif (newSearchText.length < minLength) return;\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();\n\t\t}\n\t};\n\n\treturn {\n\t\tapiRequest,\n\t\titems,\n\t\tisLoading,\n\t\tloadAppend,\n\t\tsetSearchTextAndLoad,\n\t};\n};\n","import type { Item, Props } from './types';\n\nexport const ITEM_ID_ALL = 0;\n\n/**\n * Выбран ли элемент\n */\nexport const isSelected = (modelValue: Props['modelValue'], item: Item, checkNameForNullId = true) => {\n\tif (checkNameForNullId && item.id === null) {\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","import { computed, ref, type ComputedRef, type Ref } from 'vue';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport type { Item, Props } from '../types';\nimport { type API } from './useAPI';\nimport { isSelected, ITEM_ID_ALL } from '../utils';\nimport { useI18n } from '@/core/plugins/i18n';\n\n/**\n * Функционал поиска\n */\nexport const useMenu = (\n\tmodel: Ref<Props['modelValue']>,\n\titems: Ref<Props['items']>,\n\tmultiselect: Props['multiselect'],\n\tappendAllValue: Ref<Props['appendAllValue']>,\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,\n\t};\n\n\t/**\n\t * Сброс поиска\n\t */\n\tconst resetSearch = () => {\n\t\tsearchText.value = '';\n\t\tapi.items.value = [];\n\t};\n\n\t/**\n\t * Является ли строка поиска достаточной длины для отображения меню\n\t */\n\tconst genIsShort = () => {\n\t\tif (!api.apiRequest) return false;\n\t\tif (searchType.value !== 'inline') 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 && appendAllValue.value) {\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 * Подготовленный список меню, который содержит в сумме:\n\t * - prop.items: указанный список с учетом фильтра и опций компонента\n\t * - api.items: результаты api запроса, если используется api\n\t *\n\t * @returns Отфильтрованный массив элементов для отображения\n\t */\n\tconst itemsForShow = computed(() => {\n\t\tconst searchString = searchText.value.toLowerCase();\n\t\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\n\t\tlet items: NonNullable<Props['items']> = [];\n\n\t\tlocalItems.value.forEach((item) => {\n\t\t\tconst itemName = item.name.toLowerCase();\n\n\t\t\tif (\n\t\t\t\titem.id === Number(searchString) ||\n\t\t\t\titemName.includes(searchString) ||\n\t\t\t\titemName.includes(searchStringInvertKeyboard)\n\t\t\t) {\n\t\t\t\tif (itemName === searchString || itemName === searchStringInvertKeyboard) {\n\t\t\t\t\titems.unshift(item);\n\t\t\t\t} else {\n\t\t\t\t\titems.push(item);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\titems.push(...api.items.value);\n\n\t\t// ввод произвольного значения\n\t\tif (\n\t\t\tappendSearchToResult.value &&\n\t\t\t!!searchText.value &&\n\t\t\t(!items.length || items[0].name.toLowerCase() !== searchString)\n\t\t) {\n\t\t\titems.push({\n\t\t\t\tid: null,\n\t\t\t\tname: searchText.value,\n\t\t\t});\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\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\t};\n\n\t/**\n\t * Выбрать следующее значение\n\t */\n\tconst selectNextItem = () => {\n\t\tif (!Array.isArray(model.value)) {\n\t\t\tconst currentIndex = itemsForShow.value.findIndex(item => item.id === (model.value as Item).id);\n\t\t\tconst nextIndex = (currentIndex + 1) % itemsForShow.value.length;\n\t\t\tmodel.value = { ...itemsForShow.value[nextIndex] };\n\t\t}\n\t};\n\n\t/**\n\t * Удалить выбранное значение по id\n\t *\n\t * @param id Идентификатор элемента для удаления\n\t */\n\tconst deleteItemById = async (id: Item['id']) => {\n\t\tif (Array.isArray(model.value)) {\n\t\t\tmodel.value = model.value.filter(item => item.id !== id);\n\t\t}\n\t};\n\n\treturn {\n\t\tsearchText,\n\t\tresetSearch,\n\t\tgenIsShort,\n\t\titems: localItems,\n\t\titemsForShow,\n\t\tselectItem,\n\t\tselectNextItem,\n\t\tdeleteItemById,\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 { 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';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\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\nlet minLength = 0;\nif (searchTypeLocal.value === 'inline' && props.minLength) {\n\tminLength = props.minLength;\n}\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.apiRequest, minLength, props.useCache);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\ttoRef(props, 'items'),\n\tprops.multiselect,\n\ttoRef(props, 'appendAllValue'),\n\ttoRef(props, 'appendSearchToResult'),\n\tsearchTypeLocal,\n\tminLength,\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\n\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\tif (menu.genIsShort()) {\n\t\t\t\tgetPopup()?.close();\n\t\t\t}\n\t\t}\n\t});\n}\n\nwatch(model, () => {\n\t/**\n\t * При изменении значения модели в режиме inline необходимо очистить поле поиска,\n\t * так как поиск больше не актуален после выбора значения\n\t */\n\tif (searchTypeLocal.value === 'inline') {\n\t\tmenu.resetSearch();\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\nlet disabledFocusToOpen = false;\n\nconst onFocus = (e: FocusEvent) => {\n\tif (disabledFocusToOpen) return;\n\n\tif (searchTypeLocal.value === 'inline') {\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tdisabledFocusToOpen = true;\n\t(e.currentTarget as HTMLElement)?.parentElement?.focus();\n\tdisabledFocusToOpen = false;\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tdisabledFocusToOpen = true;\n\n\tif (api.apiRequest) {\n\t\tif (menu.genIsShort()) {\n\t\t\tgetPopup()?.close();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\tsetTimeout(() => {\n\t\tdisabledFocusToOpen = false;\n\t}, 100);\n\n\t// очистка введенного текста\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.loadAppend();\n\t}\n};\n\n// для storybook\nif ((window as any).__STORYBOOK_PREVIEW__) {\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=\"apiRequest ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"searchTypeLocal !== 'inline'\"\n\t\t:transitionDuration=\"0\"\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\tref=\"subcomponentSelector\"\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,\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\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\n\t\t\t\t:placeholder\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t@focus=\"onFocus\"\n\t\t\t\t@blur=\"getPopup()?.isClosed ? menu.resetSearch() : ''\"\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.deleteItemById\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"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.items.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector top-popup_widget\"\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\t:isLoading=\"api.isLoading.value && !apiRequest?.params.offset\"\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: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}\"\n\t\t\t\t:key=\"item.id ?? undefined\"\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<TopPopupListItem\n\t\t\t\tv-if=\"!api.isLoading.value && !menu.itemsForShow.value.length\"\n\t\t\t\ttype=\"regular\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Индикатор загрузки, первичная дозагрузка отображается в поле поиска, если оно отображено -->\n\t\t\t<TopPopupListItem\n\t\t\t\tv-if=\"api.isLoading.value && (searchType !== 'popup' || apiRequest?.params.offset)\"\n\t\t\t\ttype=\"regular\"\n\t\t\t>\n\t\t\t\t<TopPreloader type=\"circles\"/>\n\t\t\t</TopPopupListItem>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\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-multiselect {\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","<script lang=\"ts\" setup>\nimport type { Props, Slots } from './types';\n\nwithDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n\tsize: 'default',\n});\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-info']: true,\n\t\t\t['top-size_' + size]: true,\n\t\t\t['top-info-styling_' + styling]: true,\n\t\t}\"\n\t\t:data-top-icon=\"icon\"\n\t>\n\t\t<div class=\"top-info_text\">\n\t\t\t<slot></slot>\n\t\t</div>\n\n\t\t<span v-if=\"$slots.additional\" class=\"top-info_value\">\n\t\t\t<slot name=\"additional\"></slot>\n\t\t</span>\n\t</div>\n</template>\n\n<style>\n.top-info {\n\t--top-icon-width: var(--top-icon-size);\n\n\tborder-radius: var(--top-forms-radius);\n\tbox-sizing: border-box;\n\tmin-height: var(--top-forms-base-height);\n\tpadding: var(--top-padding-1) var(--top-padding-2);\n\tflex-grow: 5;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: var(--top-gap-2);\n}\n\n.top-info_text {\n\tflex-grow: 1;\n}\n\n.top-info_value {\n\tfont-weight: bold;\n}\n\n/* size */\n.top-info.top-size_default {\n\tborder-radius: var(--top-radius-3);\n\tpadding: var(--top-padding-4);\n}\n\n/* styling */\n.top-info-styling_default {\n\t--top-icon-color: var(--color-text-2);\n\n\tbackground: var(--color-layer-1);\n}\n\n.top-info-styling_info {\n\t--top-icon-color: var(--color-text-primary);\n\n\tbackground: var(--color-layer-primary-1);\n}\n\n.top-info-styling_warning {\n\t--top-icon-color: var(--color-text-warning);\n\n\tbackground: var(--color-layer-warning-1);\n}\n\n.top-info-styling_negative {\n\t--top-icon-color: var(--color-text-negative);\n\n\tbackground: var(--color-layer-negative-1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { TopButton } from '@/components/forms/forms';\nimport type { Props } from '@/components/formsExt/policy/types';\n\ndefineProps<Props>();\n\nconst isVisible = ref(true);\n\nconst acceptCookie = () => {\n\tconst baseDomain = location.hostname.split('.').slice(-2).join('.');\n\n\tdocument.cookie = `cookie_consent=accepted; path=/; domain=.${baseDomain}; max-age=31536000`;\n\n\tisVisible.value = false;\n};\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"isVisible\"\n\t\tclass=\"top-policy\"\n\t>\n\t\t<div class=\"top-policy_title\">\n\t\t\t{{ title }}\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"top-policy_description\"\n\t\t\tv-html=\"text\"\n\t\t></div>\n\n\t\t<TopButton\n\t\t\tsize=\"m\"\n\t\t\t@click=\"acceptCookie\"\n\t\t>\n\t\t\t{{ $i18n.Common.AllowCookies }}\n\t\t</TopButton>\n\t</div>\n</template>\n\n<style>\n.top-policy {\n\tbox-sizing: border-box;\n\tbox-shadow: var(--top-shadow-b);\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-lightning-1);\n\twidth: 600px;\n\tpadding: var(--top-padding-4);\n\tposition: fixed;\n\tright: var(--top-gap-10);\n\tbottom: var(--top-gap-10);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-4);\n\tz-index: 10000;\n}\n\n.top-policy_title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n.top-policy_description {\n\tfont-size: 14px;\n}\n\n@media screen and (max-width: 900px) {\n\t.top-policy {\n\t\twidth: 100%;\n\t\tright: 0;\n\t\tbottom: calc(var(--top-gap-5) + var(--toolbar-height, 0px));\n\t}\n}\n</style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport EditArea from './editArea/editArea.vue';\nimport EditInput from './editInput/editInput.vue';\nimport RadioGroup from './radioGroup/radioGroup.vue';\nimport CheckboxGroup from './checkboxGroup/checkboxGroup.vue';\nimport Selector2 from './selector2/selector2.vue';\nimport Menu from './menu/menu.vue';\nimport Info from './info/info.vue';\nimport Policy from './policy/policy.vue';\n\nexport const TopEditArea = EditArea as typeof EditArea & ComponentCustomProps;\nexport const TopEditInput = EditInput as typeof EditInput & ComponentCustomProps;\nexport const TopRadioGroup = RadioGroup as typeof RadioGroup & ComponentCustomProps;\nexport const TopCheckboxGroup = CheckboxGroup as typeof CheckboxGroup & ComponentCustomProps;\nexport const TopSelector2 = Selector2 as typeof Selector2 & ComponentCustomProps;\nexport const TopMenu = Menu as typeof Menu & ComponentCustomProps;\nexport const TopInfo = Info as typeof Info & ComponentCustomProps;\nexport const TopPolicy = Policy as typeof Policy & ComponentCustomProps;"],"names":["props","__props","emit","__emit","localValue","ref","isFocused","isChanged","computed","submit","value","cancel","clickOnTitle","normalizeClass","_cache","$event","toDisplayString","_ctx","createCommentVNode","withKeys","withModifiers","openBlock","createBlock","_sfc_main$9","createSlots","withCtx","createTextVNode","intermediateValue","watch","toRef","createElementBlock","_hoisted_1$6","createVNode","_sfc_main$a","mergeProps","model","useModel","elRef","_a","item","_c","_b","_e","_d","uid","_hoisted_2$4","_hoisted_3$3","onChange","id","newModel","index","_hoisted_2$3","_hoisted_1$4","_hoisted_1$3","createElementVNode","useAPI","apiRequest","minLength","useCache","items","isLoading","searchText","nextOffset","callAPIRequest","res","cacheKey","indexWithError","load","loadAppend","loadDebounce","debounce","newSearchText","useDebounce","ITEM_ID_ALL","isSelected","modelValue","checkNameForNullId","itemSelected","useMenu","multiselect","appendAllValue","appendSearchToResult","searchType","api","itemAll","useI18n","resetSearch","genIsShort","localItems","localItems2","itemsForShow","searchString","searchStringInvertKeyboard","invertKeyboardLayout","items2","itemName","nextIndex","searchTypeLocal","Core","menu","component","popupRef","getPopup","placeholder","onOpenerKeydown","needOpen","symbolPressed","disabledFocusToOpen","onFocus","onClickChanger","onOpen","onClose","onScrollContentList","el","withDirectives","resolveDynamicComponent","unref","_hoisted_1$2","Fragment","renderList","renderSlot","TopPreloader","TopPopupWidgetInput","isVisible","acceptCookie","baseDomain","_hoisted_2","_hoisted_3","TopEditArea","_sfc_main$7","TopEditInput","_sfc_main$6","TopRadioGroup","_sfc_main$5","TopCheckboxGroup","_sfc_main$4","TopSelector2","_sfc_main$2","TopMenu","_sfc_main$b","TopInfo","_sfc_main$1","TopPolicy","_sfc_main"],"mappings":"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"}

package/layout/layout.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","../.chunks/forms-L6BGV_om.amd","../require/css.amd!../assets/layout.css"],function(v,t,e,n){"use strict";if(typeof e>"u")var e=window.Vue;const l=e.defineComponent({__name:"rows",props:{gap:{default:"none"}},setup(s){const o=s;return(c,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-rows":!0,["top-rows-gap_"+o.gap]:!0})},[e.renderSlot(c.$slots,"default")],2))}}),r={class:"top-islandRows"},a={key:0,class:"top-islandRows_title"},d=e.defineComponent({__name:"islandRows",setup(s){return(o,c)=>(e.openBlock(),e.createElementBlock("div",r,[o.$slots.title?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"title")])):e.createCommentVNode("",!0),e.createVNode(l,{gap:"l",class:"top-islandRows_rows"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3})]))}}),i={},_={class:"top-islandRows_row"};function u(s,o){return e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(s.$slots,"default")])}const p=n._export_sfc(i,[["render",u]]),w={},f={class:"top-islandRows_subTitle"};function m(s,o){return e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(s.$slots,"default")])}const R=n._export_sfc(w,[["render",m]]),T=d,k=p,$=R,h=l;t.TopIslandRows=T,t.TopIslandRowsRow=k,t.TopIslandRowsSubTitle=$,t.TopRows=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=layout.amd.js.map

package/layout/layout.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.amd.js","sources":["../../src/components/layout/islandRows/islandRows.vue","../../src/components/layout/islandRows/islandRowsRow/islandRowsRow.vue","../../src/components/layout/islandRows/islandRowsSubTitle/islandRowsSubTitle.vue","../../src/components/layout/layout.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Slots } from './types';\nimport TopRows from '../rows/rows.vue';\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div class=\"top-islandRows\">\n\t\t<div\n\t\t\tv-if=\"$slots.title\"\n\t\t\tclass=\"top-islandRows_title\"\n\t\t>\n\t\t\t<slot name=\"title\"></slot>\n\t\t</div>\n\n\t\t<TopRows gap=\"l\" class=\"top-islandRows_rows\">\n\t\t\t<slot></slot>\n\t\t</TopRows>\n\t</div>\n</template>\n\n<style>\n.top-islandRows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-islandRows_title {\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.top-islandRows_rows {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-shading-2);\n\tpadding: var(--top-padding-3);\n}\n\n/* В islandRows у всех полей ввода внутри top-rows прозрачные рамки */\n.top-islandRows_rows .top-rows > .top-input,\n.top-islandRows_rows .top-rows > .top-textarea,\n.top-islandRows_rows .top-rows > .top-select { --top-forms-border-color: transparent }\n\n/* Размеры форм */\n.top-islandRows_rows .top-button,\n.top-islandRows_rows .top-input,\n.top-islandRows_rows .top-textarea,\n.top-islandRows_rows .top-select { width: auto; flex-grow: 1; display: flex; }\n\n.top-islandRows_rows .top-forms-optionWrapper { padding: 0; flex-grow: 1; }\n</style>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n\t<div class=\"top-islandRows_row\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-islandRows_row {\n\toutline-offset: 2px;\n\tborder-radius: 8px;\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-3);\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n/* Фокус форм */\n.top-islandRows_row:has(> .top-forms-optionWrapper .top-forms-focusable:focus-visible) {\n\toutline: 2px solid var(--color-line-primary-1);\n\toutline-offset: 2px;\n}\n\n/* Фокус форм, стили top-error оставить у форм, иначе они будут конфликтовать со стилями фокуса, так как у top-islandRows_row нет border */\n.top-islandRows_row > .top-forms-optionWrapper .top-forms-focusable:not(.top-error) {\n\toutline: none;\n\tanimation: none;\n}\n\n/* Отмена прозрачных рамок у полей ввода внутри islandRows, если top-rows расположен в islandRowsRow */\n.top-islandRows_row .top-rows > .top-input,\n.top-islandRows_row .top-rows > .top-textarea,\n.top-islandRows_row .top-rows > .top-select { --top-forms-border-color: inherit }\n</style>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n\t<div class=\"top-islandRows_subTitle\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-islandRows_subTitle {\n\twidth: 100%;\n\tfont-size: 16px;\n\tfont-weight: bold;\n}\n</style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport IslandRows from './islandRows/islandRows.vue';\nimport IslandRowsRow from './islandRows/islandRowsRow/islandRowsRow.vue';\nimport IslandRowsSubTitle from './islandRows/islandRowsSubTitle/islandRowsSubTitle.vue';\nimport Rows from './rows/rows.vue';\n\nexport const TopIslandRows = IslandRows as typeof IslandRows & ComponentCustomProps;\nexport const TopIslandRowsRow = IslandRowsRow as typeof IslandRowsRow & ComponentCustomProps;\nexport const TopIslandRowsSubTitle = IslandRowsSubTitle as typeof IslandRowsSubTitle & ComponentCustomProps;\nexport const TopRows = Rows as typeof Rows & ComponentCustomProps;\n"],"names":["_ctx","vue","_hoisted_2","_hoisted_1$1","_hoisted_1","TopIslandRows","_sfc_main$2","TopIslandRowsRow","IslandRowsRow","TopIslandRowsSubTitle","IslandRowsSubTitle","TopRows","_sfc_main$3"],"mappings":"0lBAmBOA,EAAA,OAAA,OAAAC,EAAA,UAAA,EAAAA,EAAA,mBAAA,MAAAC,EAAA,CALCD,EAAA,WAAAD,EAAA,OAAA,OAAA,CADqB,CAAA,GAAAC,EAAA,mBAAA,GAAA,EAAA,2BAGd,MAAA,qBAAU,EAAA,wBACTA,EAAA,WAAAD,EAAA,OAAA,SAAA,CAAA,CAAA,mBCbVG,EAAA,CAAA,MAAA,oBAAA,qJCAAC,EAAA,CAAA,MAAA,yBAAA,gJCGCC,EAAAC,EACAC,EAAAC,EACAC,EAAAC,EACAC,EAAAC"}

package/layout/layout.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/layout/layout'
+export {}

package/layout/layout.js

@@ -0,0 +1,62 @@
+import { Core as i } from "../core/app.js";
+import { defineComponent as r, createElementBlock as t, openBlock as e, normalizeClass as d, renderSlot as n, createCommentVNode as p, createVNode as u, withCtx as m } from "vue";
+import { t as l } from "../.chunks/forms-DC7ffuv2.es.js";
+const _ = ["../assets/layout.css"].map((s) => import.meta.resolve(s));
+i.insertCSSLinkToPage(_, !0);
+const c = /* @__PURE__ */ r({
+  __name: "rows",
+  props: {
+    gap: { default: "none" }
+  },
+  setup(s) {
+    const o = s;
+    return (a, k) => (e(), t("div", {
+      class: d({
+        "top-rows": !0,
+        ["top-rows-gap_" + o.gap]: !0
+      })
+    }, [
+      n(a.$slots, "default")
+    ], 2));
+  }
+}), f = { class: "top-islandRows" }, w = {
+  key: 0,
+  class: "top-islandRows_title"
+}, R = /* @__PURE__ */ r({
+  __name: "islandRows",
+  setup(s) {
+    return (o, a) => (e(), t("div", f, [
+      o.$slots.title ? (e(), t("div", w, [
+        n(o.$slots, "title")
+      ])) : p("", !0),
+      u(c, {
+        gap: "l",
+        class: "top-islandRows_rows"
+      }, {
+        default: m(() => [
+          n(o.$slots, "default")
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), $ = {}, h = { class: "top-islandRows_row" };
+function C(s, o) {
+  return e(), t("div", h, [
+    n(s.$slots, "default")
+  ]);
+}
+const T = /* @__PURE__ */ l($, [["render", C]]), S = {}, v = { class: "top-islandRows_subTitle" };
+function g(s, o) {
+  return e(), t("div", v, [
+    n(s.$slots, "default")
+  ]);
+}
+const I = /* @__PURE__ */ l(S, [["render", g]]), B = R, V = T, x = I, z = c;
+export {
+  B as TopIslandRows,
+  V as TopIslandRowsRow,
+  x as TopIslandRowsSubTitle,
+  z as TopRows
+};
+//# sourceMappingURL=layout.js.map

package/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../src/components/layout/rows/rows.vue","../../src/components/layout/islandRows/islandRows.vue","../../src/components/layout/islandRows/islandRowsRow/islandRowsRow.vue","../../src/components/layout/islandRows/islandRowsSubTitle/islandRowsSubTitle.vue","../../src/components/layout/layout.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tgap: 'none',\n});\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t['top-rows']: true,\n\t\t\t['top-rows-gap_' + props.gap]: true,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-grow: 1;\n}\n\n.top-rows-gap_none {\n\tgap: 0px;\n}\n\n.top-rows-gap_xs {\n\tgap: var(--top-gap-1);\n}\n\n.top-rows-gap_s {\n\tgap: var(--top-gap-2);\n}\n\n.top-rows-gap_m {\n\tgap: var(--top-gap-3);\n}\n\n.top-rows-gap_l {\n\tgap: var(--top-gap-4);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Slots } from './types';\nimport TopRows from '../rows/rows.vue';\n\ndefineSlots<Slots>();\n</script>\n\n<template>\n\t<div class=\"top-islandRows\">\n\t\t<div\n\t\t\tv-if=\"$slots.title\"\n\t\t\tclass=\"top-islandRows_title\"\n\t\t>\n\t\t\t<slot name=\"title\"></slot>\n\t\t</div>\n\n\t\t<TopRows gap=\"l\" class=\"top-islandRows_rows\">\n\t\t\t<slot></slot>\n\t\t</TopRows>\n\t</div>\n</template>\n\n<style>\n.top-islandRows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-islandRows_title {\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.top-islandRows_rows {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-bg-shading-2);\n\tpadding: var(--top-padding-3);\n}\n\n/* В islandRows у всех полей ввода внутри top-rows прозрачные рамки */\n.top-islandRows_rows .top-rows > .top-input,\n.top-islandRows_rows .top-rows > .top-textarea,\n.top-islandRows_rows .top-rows > .top-select { --top-forms-border-color: transparent }\n\n/* Размеры форм */\n.top-islandRows_rows .top-button,\n.top-islandRows_rows .top-input,\n.top-islandRows_rows .top-textarea,\n.top-islandRows_rows .top-select { width: auto; flex-grow: 1; display: flex; }\n\n.top-islandRows_rows .top-forms-optionWrapper { padding: 0; flex-grow: 1; }\n</style>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n\t<div class=\"top-islandRows_row\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-islandRows_row {\n\toutline-offset: 2px;\n\tborder-radius: 8px;\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-3);\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n/* Фокус форм */\n.top-islandRows_row:has(> .top-forms-optionWrapper .top-forms-focusable:focus-visible) {\n\toutline: 2px solid var(--color-line-primary-1);\n\toutline-offset: 2px;\n}\n\n/* Фокус форм, стили top-error оставить у форм, иначе они будут конфликтовать со стилями фокуса, так как у top-islandRows_row нет border */\n.top-islandRows_row > .top-forms-optionWrapper .top-forms-focusable:not(.top-error) {\n\toutline: none;\n\tanimation: none;\n}\n\n/* Отмена прозрачных рамок у полей ввода внутри islandRows, если top-rows расположен в islandRowsRow */\n.top-islandRows_row .top-rows > .top-input,\n.top-islandRows_row .top-rows > .top-textarea,\n.top-islandRows_row .top-rows > .top-select { --top-forms-border-color: inherit }\n</style>\n","<script setup lang=\"ts\">\n</script>\n\n<template>\n\t<div class=\"top-islandRows_subTitle\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-islandRows_subTitle {\n\twidth: 100%;\n\tfont-size: 16px;\n\tfont-weight: bold;\n}\n</style>\n","import type { ComponentCustomProps } from 'vue';\n\nimport IslandRows from './islandRows/islandRows.vue';\nimport IslandRowsRow from './islandRows/islandRowsRow/islandRowsRow.vue';\nimport IslandRowsSubTitle from './islandRows/islandRowsSubTitle/islandRowsSubTitle.vue';\nimport Rows from './rows/rows.vue';\n\nexport const TopIslandRows = IslandRows as typeof IslandRows & ComponentCustomProps;\nexport const TopIslandRowsRow = IslandRowsRow as typeof IslandRowsRow & ComponentCustomProps;\nexport const TopIslandRowsSubTitle = IslandRowsSubTitle as typeof IslandRowsSubTitle & ComponentCustomProps;\nexport const TopRows = Rows as typeof Rows & ComponentCustomProps;\n"],"names":["props","__props","normalizeClass","openBlock","createElementBlock","_hoisted_1$2","_ctx","_hoisted_2","renderSlot","createCommentVNode","_hoisted_1$1","_hoisted_1","TopIslandRows","_sfc_main$2","TopIslandRowsRow","IslandRowsRow","TopIslandRowsSubTitle","IslandRowsSubTitle","TopRows","_sfc_main$3"],"mappings":";;;;;;;;;;;AAGA,UAAAA,IAAAC;;MAaO,OAAAC,EAAA;AAAA,QANC,YAAA;AAAA;MAA0D,CAAA;AAAA;;IAKnD,GAAA,CAAA;AAAA;;;;;;;sBCPdC,EAAA,GAAAC,EAAA,OAAAC,GAAA;AAAA,MAWMC,EAAA,OAAA,SAAAH,EAAA,GAAAC,EAAA,OAAAG,GAAA;AAAA,QALCC,EAAAF,EAAA,QAAA,OAAA;AAAA,MADqB,CAAA,KAAAG,EAAA,IAAA,EAAA;AAAA;QAKjB,KAAA;AAAA,QAFG,OAAA;AAAA,MAAU,GAAA;AAAA;UACTD,EAAAF,EAAA,QAAA,SAAA;AAAA,QAAA,CAAA;AAAA;;;;YCbVI,IAAA,EAAA,OAAA,qBAAA;;AAAL,SAAAP,EAAA,GAAAC,EAAA,OAAAM,GAAA;AAAA;;;yDCAKC,IAAA,EAAA,OAAA,0BAAA;;AAAL,SAAAR,EAAA,GAAAC,EAAA,OAAAO,GAAA;AAAA;;;iDCGMC,IAAAC,GACAC,IAAAC,GACAC,IAAAC,GACAC,IAAAC;"}

package/package.json

@@ -1,23 +1,9 @@
 {
 	"name": "@topvisor/ui",
 	"private": false,
-	"version": "1.0.42-dev.2",
+	"version": "1.0.42-dev.4",
 	"type": "module",
 	"description": "Topvisor UI-kit Vue",
-	"scripts": {
-		"storybook": "STORYBOOK_PROJECT_ROOT=$(pwd) npx storybook dev -p 6006 --ci",
-		"storybook-net": "./storybook-dev.sh",
-		"build-storybook": "STORYBOOK_PROJECT_ROOT=$(pwd) storybook build -o storybook-static",
-		"preview": "concurrently \"vite build --mode preview --watch\" \"bash scripts/afterBuild.sh\" \"vite preview --mode preview --port 4173\"",
-		"npm-release": "npm run ci-cd-genDocs & npx standard-version --commit-all --release-as patch",
-		"npm-prerelease": "npx standard-version --commit-all --release-as patch --prerelease",
-		"ci-cd-genDocs": "bash scripts/genDocs.sh",
-		"ci-cd-build": "vite build && bash scripts/afterBuild.sh",
-		"ci-cd-publish-latest": "npm publish ./dist/ --tag latest",
-		"ci-cd-publish-dev": "npm publish ./dist/ --tag dev",
-		"ci-cd-chromatic": "npx chromatic --exit-zero-on-changes",
-		"chromatic": "npx chromatic"
-	},
 	"author": "Topvisor",
 	"keywords": [
 		"topvisor",
@@ -40,53 +26,6 @@
 		"./tabs/tabs.js": "./tabs/tabs.js",
 		"./tabsView/tabsView.js": "./tabsView/tabsView.js"
 	},
-	"devDependencies": {
-		"@chromatic-com/storybook": "^4.0.1",
-		"@faker-js/faker": "^9.9.0",
-		"@rive-app/canvas-lite": "^2.30.4",
-		"@rollup/plugin-babel": "^6.0.4",
-		"@rollup/plugin-commonjs": "^28.0.6",
-		"@rollup/plugin-node-resolve": "^16.0.1",
-		"@rollup/plugin-terser": "^0.4.4",
-		"@storybook/addon-a11y": "9.0.18",
-		"@storybook/addon-designs": "^10.0.2",
-		"@storybook/addon-docs": "9.0.18",
-		"@storybook/addon-links": "9.0.18",
-		"@storybook/global": "^5.0.0",
-		"@storybook/vue3-vite": "9.0.18",
-		"@types/jquery": "^3.5.32",
-		"@types/jqueryui": "^1.12.24",
-		"@types/lodash-es": "^4.17.12",
-		"@vitejs/plugin-vue": "^6.0.0",
-		"@vueuse/core": "^13.5.0",
-		"chromatic": "^13.1.2",
-		"clean-css-cli": "^5.6.3",
-		"concurrently": "^9.2.0",
-		"conventional-changelog-cli": "^5.0.0",
-		"glob": "^11.0.3",
-		"lodash-es": "^4.17.21",
-		"magic-string": "^0.30.17",
-		"mdx-mermaid": "^2.0.3",
-		"picocolors": "^1.1.1",
-		"punycode": "^2.3.1",
-		"remark-gfm": "^4.0.1",
-		"standard-version": "^9.5.0",
-		"storybook": "9.0.18",
-		"storybook-addon-pseudo-states": "9.0.18",
-		"string-hash": "^1.1.3",
-		"topvisor-openapi": "github:topvisor/topvisor-openapi",
-		"transliteration": "^2.3.5",
-		"ts-json-schema-generator": "^2.4.0",
-		"typedoc": "^0.28.7",
-		"typedoc-plugin-markdown": "^4.7.1",
-		"typedoc-plugin-mdn-links": "^5.0.5",
-		"typescript": "^5.8.3",
-		"vite": "^7.0.6",
-		"vite-plugin-checker": "^0.10.1",
-		"vite-plugin-dts": "^4.5.4",
-		"vite-plugin-dynamic-import": "^1.6.0",
-		"vite-plugin-webpackchunkname": "^1.0.3"
-	},
 	"peerDependencies": {
 		"pinia": "2.3.1",
 		"vue": "3.5.18"

package/popup/popup.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-M0ZTpQlF.amd","vue","../.chunks/forms-L6BGV_om.amd","../require/css.amd!../assets/popup.css"],function(h,r,f,e,c){"use strict";if(typeof e>"u")var e=window.Vue;const T=e.defineComponent({__name:"widgetInput",props:e.mergeModels({modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},styling:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean,default:!0},title:{},captionType:{}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(u){const d=e.useModel(u,"modelValue");return(i,o)=>(e.openBlock(),e.createBlock(c._sfc_main$2,e.mergeProps(i.$props,{modificator:"popupWidgetInput",modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=l=>d.value=l)}),null,16,["modelValue"]))}}),S=e.defineComponent({__name:"alert",props:{submitText:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{},data:{}},emits:["open","close","scrollContentList"],setup(u){const i={...u,submitText:void 0};return(o,l)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupAlert"},i,{onOpen:l[0]||(l[0]=s=>o.$emit("open",s)),onClose:l[1]||(l[1]=s=>o.$emit("close",s)),onScrollContentList:l[2]||(l[2]=(...s)=>o.$emit("scrollContentList",...s))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"footer"),e.createVNode(c._sfc_main,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.submitText||o.$i18n.Common.Close),1)]),_:1})]),_:2},[o.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"header")]),key:"0"}:void 0,o.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),key:"1"}:void 0]),1040))}}),y=e.defineComponent({__name:"confirm",props:{cancelText:{},submitText:{},isWarning:{type:Boolean},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{},data:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const i=u,o=d,l=e.ref(!1),s=()=>{l.value=!0,o("submit")},C=n=>{if(l.value){l.value=!1;return}o("close",n)},$={...i,submitText:void 0,cancelText:void 0,isWarning:void 0};return(n,p)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupConfirm"},$,{onOpen:p[0]||(p[0]=t=>n.$emit("open",t)),onClose:p[1]||(p[1]=t=>C(t)),onScrollContentList:p[2]||(p[2]=(...t)=>n.$emit("scrollContentList",...t))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(n.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(n.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.cancelText||n.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:s,color:n.isWarning?"red":"blue"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.submitText||n.$i18n.Common.Continue),1)]),_:1},8,["color"])]),_:2},[n.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),key:"0"}:void 0,n.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1040))}}),V=e.defineComponent({__name:"prompt",props:{submitText:{},cancelText:{},defaultValue:{},id:{},class:{},transitionDuration:{},footerSupportLink:{},pos:{},notch:{type:Boolean},openByHover:{type:Boolean},posBy:{},data:{}},emits:["open","close","scrollContentList","submit"],setup(u,{emit:d}){const i=u,o=d,l=()=>C.value=i.defaultValue??"",s=e.ref(!1),C=e.ref();e.watch(()=>i.defaultValue,()=>l(),{immediate:!0});const $=()=>{s.value=!0},n=t=>{if(s.value){s.value=!1,o("submit",C.value),l();return}l(),o("close",t)},p={...i,submitText:void 0,cancelText:void 0,defaultValue:void 0};return(t,a)=>(e.openBlock(),e.createBlock(f._sfc_main,e.mergeProps({class:"top-popupPrompt"},p,{onOpen:a[1]||(a[1]=m=>t.$emit("open",m)),onClose:a[2]||(a[2]=m=>n(m)),onScrollContentList:a[3]||(a[3]=(...m)=>t.$emit("scrollContentList",...m))}),e.createSlots({opener:e.withCtx(()=>[e.renderSlot(t.$slots,"opener")]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer"),e.createVNode(c._sfc_main,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText||t.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(c._sfc_main,{onClick:$},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.submitText||t.$i18n.Common.OK),1)]),_:1})]),_:2},[t.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"header")]),key:"0"}:void 0,t.$slots.default?{name:"content",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.createVNode(T,{modelValue:C.value,"onUpdate:modelValue":a[0]||(a[0]=m=>C.value=m),modelModifiers:{trim:!0}},null,8,["modelValue"])]),key:"1"}:void 0]),1040))}}),B=f._sfc_main,v=f._sfc_main$2,P=f._sfc_main$1,b=T,k=S,w=y,g=V;r.TopPopup=B,r.TopPopupAlert=k,r.TopPopupConfirm=w,r.TopPopupListItem=P,r.TopPopupOpener=v,r.TopPopupPrompt=g,r.TopPopupWidgetInput=b,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=popup.amd.js.map

package/popup/popup.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.amd.js","sources":["../../src/components/popup/popup/widgetInput.vue","../../src/components/popup/alert/alert.vue","../../src/components/popup/confirm/confirm.vue","../../src/components/popup/prompt/prompt.vue","../../src/components/popup/popup.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModelRef } from 'vue';\nimport type { Props } from '@/components/forms/input/types';\nimport TopInput from '@/components/forms/input/input.vue';\n\nwithDefaults(defineProps<Props>(), {\n\taddCleaner: true,\n});\n\nconst model: ModelRef<string> = defineModel({\n\tdefault: '',\n});\n</script>\n\n<template>\n\t<TopInput\n\t\t:=\"$props\"\n\t\tmodificator=\"popupWidgetInput\"\n\t\tv-model=\"model\"\n\t/>\n</template>\n\n<style>\n.top-input-popupWidgetInput {\n\t--top-loadbar-color: var(--color-line-2);\n\n\twidth: 100%;\n}\n\n.top-input_input-popupWidgetInput {\n\tborder: none;\n\tbackground: var(--color-layer-1);\n}\n\n.top-input_input-popupWidgetInput:hover {\n\tbackground: var(--color-layer-2);\n}\n\n.top-input_input-popupWidgetInput:focus {\n\tbackground: var(--color-layer-1);\n\toutline: unset;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\ndefineEmits<Emits<T>>();\n\nconst $propsPopup: Omit<Props<T>, 'submitText'> = {\n\t...props,\n\tsubmitText: undefined,\n};\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupAlert\"\n\t\t:=$propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"$emit('close', $event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия Popup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton>\n\t\t\t\t{{ submitText || $i18n.Common.Close }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst isSubmit = ref(false);\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n\n\temit('submit');\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\treturn;\n\t}\n\n\temit('close', popupEvent);\n};\n\nconst $propsPopup: Omit<Props<T>, 'submitText' | 'cancelText' | 'isWarning'> = {\n\t...props,\n\tsubmitText: undefined,\n\tcancelText: undefined,\n\tisWarning: undefined,\n};\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupConfirm\"\n\t\t:=$propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton\n\t\t\t\t@click=\"onSubmit\"\n\t\t\t\t:color=\"isWarning ? 'red' : 'blue'\"\n\t\t\t>\n\t\t\t\t{{ submitText || $i18n.Common.Continue }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { ref, watch } from 'vue';\nimport type { PopupEvent } from '@/components/popup/popup/types';\nimport type { Emits, Props } from './types';\nimport TopButton from '@/components/forms/button/button.vue';\nimport TopPopup from '@/components/popup/popup/popup.vue';\nimport TopPopupWidgetInput from '@/components/popup/popup/widgetInput.vue';\n\nconst props = defineProps<Props<T>>();\n\nconst emit = defineEmits<Emits<T>>();\n\nconst reset = () => localValue.value = props.defaultValue ?? '';\n\nconst isSubmit = ref(false);\n\nconst localValue = ref();\nwatch(() => props.defaultValue, () => reset(), { immediate: true });\n\nconst onSubmit = () => {\n\tisSubmit.value = true;\n};\n\nconst onClose = (popupEvent: PopupEvent<T>) => {\n\tif (isSubmit.value) {\n\t\tisSubmit.value = false;\n\n\t\temit('submit', localValue.value);\n\n\t\treset();\n\n\t\treturn;\n\t}\n\n\treset();\n\n\temit('close', popupEvent);\n};\n\nconst $propsPopup: Omit<Props<T>, 'submitText' | 'cancelText' | 'isWarning'> = {\n\t...props,\n\tsubmitText: undefined,\n\tcancelText: undefined,\n\tdefaultValue: undefined,\n};\n</script>\n\n<template>\n\t<!-- @vue-generic {T} -->\n\t<TopPopup\n\t\tclass=\"top-popupPrompt\"\n\t\t:=$propsPopup\n\t\t@open=\"$emit('open', $event)\"\n\t\t@close=\"onClose($event)\"\n\t\t@scrollContentList=\"(...args) => $emit('scrollContentList', ...args)\"\n\t>\n\t\t<template #opener>\n\t\t\t<!-- @slot Элемент для открытия TopPopup -->\n\t\t\t<slot name=\"opener\"></slot>\n\t\t</template>\n\n\t\t<template #header v-if=\"$slots.header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</template>\n\n\t\t<template #content v-if=\"$slots.default\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot></slot>\n\n\t\t\t<TopPopupWidgetInput v-model.trim=\"localValue\"/>\n\t\t</template>\n\n\t\t<template #footer>\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\n\t\t\t<TopButton color=\"theme\">\n\t\t\t\t{{ cancelText || $i18n.Common.Cancel }}\n\t\t\t</TopButton>\n\n\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t{{ submitText || $i18n.Common.OK }}\n\t\t\t</TopButton>\n\t\t</template>\n\t</TopPopup>\n</template>\n","import type { ComponentCustomProps } from 'vue';\n\nimport Popup from './popup/popup.vue';\nimport PopupOpener from './popup/opener.vue';\nimport PopupListItem from './popup/listItem.vue';\nimport PopupWidgetInput from './popup/widgetInput.vue';\nimport PopupAlert from './alert/alert.vue';\nimport PopupConfirm from './confirm/confirm.vue';\nimport PopupPrompt from './prompt/prompt.vue';\n\nexport const TopPopup = Popup as typeof Popup & ComponentCustomProps;\nexport const TopPopupOpener = PopupOpener as typeof PopupOpener & ComponentCustomProps;\nexport const TopPopupListItem = PopupListItem as typeof PopupListItem & ComponentCustomProps;\nexport const TopPopupWidgetInput = PopupWidgetInput as typeof PopupWidgetInput & ComponentCustomProps;\nexport const TopPopupAlert = PopupAlert as typeof PopupAlert & ComponentCustomProps;\nexport const TopPopupConfirm = PopupConfirm as typeof PopupConfirm & ComponentCustomProps;\nexport const TopPopupPrompt = PopupPrompt as typeof PopupPrompt & ComponentCustomProps;\n"],"names":["model","_cache","$event","vue","listItem_vue_vue_type_script_setup_true_lang","$propsPopup","_ctx","forms","isSubmit","onClose","popupEvent","emit","props","reset","localValue","TopPopup","TopPopupOpener","TopPopupListItem","TopPopupWidgetInput","_sfc_main$3","TopPopupAlert","_sfc_main$2","TopPopupConfirm","_sfc_main$1","TopPopupPrompt","_sfc_main"],"mappings":"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"}

package/popup/popup.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/popup/popup'
+export {}

package/popup/popup.js

@@ -0,0 +1,260 @@
+import { Core as g } from "../core/app.js";
+import { _ as y, a as W, b as D } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-CXp02bYr.es.js";
+import { defineComponent as T, mergeModels as I, useModel as M, createBlock as b, openBlock as B, mergeProps as S, createSlots as k, withCtx as n, renderSlot as l, createVNode as $, createTextVNode as C, toDisplayString as c, ref as L, watch as w } from "vue";
+import { f as H, _ as v } from "../.chunks/forms-DC7ffuv2.es.js";
+const O = ["../assets/popup.css"].map((r) => import.meta.resolve(r));
+g.insertCSSLinkToPage(O, !0);
+const P = /* @__PURE__ */ T({
+  __name: "widgetInput",
+  props: /* @__PURE__ */ I({
+    modelValue: {},
+    name: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modificator: {},
+    size: {},
+    styling: {},
+    isError: { type: Boolean },
+    isLoading: { type: Boolean },
+    icon: {},
+    icon2: {},
+    addCleaner: { type: Boolean, default: !0 },
+    title: {},
+    captionType: {}
+  }, {
+    modelValue: {
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const m = M(r, "modelValue");
+    return (i, o) => (B(), b(H, S(i.$props, {
+      modificator: "popupWidgetInput",
+      modelValue: m.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => m.value = s)
+    }), null, 16, ["modelValue"]));
+  }
+}), N = /* @__PURE__ */ T({
+  __name: "alert",
+  props: {
+    submitText: {},
+    id: {},
+    class: {},
+    transitionDuration: {},
+    footerSupportLink: {},
+    pos: {},
+    notch: { type: Boolean },
+    openByHover: { type: Boolean },
+    posBy: {},
+    data: {}
+  },
+  emits: ["open", "close", "scrollContentList"],
+  setup(r) {
+    const i = {
+      ...r,
+      submitText: void 0
+    };
+    return (o, s) => (B(), b(y, S({ class: "top-popupAlert" }, i, {
+      onOpen: s[0] || (s[0] = (p) => o.$emit("open", p)),
+      onClose: s[1] || (s[1] = (p) => o.$emit("close", p)),
+      onScrollContentList: s[2] || (s[2] = (...p) => o.$emit("scrollContentList", ...p))
+    }), k({
+      opener: n(() => [
+        l(o.$slots, "opener")
+      ]),
+      footer: n(() => [
+        l(o.$slots, "footer"),
+        $(v, null, {
+          default: n(() => [
+            C(c(o.submitText || o.$i18n.Common.Close), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 2
+    }, [
+      o.$slots.header ? {
+        name: "header",
+        fn: n(() => [
+          l(o.$slots, "header")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.default ? {
+        name: "content",
+        fn: n(() => [
+          l(o.$slots, "default")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040));
+  }
+}), A = /* @__PURE__ */ T({
+  __name: "confirm",
+  props: {
+    cancelText: {},
+    submitText: {},
+    isWarning: { type: Boolean },
+    id: {},
+    class: {},
+    transitionDuration: {},
+    footerSupportLink: {},
+    pos: {},
+    notch: { type: Boolean },
+    openByHover: { type: Boolean },
+    posBy: {},
+    data: {}
+  },
+  emits: ["open", "close", "scrollContentList", "submit"],
+  setup(r, { emit: m }) {
+    const i = r, o = m, s = L(!1), p = () => {
+      s.value = !0, o("submit");
+    }, f = (t) => {
+      if (s.value) {
+        s.value = !1;
+        return;
+      }
+      o("close", t);
+    }, V = {
+      ...i,
+      submitText: void 0,
+      cancelText: void 0,
+      isWarning: void 0
+    };
+    return (t, a) => (B(), b(y, S({ class: "top-popupConfirm" }, V, {
+      onOpen: a[0] || (a[0] = (e) => t.$emit("open", e)),
+      onClose: a[1] || (a[1] = (e) => f(e)),
+      onScrollContentList: a[2] || (a[2] = (...e) => t.$emit("scrollContentList", ...e))
+    }), k({
+      opener: n(() => [
+        l(t.$slots, "opener")
+      ]),
+      footer: n(() => [
+        l(t.$slots, "footer"),
+        $(v, { color: "theme" }, {
+          default: n(() => [
+            C(c(t.cancelText || t.$i18n.Common.Cancel), 1)
+          ]),
+          _: 1
+        }),
+        $(v, {
+          onClick: p,
+          color: t.isWarning ? "red" : "blue"
+        }, {
+          default: n(() => [
+            C(c(t.submitText || t.$i18n.Common.Continue), 1)
+          ]),
+          _: 1
+        }, 8, ["color"])
+      ]),
+      _: 2
+    }, [
+      t.$slots.header ? {
+        name: "header",
+        fn: n(() => [
+          l(t.$slots, "header")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.default ? {
+        name: "content",
+        fn: n(() => [
+          l(t.$slots, "default")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040));
+  }
+}), U = /* @__PURE__ */ T({
+  __name: "prompt",
+  props: {
+    submitText: {},
+    cancelText: {},
+    defaultValue: {},
+    id: {},
+    class: {},
+    transitionDuration: {},
+    footerSupportLink: {},
+    pos: {},
+    notch: { type: Boolean },
+    openByHover: { type: Boolean },
+    posBy: {},
+    data: {}
+  },
+  emits: ["open", "close", "scrollContentList", "submit"],
+  setup(r, { emit: m }) {
+    const i = r, o = m, s = () => f.value = i.defaultValue ?? "", p = L(!1), f = L();
+    w(() => i.defaultValue, () => s(), { immediate: !0 });
+    const V = () => {
+      p.value = !0;
+    }, t = (e) => {
+      if (p.value) {
+        p.value = !1, o("submit", f.value), s();
+        return;
+      }
+      s(), o("close", e);
+    }, a = {
+      ...i,
+      submitText: void 0,
+      cancelText: void 0,
+      defaultValue: void 0
+    };
+    return (e, u) => (B(), b(y, S({ class: "top-popupPrompt" }, a, {
+      onOpen: u[1] || (u[1] = (d) => e.$emit("open", d)),
+      onClose: u[2] || (u[2] = (d) => t(d)),
+      onScrollContentList: u[3] || (u[3] = (...d) => e.$emit("scrollContentList", ...d))
+    }), k({
+      opener: n(() => [
+        l(e.$slots, "opener")
+      ]),
+      footer: n(() => [
+        l(e.$slots, "footer"),
+        $(v, { color: "theme" }, {
+          default: n(() => [
+            C(c(e.cancelText || e.$i18n.Common.Cancel), 1)
+          ]),
+          _: 1
+        }),
+        $(v, { onClick: V }, {
+          default: n(() => [
+            C(c(e.submitText || e.$i18n.Common.OK), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 2
+    }, [
+      e.$slots.header ? {
+        name: "header",
+        fn: n(() => [
+          l(e.$slots, "header")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.default ? {
+        name: "content",
+        fn: n(() => [
+          l(e.$slots, "default"),
+          $(P, {
+            modelValue: f.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (d) => f.value = d),
+            modelModifiers: { trim: !0 }
+          }, null, 8, ["modelValue"])
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040));
+  }
+}), q = y, F = D, G = W, J = P, Q = N, R = A, X = U;
+export {
+  q as TopPopup,
+  Q as TopPopupAlert,
+  R as TopPopupConfirm,
+  G as TopPopupListItem,
+  F as TopPopupOpener,
+  X as TopPopupPrompt,
+  J as TopPopupWidgetInput
+};
+//# sourceMappingURL=popup.js.map