@useinsider/ab-components 0.0.19 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/ab-components.cjs.js.map +1 -1
  2. package/dist/ab-components.es.js.map +1 -1
  3. package/dist/ab-components.iife.js.map +1 -1
  4. package/dist/ab-components.umd.js.map +1 -1
  5. package/package.json +1 -1
package/dist/ab-components.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ab-components.cjs.js","sources":["../src/components/Button/Button.vue","../src/directives/clickOutside.ts","../src/utils/search.ts","../src/components/Dropdown/DropdownMenu.vue","../src/components/Icon/Icon.vue","../src/components/OnPageMessage/OnPageMessage.vue","../src/components/SegmentButton/SegmentButton.vue","../src/components/TextInput/TextInput.vue","../src/components/NumberInput/NumberInput.vue","../src/components/Toggle/Toggle.vue","../src/utils/preventXSS.ts","../src/components/Tooltip/Tooltip.vue","../src/components/Box/DefaultBox.vue","../src/components/Box/Box.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport { Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './Button.module.scss';\n\ninterface ButtonProps {\n variant: 'solid' | 'ghost' | 'text' | 'outline';\n color: 'primary' | 'subtle-primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n leftIconName?: IconNames;\n rightIconName?: IconNames;\n loadingStatus?: boolean;\n successStatus?: boolean;\n label?: string;\n disabled?: boolean;\n fill?: boolean;\n}\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n fill: false,\n size: 'default',\n});\n\nconst emit = defineEmits<{\n click: [event: MouseEvent];\n}>();\n\nconst onClick = (event: MouseEvent) => {\n if (props.disabled) {\n return;\n }\n\n emit('click', event);\n};\n\nconst leftIcon = computed<IconNames | undefined>(() => {\n if (props.loadingStatus) {\n return 'loading-circle';\n } else if (props.successStatus) {\n return 'line-check-natural';\n }\n\n return props.leftIconName;\n});\n</script>\n\n<template>\n <button\n :class=\"[\n styles.button,\n styles[`button__${variant}`],\n styles[`button__${variant}-${color}`],\n styles[`button__size_${size}`],\n { [styles.fill]: fill },\n ]\"\n :disabled=\"props.disabled\"\n @click=\"onClick\">\n <Icon\n v-if=\"leftIcon\"\n :name=\"leftIcon\" />\n <span\n v-if=\"label\"\n :class=\"styles.button__label\">\n {{ label }}\n </span>\n <Icon\n v-if=\"rightIconName\"\n :name=\"rightIconName\" />\n </button>\n</template>\n","import type { DirectiveBinding, Ref } from 'vue';\n\ninterface ClickOutsideElement extends HTMLElement {\n clickOutsideEvent?: (event: Event) => void;\n}\n\ntype DirectiveType = {\n handler: () => void;\n exclude: Ref<Ref<HTMLElement | undefined>>[];\n}\n\nexport default {\n mounted(el: ClickOutsideElement, binding: DirectiveBinding<DirectiveType>) {\n el.clickOutsideEvent = (event: Event) => {\n const excludeElements = (binding.value.exclude || [])\n .filter(el => el.value)\n .map(el => el.value) as unknown as HTMLElement[];\n const isClickInside = [el, ...excludeElements].some(element => {\n return element && (element === event.target || element.contains(event.target as Node))\n });\n\n if (!isClickInside) {\n binding.value.handler();\n }\n };\n\n document.addEventListener('click', el.clickOutsideEvent);\n },\n unmounted(el: ClickOutsideElement) {\n if (el.clickOutsideEvent) {\n document.removeEventListener('click', el.clickOutsideEvent);\n }\n },\n};\n","const isFuzzyMatch = (choiceValue: string, searchTerm: string): boolean => {\n let searchIndex = 0;\n for (const char of choiceValue) {\n if (char.toLowerCase() === searchTerm[searchIndex]?.toLowerCase()) {\n searchIndex++;\n }\n if (searchIndex === searchTerm.length) {\n return true;\n }\n }\n return false;\n};\n\n\nexport const fuzzySearch = <T>(\n choices: T[],\n key: keyof T,\n searchTerm: string,\n): T[] => {\n if (!searchTerm.trim()) {\n return choices;\n }\n\n const normalizedSearchTerm = searchTerm.toLowerCase();\n\n return choices\n .filter(choice => {\n const value = String(choice[key]);\n\n return isFuzzyMatch(value.toLowerCase(), normalizedSearchTerm)\n })\n .sort((a, b) => {\n const aValue = String(a[key]).toLowerCase();\n const bValue = String(b[key]).toLowerCase();\n\n if (aValue === normalizedSearchTerm) return -1;\n if (bValue === normalizedSearchTerm) return 1;\n\n if (aValue.startsWith(normalizedSearchTerm) && !bValue.startsWith(normalizedSearchTerm))\n return -1;\n if (!aValue.startsWith(normalizedSearchTerm) && bValue.startsWith(normalizedSearchTerm))\n return 1;\n\n return aValue.length - bValue.length;\n });\n};\n","<script lang=\"ts\" setup>\nimport { ref, computed, type StyleValue, onMounted, reactive, watch } from 'vue';\nimport clickOutside from '@/directives/clickOutside';\nimport { fuzzySearch } from '@/utils/search';\nimport styles from './Dropdown.module.scss';\n\nconst vClickOutside = clickOutside;\n\ninterface MenuItem {\n text: string;\n value: string;\n}\n\ninterface DropdownProps {\n id: string;\n label?: string;\n modelValue?: string;\n menuHeight?: number;\n placeholder?: string;\n addable?: boolean;\n addButtonText?: string;\n searchable?: boolean;\n searchPlaceHolder?: string;\n items: MenuItem[];\n validateAddItem?: (item: string, items: MenuItem[]) => string | null;\n}\n\ninterface Emits {\n (e: 'update:modelValue', value: string): void;\n (e: 'add-error', error: string): void;\n (e: 'item-added', item: MenuItem): void;\n (e: 'select-item', item: MenuItem): void;\n}\n\nconst props = withDefaults(defineProps<DropdownProps>(), {\n menuHeight: 154,\n searchBar: false,\n addItem: false,\n modelValue: '',\n validateAddItem: () => null,\n});\n\nconst emit = defineEmits<Emits>();\nconst dropdownRef = ref<HTMLDivElement>();\nconst menuRef = ref<HTMLDivElement>();\nconst isOpen = ref(false);\nconst selectedItem = ref<MenuItem | null>(null);\nconst searchQuery = ref('');\nconst errorMessage = ref<string | null>(null);\nconst menuPosition = ref({ x: 0, y: 0, width: 0, shouldOpenUp: false, height: props.menuHeight });\nconst filteredItems = reactive([...props.items]);\nconst allItems = reactive([...props.items]);\n\nconst calculateMenuPosition = () => {\n if (!dropdownRef.value) {\n return;\n }\n\n const { offsetTop: top, offsetLeft: left, offsetWidth: width } = dropdownRef.value;\n const viewportHeight = window.innerHeight;\n const bottom = top + dropdownRef.value.offsetHeight;\n const shouldOpenUp = bottom + props.menuHeight > viewportHeight;\n\n menuPosition.value = {\n x: left + window.scrollX,\n y: shouldOpenUp ? top + window.scrollY : bottom + window.scrollY,\n width,\n shouldOpenUp,\n height: props.menuHeight,\n };\n};\n\nconst toggleMenu = () => {\n calculateMenuPosition();\n isOpen.value = !isOpen.value;\n};\n\nconst resetSettings = () => {\n errorMessage.value = null;\n searchQuery.value = '';\n filteredItems.splice(0, filteredItems.length, ...allItems);\n};\n\nconst closeMenu = () => {\n isOpen.value = false;\n\n resetSettings();\n};\n\nconst selectItem = (item: MenuItem) => {\n selectedItem.value = item;\n\n emit('select-item', item);\n emit('update:modelValue', item.value);\n\n closeMenu();\n};\n\nconst addItem = () => {\n const query = searchQuery.value.trim();\n const error = props.validateAddItem(query, allItems);\n\n if (error) {\n errorMessage.value = error;\n\n emit('add-error', error);\n\n return;\n }\n\n const newItem: MenuItem = {\n text: query,\n value: query,\n };\n\n allItems.push(newItem);\n resetSettings();\n\n emit('item-added', newItem);\n};\n\nconst onSearch = () => {\n const results = fuzzySearch<MenuItem>(allItems, 'text', searchQuery.value);\n\n filteredItems.splice(0, filteredItems.length, ...results);\n};\n\nconst onFocusSearch = () => {\n errorMessage.value = '';\n};\n\nconst menuStyle = computed<Partial<StyleValue>>(() => ({\n top: menuPosition.value.shouldOpenUp ? `${menuPosition.value.y - 10}px` : `${menuPosition.value.y}px`,\n left: `${menuPosition.value.x}px`,\n width: `${menuPosition.value.width}px`,\n height: `${props.menuHeight}px`,\n}));\n\nonMounted(() => {\n calculateMenuPosition();\n\n if (props.modelValue) {\n const defaultItem = allItems.find(item => item.value === props.modelValue);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n }\n }\n});\n\nconst selectedValue = computed(() => (selectedItem.value ? selectedItem.value.text : ''));\n\nwatch(() => props.modelValue, newValue => {\n if (selectedItem.value?.value !== newValue) {\n const defaultItem = allItems.find(item => item.value === newValue);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n }\n }\n});\n\nwatch(\n () => props.items,\n newItems => {\n allItems.splice(0, allItems.length, ...newItems);\n filteredItems.splice(0, filteredItems.length, ...newItems);\n },\n { deep: true }\n);\n\nconst clickOutsideTarget = ref({ handler: closeMenu, exclude: [dropdownRef, menuRef] });\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n :class=\"styles.dropdown\">\n <label\n v-if=\"label\"\n :class=\"styles.dropdown__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <button\n :class=\"[\n styles.dropdown__valueContent, {\n [styles['dropdown__valueContent--open']]: isOpen,\n },\n ]\"\n @click=\"toggleMenu\">\n <span :class=\"styles.dropdown__value\">\n {{ selectedValue }}\n </span>\n <span\n v-if=\"placeholder && !selectedValue\"\n :class=\"styles.dropdown__placeholder\">\n {{ placeholder }}\n </span>\n <svg\n fill=\"none\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n width=\"16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.dropdown__arrowIcon\">\n <path\n d=\"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z\"\n fill=\"#91949F\" />\n </svg>\n </button>\n </div>\n\n <div\n v-show=\"isOpen\"\n ref=\"menuRef\"\n :class=\"styles.menu\"\n :style=\"menuStyle\"\n v-click-outside=\"clickOutsideTarget\"\n @click.prevent>\n <div\n v-if=\"props.searchable\"\n :class=\"styles.menu__searchContainer\">\n <div :class=\"styles.menu__searchInputWrap\">\n <input\n type=\"text\"\n :class=\"[\n styles.menu__searchInput, {\n [styles['menu__searchInput--error']]: errorMessage,\n },\n ]\"\n :placeholder=\"searchPlaceHolder\"\n v-model=\"searchQuery\"\n @focus=\"onFocusSearch\"\n @input=\"onSearch\">\n <p\n v-if=\"errorMessage\"\n :class=\"styles.menu__errorMessage\">\n {{ errorMessage }}\n </p>\n </div>\n <button\n v-if=\"props.addable\"\n :class=\"styles.menu__addButton\"\n @click=\"addItem\">\n {{ addButtonText }}\n </button>\n </div>\n <ul :class=\"styles.menu__itemContainer\">\n <li\n v-for=\"(item, index) in filteredItems\"\n :key=\"`${item.value}-${index}`\"\n :class=\"[\n styles.menu__item, {\n [styles['menu__item--active']]: selectedItem && item.value === selectedItem.value,\n },\n ]\"\n @click=\"selectItem(item)\">\n {{ item.text }}\n </li>\n </ul>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { IconNames } from '@/types/generated/svgIconName';\n\nexport interface IconProps {\n name: IconNames;\n size?: 16 | 24;\n color?: string;\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n size: 16,\n});\n\nconst iconSize = computed(() => (typeof props.size === 'number' ? `${props.size}px` : props.size));\n</script>\n\n<template>\n <svg\n class=\"icon\"\n :fill=\"color || 'currentColor'\"\n :height=\"iconSize\"\n :width=\"iconSize\">\n <use :xlink:href=\"`#${name}`\" />\n </svg>\n</template>\n\n<style scoped>\n.icon {\n display: inline-block;\n line-height: 0;\n vertical-align: middle;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport Icon from '@/components/Icon/Icon.vue';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './OnPageMessage.module.scss';\n\ninterface OnPageMessageProps {\n variant?: 'default' | 'warning' | 'alert' | 'success';\n text: string;\n}\n\nconst props = withDefaults(defineProps<OnPageMessageProps>(), {\n variant: 'default',\n});\n\nconst IconName = computed<IconNames>(() => {\n switch (props.variant) {\n case 'alert': return 'icon-info-box-error';\n case 'warning': return 'line-caution-triangle';\n case 'success': return 'line-check-natural';\n\n default: return 'filled-info-circle';\n }\n});\n</script>\n\n<template>\n <div\n :class=\"[\n styles.container,\n styles[`container__${variant}`],\n ]\">\n <Icon\n :name=\"IconName\"\n :size=\"24\" />\n <span :class=\"styles.container__text\">{{ text }}</span>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue';\nimport { Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './SegmentButton.module.scss';\n\nexport interface SegmentType {\n value: string;\n label: string;\n disabled?: boolean;\n icon?: IconNames;\n}\n\nexport interface SegmentButtonProps {\n color: 'primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n align?: 'vertical' | 'horizontal';\n disabled?: boolean;\n segments: SegmentType[];\n fill?: boolean;\n modelValue?: string;\n}\n\ninterface SegmentButtonEmits {\n 'update:modelValue': [value: string];\n click: [value: SegmentType['value']];\n}\n\nconst props = withDefaults(defineProps<SegmentButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n size: 'default',\n align: 'horizontal',\n});\n\nconst emit = defineEmits<SegmentButtonEmits>();\nconst selected = ref<string>(props.modelValue || '');\n\nconst setSelect = (segment: SegmentType) => {\n if (props.disabled || segment.disabled) {\n return;\n }\n\n selected.value = segment.value;\n emit('update:modelValue', segment.value);\n emit('click', segment.value);\n};\n\nwatch(() => props.modelValue, newValue => {\n if (selected.value !== newValue) {\n selected.value = newValue || '';\n }\n});\n\nconst filteredSegments = ref<SegmentType[]>([...props.segments]);\n\nwatch(() => props.segments, newSegments => {\n filteredSegments.value = [...newSegments];\n\n if (!newSegments.some(segment => segment.value === selected.value)) {\n selected.value = '';\n emit('update:modelValue', '');\n }\n}, { deep: true });\n</script>\n\n<template>\n <div\n :class=\"[\n styles.segmentGroup,\n styles[`segmentGroup--${align}`],\n { [styles.fill]: fill },\n ]\">\n <button\n v-for=\"(segment, index) in filteredSegments\"\n :key=\"`${segment.value}-${index}`\"\n :class=\"[\n styles.button,\n styles[`button--${color}`],\n styles[`button__size_${size}`],\n styles.fill,\n {\n [styles[`button--selected`]]: segment.value === selected,\n },\n ]\"\n :disabled=\"segment.disabled || props.disabled\"\n @click=\"setSelect(segment)\">\n <Icon\n v-if=\"segment.icon\"\n :name=\"segment.icon\" />\n <span\n v-if=\"segment.label\"\n :class=\"styles.button__label\">\n {{ segment.label }}\n </span>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue';\nimport styles from './TextInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue?: string;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n maxHeight?: number;\n error?: string;\n multiline?: boolean;\n autoGrow?: boolean;\n counter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n maxHeight: undefined,\n error: '',\n multiline: false,\n autoGrow: false,\n modelValue: '',\n});\n\nconst emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']];\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst autoGrow = () => {\n if (props.autoGrow && textareaRef.value) {\n textareaRef.value.style.height = '';\n\n const newHeight = Math.min(textareaRef.value.scrollHeight, props.maxHeight || textareaRef.value.scrollHeight);\n\n textareaRef.value.style.height = `${newHeight}px`;\n }\n};\n\nconst handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n emit('input', event);\n emit('update:modelValue', target.value);\n\n autoGrow();\n};\n\nonMounted(() => {\n autoGrow();\n});\n</script>\n\n<template>\n <div :class=\"styles.wrapper\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <template v-if=\"multiline\">\n <textarea\n :id=\"id\"\n ref=\"textareaRef\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :style=\"maxHeight ? { maxHeight: `${maxHeight}px` } : undefined\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\" />\n </template>\n <template v-else>\n <input\n :id=\"id\"\n type=\"text\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n </template>\n\n <div :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport styles from './NumberInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue?: number;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n error?: string;\n errorStatus?: boolean;\n counter?: boolean;\n min?: number;\n max?: number;\n size?: 'default' | 'small';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n min: undefined,\n max: undefined,\n error: '',\n modelValue: undefined,\n size: 'default',\n});\n\nconst emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']];\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst applyMinMax = (value: string): string => {\n if (value === '') {\n return value;\n }\n\n const numericValue = Number(value);\n\n if (typeof props.min === 'number' && numericValue < props.min) {\n return props.min.toString();\n } else if (typeof props.max === 'number' && numericValue > props.max) {\n return props.max.toString();\n }\n\n return numericValue.toString();\n};\n\nconst handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n const sanitizedValue = applyMinMax(target.value);\n\n target.value = sanitizedValue;\n\n emit('input', event);\n emit('update:modelValue', Number(sanitizedValue));\n};\n\nconst handleBlur = (event: FocusEvent) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n const oldValue = target.value;\n const sanitizedValue = applyMinMax(target.value === '' ? String(props.min || 0) : target.value);\n\n target.value = sanitizedValue;\n\n emit('blur', event);\n\n if (oldValue !== sanitizedValue) {\n emit('update:modelValue', Number(sanitizedValue));\n }\n};\n</script>\n\n<template>\n <div :class=\"[styles.wrapper, styles[`wrapper__size_${size}`]]\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <input\n :id=\"id\"\n type=\"number\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error || errorStatus,\n },\n ]\"\n :max=\"max\"\n :maxlength=\"maxLength\"\n :min=\"min\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"handleBlur\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n\n <div\n v-if=\"counter || error\"\n :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport styles from './Toggle.module.scss';\n\ninterface ToggleProps {\n id: string;\n name: string;\n checked?: boolean;\n disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n checked: false,\n disabled: false,\n});\n\nconst emit = defineEmits<{\n click: [checked: boolean];\n}>();\n\nconst onClick = () => {\n emit('click', !props.checked);\n};\n</script>\n\n<template>\n <fieldset\n :class=\"[\n styles.wrapper,\n {\n [styles.wrapper_checked]: checked,\n [styles.wrapper_disabled]: disabled,\n },\n ]\">\n <input\n :id=\"id\"\n type=\"checkbox\"\n :checked=\"checked\"\n :class=\"styles.wrapper__input\"\n :disabled=\"disabled\"\n :name=\"name\"\n @click=\"onClick\">\n <label\n :class=\"styles.wrapper__label\"\n :for=\"id\" />\n </fieldset>\n</template>\n","export function preventXSS (html = '') {\n if (typeof(html) === 'string') {\n return html.replace(/<\\/style>/gi, '')\n .replace(/<(.*?) on(.*?)=['\"](.*?)>/gi, '')\n .replace(/(<meta |<style|<\\/*script)(.*?)>/gi, '')\n .replace(/(<([^>]+)>)/ig, '')\n .replace(/<(.*?) (href|src)=\"j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, '');\n }\n return html;\n}\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, type StyleValue } from 'vue';\nimport { Box, Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport { preventXSS } from '@/utils/preventXSS';\nimport styles from './Tooltip.module.scss';\n\ntype TriangleAlignment = 'start' | 'center' | 'end' | 'top';\n\nexport interface TooltipProps {\n id: string;\n text: string;\n staticPosition?: (\n 'top center'\n | 'top left'\n | 'top right'\n | 'bottom center'\n | 'bottom left'\n | 'bottom right'\n | 'right center'\n | 'right top'\n | 'right bottom'\n | 'left center'\n | 'left top'\n | 'left bottom'\n );\n dynamicPosition?: boolean;\n absolutePositionStatus?: boolean;\n offsetX?: number;\n offsetY?: number;\n maxHeight?: number;\n status?: boolean;\n preventXss?: boolean;\n iconName?: IconNames;\n absoluteTriangleAlignment?: TriangleAlignment;\n absoluteTrianglePosition?: 'top' | 'bottom';\n absolutePosition?: StyleValue;\n}\n\nconst props = withDefaults(defineProps<TooltipProps>(), {\n offsetX: 4,\n offsetY: 4,\n staticPosition: 'top center',\n maxHeight: 320,\n status: true,\n iconName: undefined,\n absoluteTriangleAlignment: 'center',\n absoluteTrianglePosition: 'top',\n position: 'bottom',\n align: 'end',\n absolutePositionStatus: false,\n});\n\nconst tooltipIconRef = ref<HTMLElement | null>(null);\nconst dynamicPositionTriangle = ref('center');\nconst dynamicPositionAlignment = ref('bottom');\nconst dynamicPositionTrianglePosition = ref<TriangleAlignment>('center');\nconst dynamicPositionInitialized = ref(false);\nconst animationClass = ref('');\nconst mouseEnterWrapper = ref(false);\nconst mouseEnterIcon = ref(false);\nconst lastEnteredElement = ref('');\nconst displayClass = ref('d-n');\nconst scrollAreaRef = ref<Document | HTMLElement | ParentNode | null>(null);\nconst tooltipRootRef = ref<HTMLElement | null>(null);\nconst tooltipPopupRef = ref<HTMLElement | null>(null);\nconst position = computed(() => props.staticPosition.split(' ')[0]);\nconst alignment = computed(() => props.staticPosition.split(' ')[1]);\nconst topClass = computed(() => (props.iconName ? 'mt-1' : 'mt-0'));\nconst secureText = computed(() => (props.preventXss ? preventXSS(props.text) : props.text));\n\nconst trianglePosition = computed(() => {\n if (props.absolutePositionStatus) {\n return props.absoluteTrianglePosition;\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n return dynamicPositionAlignment.value === 'bottom' ? 'top' : 'bottom';\n }\n\n if (position.value === 'top') {\n return 'bottom';\n }\n\n if (position.value === 'bottom') {\n return 'top';\n }\n\n if (position.value === 'left') {\n return 'right';\n }\n\n if (position.value === 'right') {\n return 'left';\n }\n\n return 'bottom';\n});\n\nconst visibilityClass = computed(() => {\n if (props.absolutePositionStatus) {\n return '';\n }\n\n if (\n (mouseEnterWrapper.value && mouseEnterIcon.value)\n || (lastEnteredElement.value === 'icon' && mouseEnterWrapper.value)\n ) {\n return 'opa-1';\n }\n\n return 'opa-0';\n});\n\nconst triangleAlignment = computed<TriangleAlignment>(() => {\n if (props.absolutePositionStatus) {\n return props.absoluteTriangleAlignment;\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n if (dynamicPositionTriangle.value === 'center') {\n return 'center';\n }\n\n if (dynamicPositionTriangle.value === 'end') {\n return 'end';\n }\n\n if (dynamicPositionTriangle.value === 'start') {\n return 'start';\n }\n\n return dynamicPositionTrianglePosition.value;\n }\n\n if (alignment.value === 'center') {\n return 'center';\n }\n\n if (alignment.value === 'left' || alignment.value === 'top') {\n return 'start';\n }\n\n if (alignment.value === 'right' || alignment.value === 'bottom') {\n return 'end';\n }\n\n return 'center';\n});\n\nconst staticPositionClass = computed(() => {\n if (props.absolutePositionStatus) {\n return '';\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n return styles[`wrapper__box_${dynamicPositionAlignment.value}-${dynamicPositionTriangle.value}`];\n }\n\n return styles[`wrapper__box_${position.value}-${triangleAlignment.value}`];\n});\n\nconst offsetStyle = computed(() => {\n if (props.offsetX === 0 && props.offsetY === 0) {\n return {};\n }\n\n if (props.dynamicPosition) {\n const marginDirection = dynamicPositionAlignment.value === 'bottom' ? 'top' : 'bottom';\n\n return {\n [`margin-${marginDirection}`]: `${props.offsetY}px`,\n };\n }\n\n if (trianglePosition.value === 'top' || trianglePosition.value === 'bottom') {\n return {\n [`margin-${trianglePosition.value}`]: `${props.offsetY}px`,\n };\n }\n\n return { [`margin-${trianglePosition.value}`]: `${props.offsetX}px` };\n});\n\nconst getOffsetRect = (element: HTMLElement) => {\n const { offsetTop: top, offsetLeft: left, offsetWidth: width, offsetHeight: height } = element;\n const bottom = top + height;\n const right = left + width;\n\n return {\n top,\n left,\n width,\n bottom,\n right,\n };\n};\n\nconst getDynamicPosition = (\n target: HTMLElement | null | undefined,\n parent: HTMLElement | null | undefined,\n nested = false\n) => {\n if (!target || !tooltipRootRef.value) {\n return { left: false, right: false, top: false, bottom: false, center: false };\n }\n\n const customRect = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 };\n const tooltipElementHeight = tooltipRootRef.value.offsetHeight;\n const windowWidth = window.innerWidth;\n const windowHeight = window.innerHeight;\n const targetHeight = target.offsetHeight;\n const targetWidth = target.offsetWidth || 264;\n const parentRectangle = (parent && getOffsetRect(parent)) || customRect;\n const parentXOffset = nested ? parentRectangle?.right : parentRectangle?.left;\n const parentYOffset = nested ? parentRectangle?.top : parentRectangle?.bottom;\n const hasSpaceOnRight = (\n (parentXOffset + parentRectangle.width) + targetWidth + props.offsetX\n ) < windowWidth;\n const hasSpaceOnLeft = ((parentXOffset + (parentRectangle.width / 2))\n - (targetWidth + props.offsetX)) > 10;\n const hasSpaceOnBottom = (parentYOffset + targetHeight) < (windowHeight - props.offsetY);\n const hasSpaceOnTop = (parentYOffset - (targetHeight + tooltipElementHeight + props.offsetY)) > 0;\n let hasSpaceOnCenter = false;\n\n if (props.iconName) {\n hasSpaceOnCenter = (parentRectangle.right + (targetWidth / 2) < windowWidth)\n && (parentRectangle.left - ((targetWidth + props.offsetX) / 2) >= 10);\n }\n\n return {\n left: hasSpaceOnLeft,\n right: hasSpaceOnRight,\n bottom: hasSpaceOnBottom,\n top: hasSpaceOnTop,\n center: hasSpaceOnCenter,\n };\n};\n\nconst handleDynamicPosition = () => {\n nextTick(() => {\n dynamicPositionInitialized.value = true;\n\n const { bottom, left, right, top, center } = getDynamicPosition(\n tooltipPopupRef.value,\n tooltipPopupRef.value?.parentNode as HTMLElement\n );\n\n if (center) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = bottom && !top ? 'bottom' : 'top';\n\n return;\n }\n\n // Means that every direction has an available space\n if (bottom && left && right && top) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (top && !bottom) {\n if (right && left) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n }\n\n if (bottom && top) {\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'top';\n dynamicPositionTrianglePosition.value = 'end';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'top';\n dynamicPositionTrianglePosition.value = 'start';\n\n return;\n }\n }\n\n if (bottom && !top) {\n if (right && left) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n\n return;\n }\n\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n }\n }\n });\n};\n\nconst isScrollable = (el: HTMLElement | ParentNode): boolean => {\n if (!(el instanceof HTMLElement)) {\n return false;\n }\n\n const hasScrollableContent = el.scrollHeight > el.offsetHeight;\n const overflowYStyle = window.getComputedStyle(el).overflowY;\n const isOverflowScroll = ['auto', 'scroll'].includes(overflowYStyle);\n\n return hasScrollableContent && isOverflowScroll;\n};\n\nconst getScrollableParent = (element: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null => {\n const isComment = element?.nodeType === Node.COMMENT_NODE;\n const isDocument = element?.nodeType === Node.DOCUMENT_NODE;\n\n if (!element || isComment || isDocument) {\n return document;\n }\n\n if (isScrollable(element)) {\n return element;\n }\n\n return getScrollableParent(element.parentNode);\n};\n\nconst killDynamicPositioning = () => {\n scrollAreaRef.value?.removeEventListener('scroll', handleDynamicPosition);\n window?.removeEventListener('resize', handleDynamicPosition);\n};\n\nconst initDynamicPositioning = () => {\n nextTick(() => {\n scrollAreaRef.value = getScrollableParent(tooltipRootRef.value);\n scrollAreaRef.value?.addEventListener('scroll', handleDynamicPosition);\n window?.addEventListener('resize', handleDynamicPosition);\n });\n};\n\nconst onMouseEnterWrapper = () => {\n lastEnteredElement.value = 'wrapper';\n displayClass.value = 'd-b';\n\n mouseEnterWrapper.value = true;\n};\n\nconst onMouseEnterIcon = () => {\n lastEnteredElement.value = 'icon';\n displayClass.value = 'd-b';\n\n mouseEnterIcon.value = true;\n};\n\nconst onMouseLeaveIcon = () => {\n mouseEnterIcon.value = false;\n};\n\nconst onMouseLeaveWrapper = () => {\n lastEnteredElement.value = '';\n mouseEnterWrapper.value = false;\n mouseEnterIcon.value = false;\n};\n\nconst mouseLeave = () => {\n onMouseLeaveWrapper();\n\n if (props.dynamicPosition) {\n if (dynamicPositionAlignment.value === 'bottom') {\n animationClass.value = 'bottom-leave';\n } else if (dynamicPositionAlignment.value === 'top') {\n animationClass.value = 'top-leave';\n }\n } else if (position.value === 'top') {\n animationClass.value = 'top-leave';\n } else if (position.value === 'bottom') {\n animationClass.value = 'bottom-leave';\n } else if (position.value === 'left') {\n animationClass.value = 'left-leave';\n } else if (position.value === 'right') {\n animationClass.value = 'right-leave';\n }\n\n setTimeout(() => {\n animationClass.value = '';\n displayClass.value = 'd-n';\n }, props.absolutePositionStatus ? 0 : 250);\n};\n\nconst addAnimationClass = () => {\n onMouseEnterWrapper();\n handleDynamicPosition();\n\n if (props.dynamicPosition) {\n if (dynamicPositionAlignment.value === 'bottom') {\n animationClass.value = 'top-entrance';\n } else if (dynamicPositionAlignment.value === 'top') {\n animationClass.value = 'bottom-entrance';\n }\n } else if (position.value === 'top') {\n animationClass.value = 'bottom-entrance';\n } else if (position.value === 'bottom') {\n animationClass.value = 'top-entrance';\n } else if (position.value === 'left') {\n animationClass.value = 'right-entrance';\n } else if (position.value === 'right') {\n animationClass.value = 'left-entrance';\n }\n\n setTimeout(() => {\n animationClass.value = '';\n }, 250);\n};\n\nonMounted(() => {\n if (props.dynamicPosition) {\n initDynamicPositioning();\n }\n});\n\nonBeforeUnmount(() => {\n killDynamicPositioning();\n});\n</script>\n\n<template>\n <div\n :id=\"id\"\n ref=\"tooltipRootRef\"\n :class=\"styles.wrapper\"\n @mouseenter=\"addAnimationClass\"\n @mouseleave=\"mouseLeave\">\n <Icon\n v-if=\"iconName\"\n ref=\"tooltipIconRef\"\n :class=\"styles.wrapper__icon\"\n :name=\"iconName\"\n @mouseenter=\"onMouseEnterIcon\"\n @mouseleave=\"onMouseLeaveIcon\" />\n <div\n v-else\n :class=\"styles.wrapper__icon\"\n @mouseenter=\"onMouseEnterIcon\"\n @mouseleave=\"onMouseEnterIcon\">\n <slot name=\"triggerElement\" />\n </div>\n <div\n v-if=\"status\"\n ref=\"tooltipPopupRef\"\n :class=\"[styles.wrapper__box, staticPositionClass, visibilityClass, displayClass]\"\n :style=\"absolutePosition\">\n <Box\n border-triangle\n :border-triangle-align=\"triangleAlignment\"\n :border-triangle-position=\"trianglePosition\"\n :class=\"[styles['wrapper__box-content'], topClass, animationClass]\"\n :style=\"offsetStyle\">\n <div\n :class=\"styles.wrapper__text\"\n :style=\"{ maxHeight: `${maxHeight}px`, overflowY: 'auto' }\">\n <div v-html=\"secureText\" />\n <slot name=\"contentSlot\" />\n </div>\n </Box>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport styles from './Box.module.scss';\n\nexport interface Props {\n border?: string;\n borderRadius?: string;\n borderTriangle?: boolean;\n borderTriangleAlign?: 'start' | 'center' | 'end';\n borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n borderRadius: 'bor-r-1',\n borderTriangle: false,\n borderTriangleAlign: 'center',\n borderTrianglePosition: 'top',\n});\n\nconst emit = defineEmits<{\n click: [];\n}>();\n\nconst trianglePosition = computed(\n () => (props.borderTriangle ? styles[`box_${props.borderTrianglePosition}-${props.borderTriangleAlign}`] : '')\n);\n\nfunction trigger (): void {\n emit('click');\n}\n</script>\n\n<template>\n <div\n :class=\"[styles.box, trianglePosition, border, borderRadius]\"\n @click=\"trigger\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport DefaultBox from './DefaultBox.vue';\nimport FlipBox from './FlipBox.vue';\n\nconst boxes = {\n default: DefaultBox,\n flip: FlipBox,\n} as const;\n\nwithDefaults(defineProps<{\n type?: keyof typeof boxes;\n borderTriangle?: boolean;\n borderTriangleAlign?: 'start' | 'center' | 'end' | 'top';\n borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';\n boxSpacing?: string;\n}>(), {\n borderTriangle: false,\n boxSpacing: '',\n type: 'default',\n});\n</script>\n\n<template>\n <component\n :is=\"boxes[type]\"\n :border-triangle=\"borderTriangle\"\n :border-triangle-align=\"borderTriangleAlign\"\n :border-triangle-position=\"borderTrianglePosition\"\n :box-spacing=\"boxSpacing\">\n <slot />\n <slot name=\"front\" />\n <slot name=\"reverse\" />\n </component>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","event","leftIcon","computed","clickOutside","el","binding","excludeElements","element","isFuzzyMatch","choiceValue","searchTerm","searchIndex","char","_a","fuzzySearch","choices","key","normalizedSearchTerm","choice","value","b","aValue","bValue","vClickOutside","dropdownRef","ref","menuRef","isOpen","selectedItem","searchQuery","errorMessage","menuPosition","filteredItems","reactive","allItems","calculateMenuPosition","top","left","width","viewportHeight","bottom","shouldOpenUp","toggleMenu","resetSettings","closeMenu","selectItem","item","addItem","query","error","newItem","onSearch","results","onFocusSearch","menuStyle","onMounted","defaultItem","selectedValue","watch","newValue","newItems","clickOutsideTarget","iconSize","IconName","selected","setSelect","segment","filteredSegments","newSegments","textareaRef","autoGrow","newHeight","handleInput","target","applyMinMax","numericValue","sanitizedValue","handleBlur","oldValue","preventXSS","html","tooltipIconRef","dynamicPositionTriangle","dynamicPositionAlignment","dynamicPositionTrianglePosition","dynamicPositionInitialized","animationClass","mouseEnterWrapper","mouseEnterIcon","lastEnteredElement","displayClass","scrollAreaRef","tooltipRootRef","tooltipPopupRef","position","alignment","topClass","secureText","trianglePosition","visibilityClass","triangleAlignment","staticPositionClass","styles","offsetStyle","getOffsetRect","height","right","getDynamicPosition","parent","nested","customRect","tooltipElementHeight","windowWidth","windowHeight","targetHeight","targetWidth","parentRectangle","parentXOffset","parentYOffset","hasSpaceOnRight","hasSpaceOnLeft","hasSpaceOnBottom","hasSpaceOnTop","hasSpaceOnCenter","handleDynamicPosition","nextTick","center","isScrollable","hasScrollableContent","overflowYStyle","isOverflowScroll","getScrollableParent","isComment","isDocument","killDynamicPositioning","initDynamicPositioning","onMouseEnterWrapper","onMouseEnterIcon","onMouseLeaveIcon","onMouseLeaveWrapper","mouseLeave","addAnimationClass","onBeforeUnmount","trigger","boxes","DefaultBox","FlipBox"],"mappings":"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"}
1
+ {"version":3,"file":"ab-components.cjs.js","sources":["../src/components/Button/Button.vue","../src/directives/clickOutside.ts","../src/utils/search.ts","../src/components/Dropdown/DropdownMenu.vue","../src/components/Icon/Icon.vue","../src/components/OnPageMessage/OnPageMessage.vue","../src/components/SegmentButton/SegmentButton.vue","../src/components/TextInput/TextInput.vue","../src/components/NumberInput/NumberInput.vue","../src/components/Toggle/Toggle.vue","../src/utils/preventXSS.ts","../src/components/Tooltip/Tooltip.vue","../src/components/Box/DefaultBox.vue","../src/components/Box/Box.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport { Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './Button.module.scss';\n\ninterface ButtonProps {\n variant: 'solid' | 'ghost' | 'text' | 'outline';\n color: 'primary' | 'subtle-primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n leftIconName?: IconNames;\n rightIconName?: IconNames;\n loadingStatus?: boolean;\n successStatus?: boolean;\n label?: string;\n disabled?: boolean;\n fill?: boolean;\n}\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n fill: false,\n size: 'default',\n});\n\nconst emit = defineEmits<{\n click: [event: MouseEvent];\n}>();\n\nconst onClick = (event: MouseEvent) => {\n if (props.disabled) {\n return;\n }\n\n emit('click', event);\n};\n\nconst leftIcon = computed<IconNames | undefined>(() => {\n if (props.loadingStatus) {\n return 'loading-circle';\n } else if (props.successStatus) {\n return 'line-check-natural';\n }\n\n return props.leftIconName;\n});\n</script>\n\n<template>\n <button\n :class=\"[\n styles.button,\n styles[`button__${variant}`],\n styles[`button__${variant}-${color}`],\n styles[`button__size_${size}`],\n { [styles.fill]: fill },\n ]\"\n :disabled=\"props.disabled\"\n @click=\"onClick\">\n <Icon\n v-if=\"leftIcon\"\n :name=\"leftIcon\" />\n <span\n v-if=\"label\"\n :class=\"styles.button__label\">\n {{ label }}\n </span>\n <Icon\n v-if=\"rightIconName\"\n :name=\"rightIconName\" />\n </button>\n</template>\n","import type { DirectiveBinding, Ref } from 'vue';\n\ninterface ClickOutsideElement extends HTMLElement {\n clickOutsideEvent?: (event: Event) => void;\n}\n\ntype DirectiveType = {\n handler: () => void;\n exclude: Ref<HTMLElement | undefined>[];\n}\n\nexport default {\n mounted(el: ClickOutsideElement, binding: DirectiveBinding<DirectiveType>) {\n el.clickOutsideEvent = (event: Event) => {\n const excludeElements = (binding.value.exclude || [])\n .filter(el => el.value)\n .map(el => el.value);\n const isClickInside = [el, ...excludeElements].some(element => {\n return element && (element === event.target || element.contains(event.target as Node))\n });\n\n if (!isClickInside) {\n binding.value.handler();\n }\n };\n\n document.addEventListener('click', el.clickOutsideEvent);\n },\n unmounted(el: ClickOutsideElement) {\n if (el.clickOutsideEvent) {\n document.removeEventListener('click', el.clickOutsideEvent);\n }\n },\n};\n","const isFuzzyMatch = (choiceValue: string, searchTerm: string): boolean => {\n let searchIndex = 0;\n for (const char of choiceValue) {\n if (char.toLowerCase() === searchTerm[searchIndex]?.toLowerCase()) {\n searchIndex++;\n }\n if (searchIndex === searchTerm.length) {\n return true;\n }\n }\n return false;\n};\n\n\nexport const fuzzySearch = <T>(\n choices: T[],\n key: keyof T,\n searchTerm: string,\n): T[] => {\n if (!searchTerm.trim()) {\n return choices;\n }\n\n const normalizedSearchTerm = searchTerm.toLowerCase();\n\n return choices\n .filter(choice => {\n const value = String(choice[key]);\n\n return isFuzzyMatch(value.toLowerCase(), normalizedSearchTerm)\n })\n .sort((a, b) => {\n const aValue = String(a[key]).toLowerCase();\n const bValue = String(b[key]).toLowerCase();\n\n if (aValue === normalizedSearchTerm) return -1;\n if (bValue === normalizedSearchTerm) return 1;\n\n if (aValue.startsWith(normalizedSearchTerm) && !bValue.startsWith(normalizedSearchTerm))\n return -1;\n if (!aValue.startsWith(normalizedSearchTerm) && bValue.startsWith(normalizedSearchTerm))\n return 1;\n\n return aValue.length - bValue.length;\n });\n};\n","<script lang=\"ts\" setup>\nimport { ref, computed, type StyleValue, onMounted, reactive, watch } from 'vue';\nimport clickOutside from '@/directives/clickOutside';\nimport { fuzzySearch } from '@/utils/search';\nimport styles from './Dropdown.module.scss';\n\nconst vClickOutside = clickOutside;\n\ninterface MenuItem {\n text: string;\n value: string;\n}\n\ninterface DropdownProps {\n id: string;\n label?: string;\n modelValue?: string;\n menuHeight?: number;\n placeholder?: string;\n addable?: boolean;\n addButtonText?: string;\n searchable?: boolean;\n searchPlaceHolder?: string;\n items: MenuItem[];\n validateAddItem?: (item: string, items: MenuItem[]) => string | null;\n}\n\ninterface Emits {\n (e: 'update:modelValue', value: string): void;\n (e: 'add-error', error: string): void;\n (e: 'item-added', item: MenuItem): void;\n (e: 'select-item', item: MenuItem): void;\n}\n\nconst props = withDefaults(defineProps<DropdownProps>(), {\n menuHeight: 154,\n searchBar: false,\n addItem: false,\n modelValue: '',\n validateAddItem: () => null,\n});\n\nconst emit = defineEmits<Emits>();\nconst dropdownRef = ref<HTMLDivElement>();\nconst menuRef = ref<HTMLDivElement>();\nconst isOpen = ref(false);\nconst selectedItem = ref<MenuItem | null>(null);\nconst searchQuery = ref('');\nconst errorMessage = ref<string | null>(null);\nconst menuPosition = ref({ x: 0, y: 0, width: 0, shouldOpenUp: false, height: props.menuHeight });\nconst filteredItems = reactive([...props.items]);\nconst allItems = reactive([...props.items]);\n\nconst calculateMenuPosition = () => {\n if (!dropdownRef.value) {\n return;\n }\n\n const { offsetTop: top, offsetLeft: left, offsetWidth: width } = dropdownRef.value;\n const viewportHeight = window.innerHeight;\n const bottom = top + dropdownRef.value.offsetHeight;\n const shouldOpenUp = bottom + props.menuHeight > viewportHeight;\n\n menuPosition.value = {\n x: left + window.scrollX,\n y: shouldOpenUp ? top + window.scrollY : bottom + window.scrollY,\n width,\n shouldOpenUp,\n height: props.menuHeight,\n };\n};\n\nconst toggleMenu = () => {\n calculateMenuPosition();\n isOpen.value = !isOpen.value;\n};\n\nconst resetSettings = () => {\n errorMessage.value = null;\n searchQuery.value = '';\n filteredItems.splice(0, filteredItems.length, ...allItems);\n};\n\nconst closeMenu = () => {\n isOpen.value = false;\n\n resetSettings();\n};\n\nconst selectItem = (item: MenuItem) => {\n selectedItem.value = item;\n\n emit('select-item', item);\n emit('update:modelValue', item.value);\n\n closeMenu();\n};\n\nconst addItem = () => {\n const query = searchQuery.value.trim();\n const error = props.validateAddItem(query, allItems);\n\n if (error) {\n errorMessage.value = error;\n\n emit('add-error', error);\n\n return;\n }\n\n const newItem: MenuItem = {\n text: query,\n value: query,\n };\n\n allItems.push(newItem);\n resetSettings();\n\n emit('item-added', newItem);\n};\n\nconst onSearch = () => {\n const results = fuzzySearch<MenuItem>(allItems, 'text', searchQuery.value);\n\n filteredItems.splice(0, filteredItems.length, ...results);\n};\n\nconst onFocusSearch = () => {\n errorMessage.value = '';\n};\n\nconst menuStyle = computed<Partial<StyleValue>>(() => ({\n top: menuPosition.value.shouldOpenUp ? `${menuPosition.value.y - 10}px` : `${menuPosition.value.y}px`,\n left: `${menuPosition.value.x}px`,\n width: `${menuPosition.value.width}px`,\n height: `${props.menuHeight}px`,\n}));\n\nonMounted(() => {\n calculateMenuPosition();\n\n if (props.modelValue) {\n const defaultItem = allItems.find(item => item.value === props.modelValue);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n }\n }\n});\n\nconst selectedValue = computed(() => (selectedItem.value ? selectedItem.value.text : ''));\n\nwatch(() => props.modelValue, newValue => {\n if (selectedItem.value?.value !== newValue) {\n const defaultItem = allItems.find(item => item.value === newValue);\n\n if (defaultItem) {\n selectedItem.value = defaultItem;\n }\n }\n});\n\nwatch(\n () => props.items,\n newItems => {\n allItems.splice(0, allItems.length, ...newItems);\n filteredItems.splice(0, filteredItems.length, ...newItems);\n },\n { deep: true }\n);\n\nconst clickOutsideTarget = ref({ handler: closeMenu, exclude: [dropdownRef, menuRef] });\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n :class=\"styles.dropdown\">\n <label\n v-if=\"label\"\n :class=\"styles.dropdown__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <button\n :class=\"[\n styles.dropdown__valueContent, {\n [styles['dropdown__valueContent--open']]: isOpen,\n },\n ]\"\n @click=\"toggleMenu\">\n <span :class=\"styles.dropdown__value\">\n {{ selectedValue }}\n </span>\n <span\n v-if=\"placeholder && !selectedValue\"\n :class=\"styles.dropdown__placeholder\">\n {{ placeholder }}\n </span>\n <svg\n fill=\"none\"\n height=\"17\"\n viewBox=\"0 0 16 17\"\n width=\"16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.dropdown__arrowIcon\">\n <path\n d=\"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z\"\n fill=\"#91949F\" />\n </svg>\n </button>\n </div>\n\n <div\n v-show=\"isOpen\"\n ref=\"menuRef\"\n :class=\"styles.menu\"\n :style=\"menuStyle\"\n v-click-outside=\"clickOutsideTarget\"\n @click.prevent>\n <div\n v-if=\"props.searchable\"\n :class=\"styles.menu__searchContainer\">\n <div :class=\"styles.menu__searchInputWrap\">\n <input\n type=\"text\"\n :class=\"[\n styles.menu__searchInput, {\n [styles['menu__searchInput--error']]: errorMessage,\n },\n ]\"\n :placeholder=\"searchPlaceHolder\"\n v-model=\"searchQuery\"\n @focus=\"onFocusSearch\"\n @input=\"onSearch\">\n <p\n v-if=\"errorMessage\"\n :class=\"styles.menu__errorMessage\">\n {{ errorMessage }}\n </p>\n </div>\n <button\n v-if=\"props.addable\"\n :class=\"styles.menu__addButton\"\n @click=\"addItem\">\n {{ addButtonText }}\n </button>\n </div>\n <ul :class=\"styles.menu__itemContainer\">\n <li\n v-for=\"(item, index) in filteredItems\"\n :key=\"`${item.value}-${index}`\"\n :class=\"[\n styles.menu__item, {\n [styles['menu__item--active']]: selectedItem && item.value === selectedItem.value,\n },\n ]\"\n @click=\"selectItem(item)\">\n {{ item.text }}\n </li>\n </ul>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport type { IconNames } from '@/types/generated/svgIconName';\n\nexport interface IconProps {\n name: IconNames;\n size?: 16 | 24;\n color?: string;\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n size: 16,\n});\n\nconst iconSize = computed(() => (typeof props.size === 'number' ? `${props.size}px` : props.size));\n</script>\n\n<template>\n <svg\n class=\"icon\"\n :fill=\"color || 'currentColor'\"\n :height=\"iconSize\"\n :width=\"iconSize\">\n <use :xlink:href=\"`#${name}`\" />\n </svg>\n</template>\n\n<style scoped>\n.icon {\n display: inline-block;\n line-height: 0;\n vertical-align: middle;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport Icon from '@/components/Icon/Icon.vue';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './OnPageMessage.module.scss';\n\ninterface OnPageMessageProps {\n variant?: 'default' | 'warning' | 'alert' | 'success';\n text: string;\n}\n\nconst props = withDefaults(defineProps<OnPageMessageProps>(), {\n variant: 'default',\n});\n\nconst IconName = computed<IconNames>(() => {\n switch (props.variant) {\n case 'alert': return 'icon-info-box-error';\n case 'warning': return 'line-caution-triangle';\n case 'success': return 'line-check-natural';\n\n default: return 'filled-info-circle';\n }\n});\n</script>\n\n<template>\n <div\n :class=\"[\n styles.container,\n styles[`container__${variant}`],\n ]\">\n <Icon\n :name=\"IconName\"\n :size=\"24\" />\n <span :class=\"styles.container__text\">{{ text }}</span>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue';\nimport { Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport styles from './SegmentButton.module.scss';\n\nexport interface SegmentType {\n value: string;\n label: string;\n disabled?: boolean;\n icon?: IconNames;\n}\n\nexport interface SegmentButtonProps {\n color: 'primary' | 'secondary' | 'danger' | 'warning' | 'smart';\n size?: 'default' | 'small';\n align?: 'vertical' | 'horizontal';\n disabled?: boolean;\n segments: SegmentType[];\n fill?: boolean;\n modelValue?: string;\n}\n\ninterface SegmentButtonEmits {\n 'update:modelValue': [value: string];\n click: [value: SegmentType['value']];\n}\n\nconst props = withDefaults(defineProps<SegmentButtonProps>(), {\n loadingStatus: false,\n successStatus: false,\n disabled: false,\n size: 'default',\n align: 'horizontal',\n});\n\nconst emit = defineEmits<SegmentButtonEmits>();\nconst selected = ref<string>(props.modelValue || '');\n\nconst setSelect = (segment: SegmentType) => {\n if (props.disabled || segment.disabled) {\n return;\n }\n\n selected.value = segment.value;\n emit('update:modelValue', segment.value);\n emit('click', segment.value);\n};\n\nwatch(() => props.modelValue, newValue => {\n if (selected.value !== newValue) {\n selected.value = newValue || '';\n }\n});\n\nconst filteredSegments = ref<SegmentType[]>([...props.segments]);\n\nwatch(() => props.segments, newSegments => {\n filteredSegments.value = [...newSegments];\n\n if (!newSegments.some(segment => segment.value === selected.value)) {\n selected.value = '';\n emit('update:modelValue', '');\n }\n}, { deep: true });\n</script>\n\n<template>\n <div\n :class=\"[\n styles.segmentGroup,\n styles[`segmentGroup--${align}`],\n { [styles.fill]: fill },\n ]\">\n <button\n v-for=\"(segment, index) in filteredSegments\"\n :key=\"`${segment.value}-${index}`\"\n :class=\"[\n styles.button,\n styles[`button--${color}`],\n styles[`button__size_${size}`],\n styles.fill,\n {\n [styles[`button--selected`]]: segment.value === selected,\n },\n ]\"\n :disabled=\"segment.disabled || props.disabled\"\n @click=\"setSelect(segment)\">\n <Icon\n v-if=\"segment.icon\"\n :name=\"segment.icon\" />\n <span\n v-if=\"segment.label\"\n :class=\"styles.button__label\">\n {{ segment.label }}\n </span>\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue';\nimport styles from './TextInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue?: string;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n maxHeight?: number;\n error?: string;\n multiline?: boolean;\n autoGrow?: boolean;\n counter?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n maxHeight: undefined,\n error: '',\n multiline: false,\n autoGrow: false,\n modelValue: '',\n});\n\nconst emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']];\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst autoGrow = () => {\n if (props.autoGrow && textareaRef.value) {\n textareaRef.value.style.height = '';\n\n const newHeight = Math.min(textareaRef.value.scrollHeight, props.maxHeight || textareaRef.value.scrollHeight);\n\n textareaRef.value.style.height = `${newHeight}px`;\n }\n};\n\nconst handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n emit('input', event);\n emit('update:modelValue', target.value);\n\n autoGrow();\n};\n\nonMounted(() => {\n autoGrow();\n});\n</script>\n\n<template>\n <div :class=\"styles.wrapper\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <template v-if=\"multiline\">\n <textarea\n :id=\"id\"\n ref=\"textareaRef\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :style=\"maxHeight ? { maxHeight: `${maxHeight}px` } : undefined\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\" />\n </template>\n <template v-else>\n <input\n :id=\"id\"\n type=\"text\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error,\n },\n ]\"\n :maxlength=\"maxLength\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"emit('blur', $event)\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n </template>\n\n <div :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport styles from './NumberInput.module.scss';\n\nexport interface Props {\n id: string;\n name: string;\n modelValue?: number;\n label?: string;\n placeholder?: string;\n maxLength?: number;\n error?: string;\n errorStatus?: boolean;\n counter?: boolean;\n min?: number;\n max?: number;\n size?: 'default' | 'small';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n label: '',\n placeholder: '',\n maxLength: undefined,\n min: undefined,\n max: undefined,\n error: '',\n modelValue: undefined,\n size: 'default',\n});\n\nconst emit = defineEmits<{\n 'update:modelValue': [Props['modelValue']];\n input: [event: Event];\n change: [event: Event];\n paste: [event: ClipboardEvent];\n focus: [event: FocusEvent];\n blur: [event: FocusEvent];\n}>();\n\nconst applyMinMax = (value: string): string => {\n if (value === '') {\n return value;\n }\n\n const numericValue = Number(value);\n\n if (typeof props.min === 'number' && numericValue < props.min) {\n return props.min.toString();\n } else if (typeof props.max === 'number' && numericValue > props.max) {\n return props.max.toString();\n }\n\n return numericValue.toString();\n};\n\nconst handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n const sanitizedValue = applyMinMax(target.value);\n\n target.value = sanitizedValue;\n\n emit('input', event);\n emit('update:modelValue', Number(sanitizedValue));\n};\n\nconst handleBlur = (event: FocusEvent) => {\n const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n const oldValue = target.value;\n const sanitizedValue = applyMinMax(target.value === '' ? String(props.min || 0) : target.value);\n\n target.value = sanitizedValue;\n\n emit('blur', event);\n\n if (oldValue !== sanitizedValue) {\n emit('update:modelValue', Number(sanitizedValue));\n }\n};\n</script>\n\n<template>\n <div :class=\"[styles.wrapper, styles[`wrapper__size_${size}`]]\">\n <label\n v-if=\"label\"\n :class=\"styles.wrapper__label\"\n :for=\"id\">\n {{ label }}\n </label>\n <input\n :id=\"id\"\n type=\"number\"\n :class=\"[\n styles.wrapper__field, {\n [styles['wrapper--error']]: error || errorStatus,\n },\n ]\"\n :max=\"max\"\n :maxlength=\"maxLength\"\n :min=\"min\"\n :name=\"name\"\n :placeholder=\"placeholder\"\n :value=\"modelValue\"\n @blur=\"handleBlur\"\n @change=\"$emit('change', $event)\"\n @focus=\"emit('focus', $event)\"\n @input=\"handleInput\"\n @paste=\"emit('paste', $event)\">\n\n <div\n v-if=\"counter || error\"\n :class=\"styles.wrapper__bottom\">\n <div\n v-if=\"error\"\n :class=\"styles.wrapper__errorMessage\">\n {{ error }}\n </div>\n <div\n v-if=\"counter\"\n :class=\"styles.wrapper__counter\">\n {{ modelValue?.toString().length || 0 }}\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport styles from './Toggle.module.scss';\n\ninterface ToggleProps {\n id: string;\n name: string;\n checked?: boolean;\n disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n checked: false,\n disabled: false,\n});\n\nconst emit = defineEmits<{\n click: [checked: boolean];\n}>();\n\nconst onClick = () => {\n emit('click', !props.checked);\n};\n</script>\n\n<template>\n <fieldset\n :class=\"[\n styles.wrapper,\n {\n [styles.wrapper_checked]: checked,\n [styles.wrapper_disabled]: disabled,\n },\n ]\">\n <input\n :id=\"id\"\n type=\"checkbox\"\n :checked=\"checked\"\n :class=\"styles.wrapper__input\"\n :disabled=\"disabled\"\n :name=\"name\"\n @click=\"onClick\">\n <label\n :class=\"styles.wrapper__label\"\n :for=\"id\" />\n </fieldset>\n</template>\n","export function preventXSS (html = '') {\n if (typeof(html) === 'string') {\n return html.replace(/<\\/style>/gi, '')\n .replace(/<(.*?) on(.*?)=['\"](.*?)>/gi, '')\n .replace(/(<meta |<style|<\\/*script)(.*?)>/gi, '')\n .replace(/(<([^>]+)>)/ig, '')\n .replace(/<(.*?) (href|src)=\"j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, '');\n }\n return html;\n}\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, type StyleValue } from 'vue';\nimport { Box, Icon } from '@/index';\nimport type { IconNames } from '@/types/generated/svgIconName';\nimport { preventXSS } from '@/utils/preventXSS';\nimport styles from './Tooltip.module.scss';\n\ntype TriangleAlignment = 'start' | 'center' | 'end' | 'top';\n\nexport interface TooltipProps {\n id: string;\n text: string;\n staticPosition?: (\n 'top center'\n | 'top left'\n | 'top right'\n | 'bottom center'\n | 'bottom left'\n | 'bottom right'\n | 'right center'\n | 'right top'\n | 'right bottom'\n | 'left center'\n | 'left top'\n | 'left bottom'\n );\n dynamicPosition?: boolean;\n absolutePositionStatus?: boolean;\n offsetX?: number;\n offsetY?: number;\n maxHeight?: number;\n status?: boolean;\n preventXss?: boolean;\n iconName?: IconNames;\n absoluteTriangleAlignment?: TriangleAlignment;\n absoluteTrianglePosition?: 'top' | 'bottom';\n absolutePosition?: StyleValue;\n}\n\nconst props = withDefaults(defineProps<TooltipProps>(), {\n offsetX: 4,\n offsetY: 4,\n staticPosition: 'top center',\n maxHeight: 320,\n status: true,\n iconName: undefined,\n absoluteTriangleAlignment: 'center',\n absoluteTrianglePosition: 'top',\n position: 'bottom',\n align: 'end',\n absolutePositionStatus: false,\n});\n\nconst tooltipIconRef = ref<HTMLElement | null>(null);\nconst dynamicPositionTriangle = ref('center');\nconst dynamicPositionAlignment = ref('bottom');\nconst dynamicPositionTrianglePosition = ref<TriangleAlignment>('center');\nconst dynamicPositionInitialized = ref(false);\nconst animationClass = ref('');\nconst mouseEnterWrapper = ref(false);\nconst mouseEnterIcon = ref(false);\nconst lastEnteredElement = ref('');\nconst displayClass = ref('d-n');\nconst scrollAreaRef = ref<Document | HTMLElement | ParentNode | null>(null);\nconst tooltipRootRef = ref<HTMLElement | null>(null);\nconst tooltipPopupRef = ref<HTMLElement | null>(null);\nconst position = computed(() => props.staticPosition.split(' ')[0]);\nconst alignment = computed(() => props.staticPosition.split(' ')[1]);\nconst topClass = computed(() => (props.iconName ? 'mt-1' : 'mt-0'));\nconst secureText = computed(() => (props.preventXss ? preventXSS(props.text) : props.text));\n\nconst trianglePosition = computed(() => {\n if (props.absolutePositionStatus) {\n return props.absoluteTrianglePosition;\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n return dynamicPositionAlignment.value === 'bottom' ? 'top' : 'bottom';\n }\n\n if (position.value === 'top') {\n return 'bottom';\n }\n\n if (position.value === 'bottom') {\n return 'top';\n }\n\n if (position.value === 'left') {\n return 'right';\n }\n\n if (position.value === 'right') {\n return 'left';\n }\n\n return 'bottom';\n});\n\nconst visibilityClass = computed(() => {\n if (props.absolutePositionStatus) {\n return '';\n }\n\n if (\n (mouseEnterWrapper.value && mouseEnterIcon.value)\n || (lastEnteredElement.value === 'icon' && mouseEnterWrapper.value)\n ) {\n return 'opa-1';\n }\n\n return 'opa-0';\n});\n\nconst triangleAlignment = computed<TriangleAlignment>(() => {\n if (props.absolutePositionStatus) {\n return props.absoluteTriangleAlignment;\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n if (dynamicPositionTriangle.value === 'center') {\n return 'center';\n }\n\n if (dynamicPositionTriangle.value === 'end') {\n return 'end';\n }\n\n if (dynamicPositionTriangle.value === 'start') {\n return 'start';\n }\n\n return dynamicPositionTrianglePosition.value;\n }\n\n if (alignment.value === 'center') {\n return 'center';\n }\n\n if (alignment.value === 'left' || alignment.value === 'top') {\n return 'start';\n }\n\n if (alignment.value === 'right' || alignment.value === 'bottom') {\n return 'end';\n }\n\n return 'center';\n});\n\nconst staticPositionClass = computed(() => {\n if (props.absolutePositionStatus) {\n return '';\n }\n\n if (props.dynamicPosition && dynamicPositionInitialized.value) {\n return styles[`wrapper__box_${dynamicPositionAlignment.value}-${dynamicPositionTriangle.value}`];\n }\n\n return styles[`wrapper__box_${position.value}-${triangleAlignment.value}`];\n});\n\nconst offsetStyle = computed(() => {\n if (props.offsetX === 0 && props.offsetY === 0) {\n return {};\n }\n\n if (props.dynamicPosition) {\n const marginDirection = dynamicPositionAlignment.value === 'bottom' ? 'top' : 'bottom';\n\n return {\n [`margin-${marginDirection}`]: `${props.offsetY}px`,\n };\n }\n\n if (trianglePosition.value === 'top' || trianglePosition.value === 'bottom') {\n return {\n [`margin-${trianglePosition.value}`]: `${props.offsetY}px`,\n };\n }\n\n return { [`margin-${trianglePosition.value}`]: `${props.offsetX}px` };\n});\n\nconst getOffsetRect = (element: HTMLElement) => {\n const { offsetTop: top, offsetLeft: left, offsetWidth: width, offsetHeight: height } = element;\n const bottom = top + height;\n const right = left + width;\n\n return {\n top,\n left,\n width,\n bottom,\n right,\n };\n};\n\nconst getDynamicPosition = (\n target: HTMLElement | null | undefined,\n parent: HTMLElement | null | undefined,\n nested = false\n) => {\n if (!target || !tooltipRootRef.value) {\n return { left: false, right: false, top: false, bottom: false, center: false };\n }\n\n const customRect = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 };\n const tooltipElementHeight = tooltipRootRef.value.offsetHeight;\n const windowWidth = window.innerWidth;\n const windowHeight = window.innerHeight;\n const targetHeight = target.offsetHeight;\n const targetWidth = target.offsetWidth || 264;\n const parentRectangle = (parent && getOffsetRect(parent)) || customRect;\n const parentXOffset = nested ? parentRectangle?.right : parentRectangle?.left;\n const parentYOffset = nested ? parentRectangle?.top : parentRectangle?.bottom;\n const hasSpaceOnRight = (\n (parentXOffset + parentRectangle.width) + targetWidth + props.offsetX\n ) < windowWidth;\n const hasSpaceOnLeft = ((parentXOffset + (parentRectangle.width / 2))\n - (targetWidth + props.offsetX)) > 10;\n const hasSpaceOnBottom = (parentYOffset + targetHeight) < (windowHeight - props.offsetY);\n const hasSpaceOnTop = (parentYOffset - (targetHeight + tooltipElementHeight + props.offsetY)) > 0;\n let hasSpaceOnCenter = false;\n\n if (props.iconName) {\n hasSpaceOnCenter = (parentRectangle.right + (targetWidth / 2) < windowWidth)\n && (parentRectangle.left - ((targetWidth + props.offsetX) / 2) >= 10);\n }\n\n return {\n left: hasSpaceOnLeft,\n right: hasSpaceOnRight,\n bottom: hasSpaceOnBottom,\n top: hasSpaceOnTop,\n center: hasSpaceOnCenter,\n };\n};\n\nconst handleDynamicPosition = () => {\n nextTick(() => {\n dynamicPositionInitialized.value = true;\n\n const { bottom, left, right, top, center } = getDynamicPosition(\n tooltipPopupRef.value,\n tooltipPopupRef.value?.parentNode as HTMLElement\n );\n\n if (center) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = bottom && !top ? 'bottom' : 'top';\n\n return;\n }\n\n // Means that every direction has an available space\n if (bottom && left && right && top) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (top && !bottom) {\n if (right && left) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'top';\n\n return;\n }\n }\n\n if (bottom && top) {\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'top';\n dynamicPositionTrianglePosition.value = 'end';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'top';\n dynamicPositionTrianglePosition.value = 'start';\n\n return;\n }\n }\n\n if (bottom && !top) {\n if (right && left) {\n dynamicPositionTriangle.value = 'center';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n\n return;\n }\n\n if (!right && left) {\n dynamicPositionTriangle.value = 'end';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n\n return;\n }\n\n if (right && !left) {\n dynamicPositionTriangle.value = 'start';\n dynamicPositionAlignment.value = 'bottom';\n dynamicPositionTrianglePosition.value = 'top';\n }\n }\n });\n};\n\nconst isScrollable = (el: HTMLElement | ParentNode): boolean => {\n if (!(el instanceof HTMLElement)) {\n return false;\n }\n\n const hasScrollableContent = el.scrollHeight > el.offsetHeight;\n const overflowYStyle = window.getComputedStyle(el).overflowY;\n const isOverflowScroll = ['auto', 'scroll'].includes(overflowYStyle);\n\n return hasScrollableContent && isOverflowScroll;\n};\n\nconst getScrollableParent = (element: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null => {\n const isComment = element?.nodeType === Node.COMMENT_NODE;\n const isDocument = element?.nodeType === Node.DOCUMENT_NODE;\n\n if (!element || isComment || isDocument) {\n return document;\n }\n\n if (isScrollable(element)) {\n return element;\n }\n\n return getScrollableParent(element.parentNode);\n};\n\nconst killDynamicPositioning = () => {\n scrollAreaRef.value?.removeEventListener('scroll', handleDynamicPosition);\n window?.removeEventListener('resize', handleDynamicPosition);\n};\n\nconst initDynamicPositioning = () => {\n nextTick(() => {\n scrollAreaRef.value = getScrollableParent(tooltipRootRef.value);\n scrollAreaRef.value?.addEventListener('scroll', handleDynamicPosition);\n window?.addEventListener('resize', handleDynamicPosition);\n });\n};\n\nconst onMouseEnterWrapper = () => {\n lastEnteredElement.value = 'wrapper';\n displayClass.value = 'd-b';\n\n mouseEnterWrapper.value = true;\n};\n\nconst onMouseEnterIcon = () => {\n lastEnteredElement.value = 'icon';\n displayClass.value = 'd-b';\n\n mouseEnterIcon.value = true;\n};\n\nconst onMouseLeaveIcon = () => {\n mouseEnterIcon.value = false;\n};\n\nconst onMouseLeaveWrapper = () => {\n lastEnteredElement.value = '';\n mouseEnterWrapper.value = false;\n mouseEnterIcon.value = false;\n};\n\nconst mouseLeave = () => {\n onMouseLeaveWrapper();\n\n if (props.dynamicPosition) {\n if (dynamicPositionAlignment.value === 'bottom') {\n animationClass.value = 'bottom-leave';\n } else if (dynamicPositionAlignment.value === 'top') {\n animationClass.value = 'top-leave';\n }\n } else if (position.value === 'top') {\n animationClass.value = 'top-leave';\n } else if (position.value === 'bottom') {\n animationClass.value = 'bottom-leave';\n } else if (position.value === 'left') {\n animationClass.value = 'left-leave';\n } else if (position.value === 'right') {\n animationClass.value = 'right-leave';\n }\n\n setTimeout(() => {\n animationClass.value = '';\n displayClass.value = 'd-n';\n }, props.absolutePositionStatus ? 0 : 250);\n};\n\nconst addAnimationClass = () => {\n onMouseEnterWrapper();\n handleDynamicPosition();\n\n if (props.dynamicPosition) {\n if (dynamicPositionAlignment.value === 'bottom') {\n animationClass.value = 'top-entrance';\n } else if (dynamicPositionAlignment.value === 'top') {\n animationClass.value = 'bottom-entrance';\n }\n } else if (position.value === 'top') {\n animationClass.value = 'bottom-entrance';\n } else if (position.value === 'bottom') {\n animationClass.value = 'top-entrance';\n } else if (position.value === 'left') {\n animationClass.value = 'right-entrance';\n } else if (position.value === 'right') {\n animationClass.value = 'left-entrance';\n }\n\n setTimeout(() => {\n animationClass.value = '';\n }, 250);\n};\n\nonMounted(() => {\n if (props.dynamicPosition) {\n initDynamicPositioning();\n }\n});\n\nonBeforeUnmount(() => {\n killDynamicPositioning();\n});\n</script>\n\n<template>\n <div\n :id=\"id\"\n ref=\"tooltipRootRef\"\n :class=\"styles.wrapper\"\n @mouseenter=\"addAnimationClass\"\n @mouseleave=\"mouseLeave\">\n <Icon\n v-if=\"iconName\"\n ref=\"tooltipIconRef\"\n :class=\"styles.wrapper__icon\"\n :name=\"iconName\"\n @mouseenter=\"onMouseEnterIcon\"\n @mouseleave=\"onMouseLeaveIcon\" />\n <div\n v-else\n :class=\"styles.wrapper__icon\"\n @mouseenter=\"onMouseEnterIcon\"\n @mouseleave=\"onMouseEnterIcon\">\n <slot name=\"triggerElement\" />\n </div>\n <div\n v-if=\"status\"\n ref=\"tooltipPopupRef\"\n :class=\"[styles.wrapper__box, staticPositionClass, visibilityClass, displayClass]\"\n :style=\"absolutePosition\">\n <Box\n border-triangle\n :border-triangle-align=\"triangleAlignment\"\n :border-triangle-position=\"trianglePosition\"\n :class=\"[styles['wrapper__box-content'], topClass, animationClass]\"\n :style=\"offsetStyle\">\n <div\n :class=\"styles.wrapper__text\"\n :style=\"{ maxHeight: `${maxHeight}px`, overflowY: 'auto' }\">\n <div v-html=\"secureText\" />\n <slot name=\"contentSlot\" />\n </div>\n </Box>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport styles from './Box.module.scss';\n\nexport interface Props {\n border?: string;\n borderRadius?: string;\n borderTriangle?: boolean;\n borderTriangleAlign?: 'start' | 'center' | 'end';\n borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n borderRadius: 'bor-r-1',\n borderTriangle: false,\n borderTriangleAlign: 'center',\n borderTrianglePosition: 'top',\n});\n\nconst emit = defineEmits<{\n click: [];\n}>();\n\nconst trianglePosition = computed(\n () => (props.borderTriangle ? styles[`box_${props.borderTrianglePosition}-${props.borderTriangleAlign}`] : '')\n);\n\nfunction trigger (): void {\n emit('click');\n}\n</script>\n\n<template>\n <div\n :class=\"[styles.box, trianglePosition, border, borderRadius]\"\n @click=\"trigger\">\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport DefaultBox from './DefaultBox.vue';\nimport FlipBox from './FlipBox.vue';\n\nconst boxes = {\n default: DefaultBox,\n flip: FlipBox,\n} as const;\n\nwithDefaults(defineProps<{\n type?: keyof typeof boxes;\n borderTriangle?: boolean;\n borderTriangleAlign?: 'start' | 'center' | 'end' | 'top';\n borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';\n boxSpacing?: string;\n}>(), {\n borderTriangle: false,\n boxSpacing: '',\n type: 'default',\n});\n</script>\n\n<template>\n <component\n :is=\"boxes[type]\"\n :border-triangle=\"borderTriangle\"\n :border-triangle-align=\"borderTriangleAlign\"\n :border-triangle-position=\"borderTrianglePosition\"\n :box-spacing=\"boxSpacing\">\n <slot />\n <slot name=\"front\" />\n <slot name=\"reverse\" />\n </component>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","event","leftIcon","computed","clickOutside","el","binding","excludeElements","element","isFuzzyMatch","choiceValue","searchTerm","searchIndex","char","_a","fuzzySearch","choices","key","normalizedSearchTerm","choice","value","b","aValue","bValue","vClickOutside","dropdownRef","ref","menuRef","isOpen","selectedItem","searchQuery","errorMessage","menuPosition","filteredItems","reactive","allItems","calculateMenuPosition","top","left","width","viewportHeight","bottom","shouldOpenUp","toggleMenu","resetSettings","closeMenu","selectItem","item","addItem","query","error","newItem","onSearch","results","onFocusSearch","menuStyle","onMounted","defaultItem","selectedValue","watch","newValue","newItems","clickOutsideTarget","iconSize","IconName","selected","setSelect","segment","filteredSegments","newSegments","textareaRef","autoGrow","newHeight","handleInput","target","applyMinMax","numericValue","sanitizedValue","handleBlur","oldValue","preventXSS","html","tooltipIconRef","dynamicPositionTriangle","dynamicPositionAlignment","dynamicPositionTrianglePosition","dynamicPositionInitialized","animationClass","mouseEnterWrapper","mouseEnterIcon","lastEnteredElement","displayClass","scrollAreaRef","tooltipRootRef","tooltipPopupRef","position","alignment","topClass","secureText","trianglePosition","visibilityClass","triangleAlignment","staticPositionClass","styles","offsetStyle","getOffsetRect","height","right","getDynamicPosition","parent","nested","customRect","tooltipElementHeight","windowWidth","windowHeight","targetHeight","targetWidth","parentRectangle","parentXOffset","parentYOffset","hasSpaceOnRight","hasSpaceOnLeft","hasSpaceOnBottom","hasSpaceOnTop","hasSpaceOnCenter","handleDynamicPosition","nextTick","center","isScrollable","hasScrollableContent","overflowYStyle","isOverflowScroll","getScrollableParent","isComment","isDocument","killDynamicPositioning","initDynamicPositioning","onMouseEnterWrapper","onMouseEnterIcon","onMouseLeaveIcon","onMouseLeaveWrapper","mouseLeave","addAnimationClass","onBeforeUnmount","trigger","boxes","DefaultBox","FlipBox"],"mappings":"2xEAoBA,MAAMA,EAAQC,EAQRC,EAAOC,EAIPC,EAAWC,GAAsB,CAC/BL,EAAM,UAIVE,EAAK,QAASG,CAAK,CACvB,EAEMC,EAAWC,EAAAA,SAAgC,IACzCP,EAAM,cACC,iBACAA,EAAM,cACN,qBAGJA,EAAM,YAChB,msBCrCcQ,GAAA,CACX,QAAQC,EAAyBC,EAA0C,CACpED,EAAA,kBAAqBJ,GAAiB,CACrC,MAAMM,GAAmBD,EAAQ,MAAM,SAAW,IAC7C,OAAOD,GAAMA,EAAG,KAAK,EACrB,IAAIA,GAAMA,EAAG,KAAK,EACD,CAACA,EAAI,GAAGE,CAAe,EAAE,KAAgBC,GACpDA,IAAYA,IAAYP,EAAM,QAAUO,EAAQ,SAASP,EAAM,MAAc,EACvF,GAGGK,EAAQ,MAAM,QAAQ,CAE9B,EAES,SAAA,iBAAiB,QAASD,EAAG,iBAAiB,CAC3D,EACA,UAAUA,EAAyB,CAC3BA,EAAG,mBACM,SAAA,oBAAoB,QAASA,EAAG,iBAAiB,CAC9D,CAER,ECjCMI,GAAe,CAACC,EAAqBC,IAAgC,OACvE,IAAIC,EAAc,EAClB,UAAWC,KAAQH,EAIX,GAHAG,EAAK,YAAY,MAAMC,EAAAH,EAAWC,CAAW,IAAtB,YAAAE,EAAyB,gBAChDF,IAEAA,IAAgBD,EAAW,OACpB,MAAA,GAGR,MAAA,EACX,EAGaI,GAAc,CACvBC,EACAC,EACAN,IACM,CACF,GAAA,CAACA,EAAW,OACL,OAAAK,EAGL,MAAAE,EAAuBP,EAAW,YAAY,EAE7C,OAAAK,EACF,OAAiBG,GAAA,CACd,MAAMC,EAAQ,OAAOD,EAAOF,CAAG,CAAC,EAEhC,OAAOR,GAAaW,EAAM,YAAY,EAAGF,CAAoB,CAChE,CAAA,EACA,KAAK,CAAC,EAAGG,IAAM,CACZ,MAAMC,EAAU,OAAO,EAAEL,CAAG,CAAC,EAAE,YAAY,EACrCM,EAAS,OAAOF,EAAEJ,CAAG,CAAC,EAAE,YAAY,EAEtC,OAAAK,IAAWJ,EAA6B,GACxCK,IAAWL,EAA6B,EAExCI,EAAO,WAAWJ,CAAoB,GAAK,CAACK,EAAO,WAAWL,CAAoB,EAC3E,GACP,CAACI,EAAO,WAAWJ,CAAoB,GAAKK,EAAO,WAAWL,CAAoB,EAC3E,EAEJI,EAAO,OAASC,EAAO,MAAA,CACjC,CACT,+zCCvCA,MAAMC,EAAgBpB,GA4BhBR,EAAQC,EAQRC,EAAOC,EACP0B,EAAcC,EAAAA,IAAoB,EAClCC,EAAUD,EAAAA,IAAoB,EAC9BE,EAASF,MAAI,EAAK,EAClBG,EAAeH,MAAqB,IAAI,EACxCI,EAAcJ,MAAI,EAAE,EACpBK,EAAeL,MAAmB,IAAI,EACtCM,EAAeN,EAAAA,IAAI,CAAE,EAAG,EAAG,EAAG,EAAG,MAAO,EAAG,aAAc,GAAO,OAAQ9B,EAAM,WAAY,EAC1FqC,EAAgBC,EAAS,SAAA,CAAC,GAAGtC,EAAM,KAAK,CAAC,EACzCuC,EAAWD,EAAS,SAAA,CAAC,GAAGtC,EAAM,KAAK,CAAC,EAEpCwC,EAAwB,IAAM,CAC5B,GAAA,CAACX,EAAY,MACb,OAGE,KAAA,CAAE,UAAWY,EAAK,WAAYC,EAAM,YAAaC,GAAUd,EAAY,MACvEe,EAAiB,OAAO,YACxBC,EAASJ,EAAMZ,EAAY,MAAM,aACjCiB,EAAeD,EAAS7C,EAAM,WAAa4C,EAEjDR,EAAa,MAAQ,CACjB,EAAGM,EAAO,OAAO,QACjB,EAAGI,EAAeL,EAAM,OAAO,QAAUI,EAAS,OAAO,QACzD,MAAAF,EACA,aAAAG,EACA,OAAQ9C,EAAM,UAClB,CACJ,EAEM+C,EAAa,IAAM,CACCP,EAAA,EACfR,EAAA,MAAQ,CAACA,EAAO,KAC3B,EAEMgB,EAAgB,IAAM,CACxBb,EAAa,MAAQ,KACrBD,EAAY,MAAQ,GACpBG,EAAc,OAAO,EAAGA,EAAc,OAAQ,GAAGE,CAAQ,CAC7D,EAEMU,EAAY,IAAM,CACpBjB,EAAO,MAAQ,GAEDgB,EAAA,CAClB,EAEME,EAAcC,GAAmB,CACnClB,EAAa,MAAQkB,EAErBjD,EAAK,cAAeiD,CAAI,EACnBjD,EAAA,oBAAqBiD,EAAK,KAAK,EAE1BF,EAAA,CACd,EAEMG,EAAU,IAAM,CACZ,MAAAC,EAAQnB,EAAY,MAAM,KAAK,EAC/BoB,EAAQtD,EAAM,gBAAgBqD,EAAOd,CAAQ,EAEnD,GAAIe,EAAO,CACPnB,EAAa,MAAQmB,EAErBpD,EAAK,YAAaoD,CAAK,EAEvB,MAAA,CAGJ,MAAMC,EAAoB,CACtB,KAAMF,EACN,MAAOA,CACX,EAEAd,EAAS,KAAKgB,CAAO,EACPP,EAAA,EAEd9C,EAAK,aAAcqD,CAAO,CAC9B,EAEMC,EAAW,IAAM,CACnB,MAAMC,EAAUtC,GAAsBoB,EAAU,OAAQL,EAAY,KAAK,EAEzEG,EAAc,OAAO,EAAGA,EAAc,OAAQ,GAAGoB,CAAO,CAC5D,EAEMC,EAAgB,IAAM,CACxBvB,EAAa,MAAQ,EACzB,EAEMwB,EAAYpD,EAAAA,SAA8B,KAAO,CACnD,IAAK6B,EAAa,MAAM,aAAe,GAAGA,EAAa,MAAM,EAAI,EAAE,KAAO,GAAGA,EAAa,MAAM,CAAC,KACjG,KAAM,GAAGA,EAAa,MAAM,CAAC,KAC7B,MAAO,GAAGA,EAAa,MAAM,KAAK,KAClC,OAAQ,GAAGpC,EAAM,UAAU,IAAA,EAC7B,EAEF4D,EAAAA,UAAU,IAAM,CAGZ,GAFsBpB,EAAA,EAElBxC,EAAM,WAAY,CAClB,MAAM6D,EAActB,EAAS,QAAaY,EAAK,QAAUnD,EAAM,UAAU,EAErE6D,IACA5B,EAAa,MAAQ4B,EACzB,CACJ,CACH,EAEK,MAAAC,EAAgBvD,WAAS,IAAO0B,EAAa,MAAQA,EAAa,MAAM,KAAO,EAAG,EAElF8B,EAAAA,MAAA,IAAM/D,EAAM,WAAwBgE,GAAA,OAClC,KAAA9C,EAAAe,EAAa,QAAb,YAAAf,EAAoB,SAAU8C,EAAU,CACxC,MAAMH,EAActB,EAAS,KAAaY,GAAAA,EAAK,QAAUa,CAAQ,EAE7DH,IACA5B,EAAa,MAAQ4B,EACzB,CACJ,CACH,EAEDE,EAAA,MACI,IAAM/D,EAAM,MACAiE,GAAA,CACR1B,EAAS,OAAO,EAAGA,EAAS,OAAQ,GAAG0B,CAAQ,EAC/C5B,EAAc,OAAO,EAAGA,EAAc,OAAQ,GAAG4B,CAAQ,CAC7D,EACA,CAAE,KAAM,EAAK,CACjB,EAEM,MAAAC,EAAqBpC,MAAI,CAAE,QAASmB,EAAW,QAAS,CAACpB,EAAaE,CAAO,EAAG,izFCjKtF,MAAM/B,EAAQC,EAIRkE,EAAW5D,EAAA,SAAS,IAAO,OAAOP,EAAM,MAAS,SAAW,GAAGA,EAAM,IAAI,KAAOA,EAAM,IAAK,+tBCHjG,MAAMA,EAAQC,EAIRmE,EAAW7D,EAAAA,SAAoB,IAAM,CACvC,OAAQP,EAAM,QAAS,CACnB,IAAK,QAAgB,MAAA,sBACrB,IAAK,UAAkB,MAAA,wBACvB,IAAK,UAAkB,MAAA,qBAEvB,QAAgB,MAAA,oBAAA,CACpB,CACH,yyCCKD,MAAMA,EAAQC,EAQRC,EAAOC,EACPkE,EAAWvC,EAAA,IAAY9B,EAAM,YAAc,EAAE,EAE7CsE,EAAaC,GAAyB,CACpCvE,EAAM,UAAYuE,EAAQ,WAI9BF,EAAS,MAAQE,EAAQ,MACpBrE,EAAA,oBAAqBqE,EAAQ,KAAK,EAClCrE,EAAA,QAASqE,EAAQ,KAAK,EAC/B,EAEMR,EAAAA,MAAA,IAAM/D,EAAM,WAAwBgE,GAAA,CAClCK,EAAS,QAAUL,IACnBK,EAAS,MAAQL,GAAY,GACjC,CACH,EAED,MAAMQ,EAAmB1C,EAAmB,IAAA,CAAC,GAAG9B,EAAM,QAAQ,CAAC,EAEzD+D,OAAAA,EAAAA,MAAA,IAAM/D,EAAM,SAAyByE,GAAA,CACtBD,EAAA,MAAQ,CAAC,GAAGC,CAAW,EAEnCA,EAAY,KAAKF,GAAWA,EAAQ,QAAUF,EAAS,KAAK,IAC7DA,EAAS,MAAQ,GACjBnE,EAAK,oBAAqB,EAAE,EAChC,EACD,CAAE,KAAM,GAAM,6pDC9CjB,MAAMF,EAAQC,EAWRC,EAAOC,EASPuE,EAAc5C,MAAgC,IAAI,EAElD6C,EAAW,IAAM,CACf,GAAA3E,EAAM,UAAY0E,EAAY,MAAO,CACzBA,EAAA,MAAM,MAAM,OAAS,GAE3B,MAAAE,EAAY,KAAK,IAAIF,EAAY,MAAM,aAAc1E,EAAM,WAAa0E,EAAY,MAAM,YAAY,EAE5GA,EAAY,MAAM,MAAM,OAAS,GAAGE,CAAS,IAAA,CAErD,EAEMC,EAAexE,GAAiB,CAClC,MAAMyE,EAASzE,EAAM,OAErBH,EAAK,QAASG,CAAK,EACdH,EAAA,oBAAqB4E,EAAO,KAAK,EAE7BH,EAAA,CACb,EAEAf,OAAAA,EAAAA,UAAU,IAAM,CACHe,EAAA,CAAA,CACZ,qlFC3CD,MAAM3E,EAAQC,EAWRC,EAAOC,EASP4E,EAAevD,GAA0B,CAC3C,GAAIA,IAAU,GACH,OAAAA,EAGL,MAAAwD,EAAe,OAAOxD,CAAK,EAEjC,OAAI,OAAOxB,EAAM,KAAQ,UAAYgF,EAAehF,EAAM,IAC/CA,EAAM,IAAI,SAAS,EACnB,OAAOA,EAAM,KAAQ,UAAYgF,EAAehF,EAAM,IACtDA,EAAM,IAAI,SAAS,EAGvBgF,EAAa,SAAS,CACjC,EAEMH,EAAexE,GAAiB,CAClC,MAAMyE,EAASzE,EAAM,OACf4E,EAAiBF,EAAYD,EAAO,KAAK,EAE/CA,EAAO,MAAQG,EAEf/E,EAAK,QAASG,CAAK,EACdH,EAAA,oBAAqB,OAAO+E,CAAc,CAAC,CACpD,EAEMC,EAAc7E,GAAsB,CACtC,MAAMyE,EAASzE,EAAM,OACf8E,EAAWL,EAAO,MAClBG,EAAiBF,EAAYD,EAAO,QAAU,GAAK,OAAO9E,EAAM,KAAO,CAAC,EAAI8E,EAAO,KAAK,EAE9FA,EAAO,MAAQG,EAEf/E,EAAK,OAAQG,CAAK,EAEd8E,IAAaF,GACR/E,EAAA,oBAAqB,OAAO+E,CAAc,CAAC,CAExD,2tDClEA,MAAMjF,EAAQC,EAKRC,EAAOC,EAIPC,EAAU,IAAM,CACbF,EAAA,QAAS,CAACF,EAAM,OAAO,CAChC,+dCrBgB,SAAAoF,GAAYC,EAAO,GAAI,CAC/B,OAAA,OAAOA,GAAU,SACVA,EAAK,QAAQ,cAAe,EAAE,EAChC,QAAQ,8BAA+B,EAAE,EACzC,QAAQ,qCAAsC,EAAE,EAChD,QAAQ,gBAAiB,EAAE,EAC3B,QAAQ,iFAAkF,EAAE,EAE9FA,CACX,2yDC8BA,MAAMrF,EAAQC,EAcRqF,EAAiBxD,MAAwB,IAAI,EAC7CyD,EAA0BzD,MAAI,QAAQ,EACtC0D,EAA2B1D,MAAI,QAAQ,EACvC2D,EAAkC3D,MAAuB,QAAQ,EACjE4D,EAA6B5D,MAAI,EAAK,EACtC6D,EAAiB7D,MAAI,EAAE,EACvB8D,EAAoB9D,MAAI,EAAK,EAC7B+D,EAAiB/D,MAAI,EAAK,EAC1BgE,EAAqBhE,MAAI,EAAE,EAC3BiE,EAAejE,MAAI,KAAK,EACxBkE,EAAgBlE,MAAgD,IAAI,EACpEmE,EAAiBnE,MAAwB,IAAI,EAC7CoE,EAAkBpE,MAAwB,IAAI,EAC9CqE,EAAW5F,WAAS,IAAMP,EAAM,eAAe,MAAM,GAAG,EAAE,CAAC,CAAC,EAC5DoG,EAAY7F,WAAS,IAAMP,EAAM,eAAe,MAAM,GAAG,EAAE,CAAC,CAAC,EAC7DqG,EAAW9F,EAAAA,SAAS,IAAOP,EAAM,SAAW,OAAS,MAAO,EAC5DsG,EAAa/F,EAAAA,SAAS,IAAOP,EAAM,WAAaoF,GAAWpF,EAAM,IAAI,EAAIA,EAAM,IAAK,EAEpFuG,EAAmBhG,EAAAA,SAAS,IAC1BP,EAAM,uBACCA,EAAM,yBAGbA,EAAM,iBAAmB0F,EAA2B,MAC7CF,EAAyB,QAAU,SAAW,MAAQ,SAG7DW,EAAS,QAAU,MACZ,SAGPA,EAAS,QAAU,SACZ,MAGPA,EAAS,QAAU,OACZ,QAGPA,EAAS,QAAU,QACZ,OAGJ,QACV,EAEKK,EAAkBjG,EAAAA,SAAS,IACzBP,EAAM,uBACC,GAIN4F,EAAkB,OAASC,EAAe,OACvCC,EAAmB,QAAU,QAAUF,EAAkB,MAEtD,QAGJ,OACV,EAEKa,EAAoBlG,EAAAA,SAA4B,IAC9CP,EAAM,uBACCA,EAAM,0BAGbA,EAAM,iBAAmB0F,EAA2B,MAChDH,EAAwB,QAAU,SAC3B,SAGPA,EAAwB,QAAU,MAC3B,MAGPA,EAAwB,QAAU,QAC3B,QAGJE,EAAgC,MAGvCW,EAAU,QAAU,SACb,SAGPA,EAAU,QAAU,QAAUA,EAAU,QAAU,MAC3C,QAGPA,EAAU,QAAU,SAAWA,EAAU,QAAU,SAC5C,MAGJ,QACV,EAEKM,EAAsBnG,EAAAA,SAAS,IAC7BP,EAAM,uBACC,GAGPA,EAAM,iBAAmB0F,EAA2B,MAC7CiB,EAAO,gBAAgBnB,EAAyB,KAAK,IAAID,EAAwB,KAAK,EAAE,EAG5FoB,EAAO,gBAAgBR,EAAS,KAAK,IAAIM,EAAkB,KAAK,EAAE,CAC5E,EAEKG,EAAcrG,EAAAA,SAAS,IACrBP,EAAM,UAAY,GAAKA,EAAM,UAAY,EAClC,CAAC,EAGRA,EAAM,gBAGC,CACH,CAAC,UAHmBwF,EAAyB,QAAU,SAAW,MAAQ,QAGhD,EAAE,EAAG,GAAGxF,EAAM,OAAO,IACnD,EAGAuG,EAAiB,QAAU,OAASA,EAAiB,QAAU,SACxD,CACH,CAAC,UAAUA,EAAiB,KAAK,EAAE,EAAG,GAAGvG,EAAM,OAAO,IAC1D,EAGG,CAAE,CAAC,UAAUuG,EAAiB,KAAK,EAAE,EAAG,GAAGvG,EAAM,OAAO,IAAK,CACvE,EAEK6G,EAAiBjG,GAAyB,CACtC,KAAA,CAAE,UAAW6B,EAAK,WAAYC,EAAM,YAAaC,EAAO,aAAcmE,CAAA,EAAWlG,EACjFiC,EAASJ,EAAMqE,EACfC,EAAQrE,EAAOC,EAEd,MAAA,CACH,IAAAF,EACA,KAAAC,EACA,MAAAC,EACA,OAAAE,EACA,MAAAkE,CACJ,CACJ,EAEMC,EAAqB,CACvBlC,EACAmC,EACAC,EAAS,KACR,CACD,GAAI,CAACpC,GAAU,CAACmB,EAAe,MACpB,MAAA,CAAE,KAAM,GAAO,MAAO,GAAO,IAAK,GAAO,OAAQ,GAAO,OAAQ,EAAM,EAGjF,MAAMkB,EAAa,CAAE,KAAM,EAAG,MAAO,EAAG,IAAK,EAAG,OAAQ,EAAG,MAAO,EAAG,OAAQ,CAAE,EACzEC,EAAuBnB,EAAe,MAAM,aAC5CoB,EAAc,OAAO,WACrBC,EAAe,OAAO,YACtBC,EAAezC,EAAO,aACtB0C,EAAc1C,EAAO,aAAe,IACpC2C,EAAmBR,GAAUJ,EAAcI,CAAM,GAAME,EACvDO,EAAgBR,EAASO,GAAA,YAAAA,EAAiB,MAAQA,GAAA,YAAAA,EAAiB,KACnEE,GAAgBT,EAASO,GAAA,YAAAA,EAAiB,IAAMA,GAAA,YAAAA,EAAiB,OACjEG,GACDF,EAAgBD,EAAgB,MAASD,EAAcxH,EAAM,QAC9DqH,EACEQ,GAAmBH,EAAiBD,EAAgB,MAAQ,GAC3DD,EAAcxH,EAAM,SAAY,GACjC8H,GAAoBH,GAAgBJ,EAAiBD,EAAetH,EAAM,QAC1E+H,GAAiBJ,IAAiBJ,EAAeH,EAAuBpH,EAAM,SAAY,EAChG,IAAIgI,GAAmB,GAEvB,OAAIhI,EAAM,WACcgI,GAAAP,EAAgB,MAASD,EAAc,EAAKH,GACxDI,EAAgB,MAASD,EAAcxH,EAAM,SAAW,GAAM,IAGnE,CACH,KAAM6H,GACN,MAAOD,GACP,OAAQE,GACR,IAAKC,GACL,OAAQC,EACZ,CACJ,EAEMC,EAAwB,IAAM,CAChCC,EAAAA,SAAS,IAAM,OACXxC,EAA2B,MAAQ,GAEnC,KAAM,CAAE,OAAA7C,EAAQ,KAAAH,EAAM,MAAAqE,EAAO,IAAAtE,EAAK,OAAA0F,GAAWnB,EACzCd,EAAgB,OAChBhF,EAAAgF,EAAgB,QAAhB,YAAAhF,EAAuB,UAC3B,EAEA,GAAIiH,EAAQ,CACR5C,EAAwB,MAAQ,SAChCC,EAAyB,MAAQ3C,GAAU,CAACJ,EAAM,SAAW,MAE7D,MAAA,CAIA,GAAAI,GAAUH,GAAQqE,GAAStE,EAAK,CAChC8C,EAAwB,MAAQ,SAChCC,EAAyB,MAAQ,MAEjC,MAAA,CAGA,GAAA/C,GAAO,CAACI,EAAQ,CAChB,GAAIkE,GAASrE,EAAM,CACf6C,EAAwB,MAAQ,SAChCC,EAAyB,MAAQ,MAEjC,MAAA,CAGA,GAAAuB,GAAS,CAACrE,EAAM,CAChB6C,EAAwB,MAAQ,QAChCC,EAAyB,MAAQ,MAEjC,MAAA,CAGA,GAAA,CAACuB,GAASrE,EAAM,CAChB6C,EAAwB,MAAQ,MAChCC,EAAyB,MAAQ,MAEjC,MAAA,CACJ,CAGJ,GAAI3C,GAAUJ,EAAK,CACX,GAAA,CAACsE,GAASrE,EAAM,CAChB6C,EAAwB,MAAQ,MAChCC,EAAyB,MAAQ,MACjCC,EAAgC,MAAQ,MAExC,MAAA,CAGA,GAAAsB,GAAS,CAACrE,EAAM,CAChB6C,EAAwB,MAAQ,QAChCC,EAAyB,MAAQ,MACjCC,EAAgC,MAAQ,QAExC,MAAA,CACJ,CAGA,GAAA5C,GAAU,CAACJ,EAAK,CAChB,GAAIsE,GAASrE,EAAM,CACf6C,EAAwB,MAAQ,SAChCC,EAAyB,MAAQ,SACjCC,EAAgC,MAAQ,MAExC,MAAA,CAGA,GAAA,CAACsB,GAASrE,EAAM,CAChB6C,EAAwB,MAAQ,MAChCC,EAAyB,MAAQ,SACjCC,EAAgC,MAAQ,MAExC,MAAA,CAGAsB,GAAS,CAACrE,IACV6C,EAAwB,MAAQ,QAChCC,EAAyB,MAAQ,SACjCC,EAAgC,MAAQ,MAC5C,CACJ,CACH,CACL,EAEM2C,EAAgB3H,GAA0C,CACxD,GAAA,EAAEA,aAAc,aACT,MAAA,GAGL,MAAA4H,EAAuB5H,EAAG,aAAeA,EAAG,aAC5C6H,EAAiB,OAAO,iBAAiB7H,CAAE,EAAE,UAC7C8H,EAAmB,CAAC,OAAQ,QAAQ,EAAE,SAASD,CAAc,EAEnE,OAAOD,GAAwBE,CACnC,EAEMC,EAAuB5H,GAA8E,CACjG,MAAA6H,GAAY7H,GAAA,YAAAA,EAAS,YAAa,KAAK,aACvC8H,GAAa9H,GAAA,YAAAA,EAAS,YAAa,KAAK,cAE1C,MAAA,CAACA,GAAW6H,GAAaC,EAClB,SAGPN,EAAaxH,CAAO,EACbA,EAGJ4H,EAAoB5H,EAAQ,UAAU,CACjD,EAEM+H,EAAyB,IAAM,QACnBzH,EAAA8E,EAAA,QAAA,MAAA9E,EAAO,oBAAoB,SAAU+G,GAC3C,qBAAA,oBAAoB,SAAUA,EAC1C,EAEMW,EAAyB,IAAM,CACjCV,EAAAA,SAAS,IAAM,OACGlC,EAAA,MAAQwC,EAAoBvC,EAAe,KAAK,GAChD/E,EAAA8E,EAAA,QAAA,MAAA9E,EAAO,iBAAiB,SAAU+G,GACxC,qBAAA,iBAAiB,SAAUA,EAAqB,CAC3D,CACL,EAEMY,GAAsB,IAAM,CAC9B/C,EAAmB,MAAQ,UAC3BC,EAAa,MAAQ,MAErBH,EAAkB,MAAQ,EAC9B,EAEMkD,EAAmB,IAAM,CAC3BhD,EAAmB,MAAQ,OAC3BC,EAAa,MAAQ,MAErBF,EAAe,MAAQ,EAC3B,EAEMkD,GAAmB,IAAM,CAC3BlD,EAAe,MAAQ,EAC3B,EAEMmD,GAAsB,IAAM,CAC9BlD,EAAmB,MAAQ,GAC3BF,EAAkB,MAAQ,GAC1BC,EAAe,MAAQ,EAC3B,EAEMoD,GAAa,IAAM,CACDD,GAAA,EAEhBhJ,EAAM,gBACFwF,EAAyB,QAAU,SACnCG,EAAe,MAAQ,eAChBH,EAAyB,QAAU,QAC1CG,EAAe,MAAQ,aAEpBQ,EAAS,QAAU,MAC1BR,EAAe,MAAQ,YAChBQ,EAAS,QAAU,SAC1BR,EAAe,MAAQ,eAChBQ,EAAS,QAAU,OAC1BR,EAAe,MAAQ,aAChBQ,EAAS,QAAU,UAC1BR,EAAe,MAAQ,eAG3B,WAAW,IAAM,CACbA,EAAe,MAAQ,GACvBI,EAAa,MAAQ,KACtB,EAAA/F,EAAM,uBAAyB,EAAI,GAAG,CAC7C,EAEMkJ,GAAoB,IAAM,CACRL,GAAA,EACEZ,EAAA,EAElBjI,EAAM,gBACFwF,EAAyB,QAAU,SACnCG,EAAe,MAAQ,eAChBH,EAAyB,QAAU,QAC1CG,EAAe,MAAQ,mBAEpBQ,EAAS,QAAU,MAC1BR,EAAe,MAAQ,kBAChBQ,EAAS,QAAU,SAC1BR,EAAe,MAAQ,eAChBQ,EAAS,QAAU,OAC1BR,EAAe,MAAQ,iBAChBQ,EAAS,QAAU,UAC1BR,EAAe,MAAQ,iBAG3B,WAAW,IAAM,CACbA,EAAe,MAAQ,IACxB,GAAG,CACV,EAEA/B,OAAAA,EAAAA,UAAU,IAAM,CACR5D,EAAM,iBACiB4I,EAAA,CAC3B,CACH,EAEDO,EAAAA,gBAAgB,IAAM,CACKR,EAAA,CAAA,CAC1B,osECxbD,MAAM3I,EAAQC,EAORC,EAAOC,EAIPoG,EAAmBhG,EAAA,SACrB,IAAOP,EAAM,eAAiB2G,EAAO,OAAO3G,EAAM,sBAAsB,IAAIA,EAAM,mBAAmB,EAAE,EAAI,EAC/G,EAEA,SAASoJ,GAAiB,CACtBlJ,EAAK,OAAO,CAAA,s0BCxBhB,MAAMmJ,EAAQ,CACV,QAASC,GACT,KAAMC,EACV"}