@useinsider/ab-components 0.0.20 → 0.0.21

package/dist/ab-components.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ab-components.es.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":"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"}
+{"version":3,"file":"ab-components.es.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":"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"}

package/dist/ab-components.iife.js

@@ -1,2 +1,2 @@
-var AbComponents=function(y,e){"use strict";const T={button__size_default:"_button__size_default_16zzc_1",button__size_small:"_button__size_small_16zzc_8",button:"_button_16zzc_1",button__label:"_button__label_16zzc_193","button__solid-primary":"_button__solid-primary_16zzc_205","no-hover-effect":"_no-hover-effect_16zzc_212","button--selected":"_button--selected_16zzc_234","button__solid-subtle-primary":"_button__solid-subtle-primary_16zzc_241","button__solid-secondary":"_button__solid-secondary_16zzc_277","button__solid-danger":"_button__solid-danger_16zzc_313","button__solid-warning":"_button__solid-warning_16zzc_349","button__solid-smart":"_button__solid-smart_16zzc_385","button__ghost-primary":"_button__ghost-primary_16zzc_421","button__ghost-subtle-primary":"_button__ghost-subtle-primary_16zzc_457","button__ghost-secondary":"_button__ghost-secondary_16zzc_493","button__ghost-danger":"_button__ghost-danger_16zzc_529","button__ghost-warning":"_button__ghost-warning_16zzc_565","button__ghost-smart":"_button__ghost-smart_16zzc_601","button__text-primary":"_button__text-primary_16zzc_637","button__text-text":"_button__text-text_16zzc_673","button__text-subtle-primary":"_button__text-subtle-primary_16zzc_709","button__text-secondary":"_button__text-secondary_16zzc_745","button__text-danger":"_button__text-danger_16zzc_781","button__text-warning":"_button__text-warning_16zzc_817","button__text-smart":"_button__text-smart_16zzc_853","button__outline-primary":"_button__outline-primary_16zzc_889","button__outline-subtle-primary":"_button__outline-subtle-primary_16zzc_926","button__outline-secondary":"_button__outline-secondary_16zzc_963","button__outline-danger":"_button__outline-danger_16zzc_1000","button__outline-warning":"_button__outline-warning_16zzc_1037","button__outline-smart":"_button__outline-smart_16zzc_1074",button__solid:"_button__solid_16zzc_205",fill:"_fill_16zzc_1125"},re=["disabled"],ae=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=p=>{r.disabled||o("click",p)},s=e.computed(()=>r.loadingStatus?"loading-circle":r.successStatus?"line-check-natural":r.leftIconName);return(p,t)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(T).button,e.unref(T)[`button__${p.variant}`],e.unref(T)[`button__${p.variant}-${p.color}`],e.unref(T)[`button__size_${p.size}`],{[e.unref(T).fill]:p.fill}]),disabled:r.disabled,onClick:a},[s.value?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:s.value},null,8,["name"])):e.createCommentVNode("",!0),p.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(T).button__label)},e.toDisplayString(p.label),3)):e.createCommentVNode("",!0),p.rightIconName?(e.openBlock(),e.createBlock(e.unref(H),{key:2,name:p.rightIconName},null,8,["name"])):e.createCommentVNode("",!0)],10,re))}}),le={mounted(i,n){i.clickOutsideEvent=r=>{const o=(n.value.exclude||[]).filter(s=>s.value).map(s=>s.value);[i,...o].some(s=>s&&(s===r.target||s.contains(r.target)))||n.value.handler()},document.addEventListener("click",i.clickOutsideEvent)},unmounted(i){i.clickOutsideEvent&&document.removeEventListener("click",i.clickOutsideEvent)}},se=(i,n)=>{var o;let r=0;for(const a of i)if(a.toLowerCase()===((o=n[r])==null?void 0:o.toLowerCase())&&r++,r===n.length)return!0;return!1},_e=(i,n,r)=>{if(!r.trim())return i;const o=r.toLowerCase();return i.filter(a=>{const s=String(a[n]);return se(s.toLowerCase(),o)}).sort((a,s)=>{const p=String(a[n]).toLowerCase(),t=String(s[n]).toLowerCase();return p===o?-1:t===o?1:p.startsWith(o)&&!t.startsWith(o)?-1:!p.startsWith(o)&&t.startsWith(o)?1:p.length-t.length})},g={dropdown:"_dropdown_c02u6_1",menu:"_menu_c02u6_1",dropdown__valueContent:"_dropdown__valueContent_c02u6_183","dropdown__valueContent--open":"_dropdown__valueContent--open_c02u6_191",dropdown__label:"_dropdown__label_c02u6_194",dropdown__value:"_dropdown__value_c02u6_183",dropdown__placeholder:"_dropdown__placeholder_c02u6_202",dropdown__arrowIcon:"_dropdown__arrowIcon_c02u6_210",menu__searchContainer:"_menu__searchContainer_c02u6_225",menu__searchInputWrap:"_menu__searchInputWrap_c02u6_229",menu__searchInput:"_menu__searchInput_c02u6_229","menu__searchInput--error":"_menu__searchInput--error_c02u6_248",menu__errorMessage:"_menu__errorMessage_c02u6_251",menu__addButton:"_menu__addButton_c02u6_258",menu__itemContainer:"_menu__itemContainer_c02u6_266",menu__item:"_menu__item_c02u6_266","menu__item--active":"_menu__item--active_c02u6_304"},ie=["for"],ce=["placeholder"],pe=["onClick"],de=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},modelValue:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean},addButtonText:{},searchable:{type:Boolean},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["update:modelValue","add-error","item-added","select-item"],setup(i,{emit:n}){const r=le,o=i,a=n,s=e.ref(),p=e.ref(),t=e.ref(!1),l=e.ref(null),u=e.ref(""),c=e.ref(null),C=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),$=e.reactive([...o.items]),k=e.reactive([...o.items]),D=()=>{if(!s.value)return;const{offsetTop:d,offsetLeft:m,offsetWidth:w}=s.value,I=window.innerHeight,O=d+s.value.offsetHeight,R=O+o.menuHeight>I;C.value={x:m+window.scrollX,y:R?d+window.scrollY:O+window.scrollY,width:w,shouldOpenUp:R,height:o.menuHeight}},z=()=>{D(),t.value=!t.value},N=()=>{c.value=null,u.value="",$.splice(0,$.length,...k)},q=()=>{t.value=!1,N()},X=d=>{l.value=d,a("select-item",d),a("update:modelValue",d.value),q()},M=()=>{const d=u.value.trim(),m=o.validateAddItem(d,k);if(m){c.value=m,a("add-error",m);return}const w={text:d,value:d};k.push(w),N(),a("item-added",w)},U=()=>{const d=_e(k,"text",u.value);$.splice(0,$.length,...d)},A=()=>{c.value=""},Q=e.computed(()=>({top:C.value.shouldOpenUp?`${C.value.y-10}px`:`${C.value.y}px`,left:`${C.value.x}px`,width:`${C.value.width}px`,height:`${o.menuHeight}px`}));e.onMounted(()=>{if(D(),o.modelValue){const d=k.find(m=>m.value===o.modelValue);d&&(l.value=d)}});const G=e.computed(()=>l.value?l.value.text:"");e.watch(()=>o.modelValue,d=>{var m;if(((m=l.value)==null?void 0:m.value)!==d){const w=k.find(I=>I.value===d);w&&(l.value=w)}}),e.watch(()=>o.items,d=>{k.splice(0,k.length,...d),$.splice(0,$.length,...d)},{deep:!0});const Z=e.ref({handler:q,exclude:[s,p]});return(d,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:s,class:e.normalizeClass(e.unref(g).dropdown)},[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(g).dropdown__label),for:d.id},e.toDisplayString(d.label),11,ie)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(g).dropdown__valueContent,{[e.unref(g)["dropdown__valueContent--open"]]:t.value}]),onClick:z},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(g).dropdown__value)},e.toDisplayString(G.value),3),d.placeholder&&!G.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(g).dropdown__placeholder)},e.toDisplayString(d.placeholder),3)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(e.unref(g).dropdown__arrowIcon)},m[2]||(m[2]=[e.createElementVNode("path",{d:"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",fill:"#91949F"},null,-1)]),2))],2)],2),e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"menuRef",ref:p,class:e.normalizeClass(e.unref(g).menu),style:e.normalizeStyle(Q.value),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(g).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(g).menu__searchInput,{[e.unref(g)["menu__searchInput--error"]]:c.value}]),placeholder:d.searchPlaceHolder,"onUpdate:modelValue":m[0]||(m[0]=w=>u.value=w),onFocus:A,onInput:U},null,42,ce),[[e.vModelText,u.value]]),c.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(g).menu__errorMessage)},e.toDisplayString(c.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(g).menu__addButton),onClick:M},e.toDisplayString(d.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(g).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($,(w,I)=>(e.openBlock(),e.createElementBlock("li",{key:`${w.value}-${I}`,class:e.normalizeClass([e.unref(g).menu__item,{[e.unref(g)["menu__item--active"]]:l.value&&w.value===l.value.value}]),onClick:O=>X(w)},e.toDisplayString(w.text),11,pe))),128))],2)],6)),[[e.vShow,t.value],[e.unref(r),Z.value]])],64))}}),ue=["fill","height","width"],me=["xlink:href"],H=((i,n)=>{const r=i.__vccOpts||i;for(const[o,a]of n)r[o]=a;return r})(e.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{}},setup(i){const n=i,r=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size);return(o,a)=>(e.openBlock(),e.createElementBlock("svg",{class:"icon",fill:o.color||"currentColor",height:r.value,width:r.value},[e.createElementVNode("use",{"xlink:href":`#${o.name}`},null,8,me)],8,ue))}}),[["__scopeId","data-v-f04c8857"]]),Y={container:"_container_pab2j_1",container__text:"_container__text_pab2j_185",container__default:"_container__default_pab2j_189",container__warning:"_container__warning_pab2j_197",container__alert:"_container__alert_pab2j_205",container__success:"_container__success_pab2j_213"},fe=e.defineComponent({__name:"OnPageMessage",props:{variant:{default:"default"},text:{}},setup(i){const n=i,r=e.computed(()=>{switch(n.variant){case"alert":return"icon-info-box-error";case"warning":return"line-caution-triangle";case"success":return"line-check-natural";default:return"filled-info-circle"}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(Y).container,e.unref(Y)[`container__${o.variant}`]])},[e.createVNode(H,{name:r.value,size:24},null,8,["name"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(Y).container__text)},e.toDisplayString(o.text),3)],2))}}),x={button__size_default:"_button__size_default_4wo1i_1",button__size_small:"_button__size_small_4wo1i_8",button:"_button_4wo1i_1",button__label:"_button__label_4wo1i_191","button--primary":"_button--primary_4wo1i_208","button--selected":"_button--selected_4wo1i_218","button--secondary":"_button--secondary_4wo1i_231","button--danger":"_button--danger_4wo1i_254","button--warning":"_button--warning_4wo1i_277","button--smart":"_button--smart_4wo1i_300",button__solid:"_button__solid_4wo1i_330",segmentGroup:"_segmentGroup_4wo1i_337","segmentGroup--vertical":"_segmentGroup--vertical_4wo1i_340","segmentGroup--horizontal":"_segmentGroup--horizontal_4wo1i_349",fill:"_fill_4wo1i_359"},be=["disabled","onClick"],ge=e.defineComponent({__name:"SegmentButton",props:{color:{},size:{default:"default"},align:{default:"horizontal"},disabled:{type:Boolean,default:!1},segments:{},fill:{type:Boolean},modelValue:{}},emits:["update:modelValue","click"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(r.modelValue||""),s=t=>{r.disabled||t.disabled||(a.value=t.value,o("update:modelValue",t.value),o("click",t.value))};e.watch(()=>r.modelValue,t=>{a.value!==t&&(a.value=t||"")});const p=e.ref([...r.segments]);return e.watch(()=>r.segments,t=>{p.value=[...t],t.some(l=>l.value===a.value)||(a.value="",o("update:modelValue",""))},{deep:!0}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(x).segmentGroup,e.unref(x)[`segmentGroup--${t.align}`],{[e.unref(x).fill]:t.fill}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(u,c)=>(e.openBlock(),e.createElementBlock("button",{key:`${u.value}-${c}`,class:e.normalizeClass([e.unref(x).button,e.unref(x)[`button--${t.color}`],e.unref(x)[`button__size_${t.size}`],e.unref(x).fill,{[e.unref(x)["button--selected"]]:u.value===a.value}]),disabled:u.disabled||r.disabled,onClick:C=>s(u)},[u.icon?(e.openBlock(),e.createBlock(e.unref(H),{key:0,name:u.icon},null,8,["name"])):e.createCommentVNode("",!0),u.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(x).button__label)},e.toDisplayString(u.label),3)):e.createCommentVNode("",!0)],10,be))),128))],2))}}),S={wrapper__field:"_wrapper__field_1fjsl_1",wrapper__label:"_wrapper__label_1fjsl_1",wrapper__errorMessage:"_wrapper__errorMessage_1fjsl_1",wrapper__counter:"_wrapper__counter_1fjsl_1",wrapper:"_wrapper_1fjsl_1",wrapper__bottom:"_wrapper__bottom_1fjsl_221","wrapper--error":"_wrapper--error_1fjsl_234"},we=["for"],he=["id","maxlength","name","placeholder","value"],ze=["id","maxlength","name","placeholder","value"],ke=e.defineComponent({__name:"TextInput",props:{id:{},name:{},modelValue:{default:""},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},maxHeight:{default:void 0},error:{default:""},multiline:{type:Boolean,default:!1},autoGrow:{type:Boolean,default:!1},counter:{type:Boolean}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(null),s=()=>{if(r.autoGrow&&a.value){a.value.style.height="";const t=Math.min(a.value.scrollHeight,r.maxHeight||a.value.scrollHeight);a.value.style.height=`${t}px`}},p=t=>{const l=t.target;o("input",t),o("update:modelValue",l.value),s()};return e.onMounted(()=>{s()}),(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S).wrapper)},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(S).wrapper__label),for:t.id},e.toDisplayString(t.label),11,we)):e.createCommentVNode("",!0),t.multiline?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:t.id,ref_key:"textareaRef",ref:a,class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,style:e.normalizeStyle(t.maxHeight?{maxHeight:`${t.maxHeight}px`}:void 0),value:t.modelValue,onBlur:l[0]||(l[0]=c=>o("blur",c)),onChange:l[1]||(l[1]=c=>t.$emit("change",c)),onFocus:l[2]||(l[2]=c=>o("focus",c)),onInput:p,onPaste:l[3]||(l[3]=c=>o("paste",c))},null,46,he)):(e.openBlock(),e.createElementBlock("input",{key:2,id:t.id,type:"text",class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:l[4]||(l[4]=c=>o("blur",c)),onChange:l[5]||(l[5]=c=>t.$emit("change",c)),onFocus:l[6]||(l[6]=c=>o("focus",c)),onInput:p,onPaste:l[7]||(l[7]=c=>o("paste",c))},null,42,ze)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(S).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(S).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(S).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)],2)}}}),E={wrapper__label:"_wrapper__label_3sncs_1",wrapper__errorMessage:"_wrapper__errorMessage_3sncs_1",wrapper__counter:"_wrapper__counter_3sncs_1",wrapper:"_wrapper_3sncs_1",wrapper__field:"_wrapper__field_3sncs_8",wrapper__size_default:"_wrapper__size_default_3sncs_185",wrapper__size_small:"_wrapper__size_small_3sncs_188",wrapper__bottom:"_wrapper__bottom_3sncs_225","wrapper--error":"_wrapper--error_3sncs_238"},ye=["for"],Ce=["id","max","maxlength","min","name","placeholder","value"],Be=e.defineComponent({__name:"NumberInput",props:{id:{},name:{},modelValue:{default:void 0},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},error:{default:""},errorStatus:{type:Boolean},counter:{type:Boolean},min:{default:void 0},max:{default:void 0},size:{default:"default"}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=t=>{if(t==="")return t;const l=Number(t);return typeof r.min=="number"&&l<r.min?r.min.toString():typeof r.max=="number"&&l>r.max?r.max.toString():l.toString()},s=t=>{const l=t.target,u=a(l.value);l.value=u,o("input",t),o("update:modelValue",Number(u))},p=t=>{const l=t.target,u=l.value,c=a(l.value===""?String(r.min||0):l.value);l.value=c,o("blur",t),u!==c&&o("update:modelValue",Number(c))};return(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(E).wrapper,e.unref(E)[`wrapper__size_${t.size}`]])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(E).wrapper__label),for:t.id},e.toDisplayString(t.label),11,ye)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:t.id,type:"number",class:e.normalizeClass([e.unref(E).wrapper__field,{[e.unref(E)["wrapper--error"]]:t.error||t.errorStatus}]),max:t.max,maxlength:t.maxLength,min:t.min,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:p,onChange:l[0]||(l[0]=c=>t.$emit("change",c)),onFocus:l[1]||(l[1]=c=>o("focus",c)),onInput:s,onPaste:l[2]||(l[2]=c=>o("paste",c))},null,42,Ce),t.counter||t.error?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(E).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}}),L={wrapper:"_wrapper_d1zlt_169",wrapper__label:"_wrapper__label_d1zlt_176",wrapper__input:"_wrapper__input_d1zlt_200",wrapper_checked:"_wrapper_checked_d1zlt_210",wrapper_disabled:"_wrapper_disabled_d1zlt_217"},$e=["id","checked","disabled","name"],xe=["for"],Se=e.defineComponent({__name:"Toggle",props:{id:{},name:{},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=()=>{o("click",!r.checked)};return(s,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass([e.unref(L).wrapper,{[e.unref(L).wrapper_checked]:s.checked,[e.unref(L).wrapper_disabled]:s.disabled}])},[e.createElementVNode("input",{id:s.id,type:"checkbox",checked:s.checked,class:e.normalizeClass(e.unref(L).wrapper__input),disabled:s.disabled,name:s.name,onClick:a},null,10,$e),e.createElementVNode("label",{class:e.normalizeClass(e.unref(L).wrapper__label),for:s.id},null,10,xe)],2))}});function Ee(i=""){return typeof i=="string"?i.replace(/<\/style>/gi,"").replace(/<(.*?) on(.*?)=['"](.*?)>/gi,"").replace(/(<meta |<style|<\/*script)(.*?)>/gi,"").replace(/(<([^>]+)>)/ig,"").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi,""):i}const V={wrapper__box:"_wrapper__box_1avga_1",wrapper:"_wrapper_1avga_1",wrapper__icon:"_wrapper__icon_1avga_184","wrapper__box_bottom-start":"_wrapper__box_bottom-start_1avga_199","wrapper__box_bottom-center":"_wrapper__box_bottom-center_1avga_205","wrapper__box_bottom-end":"_wrapper__box_bottom-end_1avga_211","wrapper__box_top-start":"_wrapper__box_top-start_1avga_217","wrapper__box_top-center":"_wrapper__box_top-center_1avga_223","wrapper__box_top-end":"_wrapper__box_top-end_1avga_229","wrapper__box_right-start":"_wrapper__box_right-start_1avga_235","wrapper__box_right-center":"_wrapper__box_right-center_1avga_241","wrapper__box_right-end":"_wrapper__box_right-end_1avga_247","wrapper__box_left-start":"_wrapper__box_left-start_1avga_252","wrapper__box_left-center":"_wrapper__box_left-center_1avga_257","wrapper__box_left-end":"_wrapper__box_left-end_1avga_262",wrapper__text:"_wrapper__text_1avga_267","wrapper__box-content":"_wrapper__box-content_1avga_296","bottom-entrance":"_bottom-entrance_1avga_309","top-entrance":"_top-entrance_1avga_312","left-entrance":"_left-entrance_1avga_315","right-entrance":"_right-entrance_1avga_318","bottom-leave":"_bottom-leave_1avga_321","top-leave":"_top-leave_1avga_324","right-leave":"_right-leave_1avga_327","left-leave":"_left-leave_1avga_330"},Ve=["id"],Ne=["innerHTML"],Ie=e.defineComponent({__name:"Tooltip",props:{id:{},text:{},staticPosition:{default:"top center"},dynamicPosition:{type:Boolean},absolutePositionStatus:{type:Boolean,default:!1},offsetX:{default:4},offsetY:{default:4},maxHeight:{default:320},status:{type:Boolean,default:!0},preventXss:{type:Boolean},iconName:{default:void 0},absoluteTriangleAlignment:{default:"center"},absoluteTrianglePosition:{default:"top"},absolutePosition:{type:[Boolean,null,String,Object,Array]}},setup(i){const n=i,r=e.ref(null),o=e.ref("center"),a=e.ref("bottom"),s=e.ref("center"),p=e.ref(!1),t=e.ref(""),l=e.ref(!1),u=e.ref(!1),c=e.ref(""),C=e.ref("d-n"),$=e.ref(null),k=e.ref(null),D=e.ref(null),z=e.computed(()=>n.staticPosition.split(" ")[0]),N=e.computed(()=>n.staticPosition.split(" ")[1]),q=e.computed(()=>n.iconName?"mt-1":"mt-0"),X=e.computed(()=>n.preventXss?Ee(n.text):n.text),M=e.computed(()=>n.absolutePositionStatus?n.absoluteTrianglePosition:n.dynamicPosition&&p.value?a.value==="bottom"?"top":"bottom":z.value==="top"?"bottom":z.value==="bottom"?"top":z.value==="left"?"right":z.value==="right"?"left":"bottom"),U=e.computed(()=>n.absolutePositionStatus?"":l.value&&u.value||c.value==="icon"&&l.value?"opa-1":"opa-0"),A=e.computed(()=>n.absolutePositionStatus?n.absoluteTriangleAlignment:n.dynamicPosition&&p.value?o.value==="center"?"center":o.value==="end"?"end":o.value==="start"?"start":s.value:N.value==="center"?"center":N.value==="left"||N.value==="top"?"start":N.value==="right"||N.value==="bottom"?"end":"center"),Q=e.computed(()=>n.absolutePositionStatus?"":n.dynamicPosition&&p.value?V[`wrapper__box_${a.value}-${o.value}`]:V[`wrapper__box_${z.value}-${A.value}`]),G=e.computed(()=>n.offsetX===0&&n.offsetY===0?{}:n.dynamicPosition?{[`margin-${a.value==="bottom"?"top":"bottom"}`]:`${n.offsetY}px`}:M.value==="top"||M.value==="bottom"?{[`margin-${M.value}`]:`${n.offsetY}px`}:{[`margin-${M.value}`]:`${n.offsetX}px`}),Z=_=>{const{offsetTop:f,offsetLeft:b,offsetWidth:B,offsetHeight:W}=_,P=f+W,K=b+B;return{top:f,left:b,width:B,bottom:P,right:K}},d=(_,f,b=!1)=>{if(!_||!k.value)return{left:!1,right:!1,top:!1,bottom:!1,center:!1};const B={left:0,right:0,top:0,bottom:0,width:0,height:0},W=k.value.offsetHeight,P=window.innerWidth,K=window.innerHeight,ee=_.offsetHeight,F=_.offsetWidth||264,h=f&&Z(f)||B,te=b?h==null?void 0:h.right:h==null?void 0:h.left,oe=b?h==null?void 0:h.top:h==null?void 0:h.bottom,We=te+h.width+F+n.offsetX<P,je=te+h.width/2-(F+n.offsetX)>10,qe=oe+ee<K-n.offsetY,Ae=oe-(ee+W+n.offsetY)>0;let ne=!1;return n.iconName&&(ne=h.right+F/2<P&&h.left-(F+n.offsetX)/2>=10),{left:je,right:We,bottom:qe,top:Ae,center:ne}},m=()=>{e.nextTick(()=>{var P;p.value=!0;const{bottom:_,left:f,right:b,top:B,center:W}=d(D.value,(P=D.value)==null?void 0:P.parentNode);if(W){o.value="center",a.value=_&&!B?"bottom":"top";return}if(_&&f&&b&&B){o.value="center",a.value="top";return}if(B&&!_){if(b&&f){o.value="center",a.value="top";return}if(b&&!f){o.value="start",a.value="top";return}if(!b&&f){o.value="end",a.value="top";return}}if(_&&B){if(!b&&f){o.value="end",a.value="top",s.value="end";return}if(b&&!f){o.value="start",a.value="top",s.value="start";return}}if(_&&!B){if(b&&f){o.value="center",a.value="bottom",s.value="top";return}if(!b&&f){o.value="end",a.value="bottom",s.value="top";return}b&&!f&&(o.value="start",a.value="bottom",s.value="top")}})},w=_=>{if(!(_ instanceof HTMLElement))return!1;const f=_.scrollHeight>_.offsetHeight,b=window.getComputedStyle(_).overflowY,B=["auto","scroll"].includes(b);return f&&B},I=_=>{const f=(_==null?void 0:_.nodeType)===Node.COMMENT_NODE,b=(_==null?void 0:_.nodeType)===Node.DOCUMENT_NODE;return!_||f||b?document:w(_)?_:I(_.parentNode)},O=()=>{var _;(_=$.value)==null||_.removeEventListener("scroll",m),window==null||window.removeEventListener("resize",m)},R=()=>{e.nextTick(()=>{var _;$.value=I(k.value),(_=$.value)==null||_.addEventListener("scroll",m),window==null||window.addEventListener("resize",m)})},Te=()=>{c.value="wrapper",C.value="d-b",l.value=!0},J=()=>{c.value="icon",C.value="d-b",u.value=!0},He=()=>{u.value=!1},De=()=>{c.value="",l.value=!1,u.value=!1},Le=()=>{De(),n.dynamicPosition?a.value==="bottom"?t.value="bottom-leave":a.value==="top"&&(t.value="top-leave"):z.value==="top"?t.value="top-leave":z.value==="bottom"?t.value="bottom-leave":z.value==="left"?t.value="left-leave":z.value==="right"&&(t.value="right-leave"),setTimeout(()=>{t.value="",C.value="d-n"},n.absolutePositionStatus?0:250)},Oe=()=>{Te(),m(),n.dynamicPosition?a.value==="bottom"?t.value="top-entrance":a.value==="top"&&(t.value="bottom-entrance"):z.value==="top"?t.value="bottom-entrance":z.value==="bottom"?t.value="top-entrance":z.value==="left"?t.value="right-entrance":z.value==="right"&&(t.value="left-entrance"),setTimeout(()=>{t.value=""},250)};return e.onMounted(()=>{n.dynamicPosition&&R()}),e.onBeforeUnmount(()=>{O()}),(_,f)=>(e.openBlock(),e.createElementBlock("div",{id:_.id,ref_key:"tooltipRootRef",ref:k,class:e.normalizeClass(e.unref(V).wrapper),onMouseenter:Oe,onMouseleave:Le},[_.iconName?(e.openBlock(),e.createBlock(e.unref(H),{key:0,ref_key:"tooltipIconRef",ref:r,class:e.normalizeClass(e.unref(V).wrapper__icon),name:_.iconName,onMouseenter:J,onMouseleave:He},null,8,["class","name"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(V).wrapper__icon),onMouseenter:J,onMouseleave:J},[e.renderSlot(_.$slots,"triggerElement")],34)),_.status?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"tooltipPopupRef",ref:D,class:e.normalizeClass([e.unref(V).wrapper__box,Q.value,U.value,C.value]),style:e.normalizeStyle(_.absolutePosition)},[e.createVNode(e.unref(v),{"border-triangle":"","border-triangle-align":A.value,"border-triangle-position":M.value,class:e.normalizeClass([e.unref(V)["wrapper__box-content"],q.value,t.value]),style:e.normalizeStyle(G.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).wrapper__text),style:e.normalizeStyle({maxHeight:`${_.maxHeight}px`,overflowY:"auto"})},[e.createElementVNode("div",{innerHTML:X.value},null,8,Ne),e.renderSlot(_.$slots,"contentSlot")],6)]),_:3},8,["border-triangle-align","border-triangle-position","class","style"])],6)):e.createCommentVNode("",!0)],42,Ve))}}),j={box:"_box_14qkh_169","box_top-start":"_box_top-start_14qkh_173","box_top-center":"_box_top-center_14qkh_173","box_top-end":"_box_top-end_14qkh_173","box_right-start":"_box_right-start_14qkh_173","box_right-center":"_box_right-center_14qkh_173","box_right-end":"_box_right-end_14qkh_173","box_bottom-start":"_box_bottom-start_14qkh_173","box_bottom-center":"_box_bottom-center_14qkh_173","box_bottom-end":"_box_bottom-end_14qkh_173","box_left-start":"_box_left-start_14qkh_173","box_left-center":"_box_left-center_14qkh_173","box_left-end":"_box_left-end_14qkh_173",flipBox:"_flipBox_14qkh_257"},Me=e.defineComponent({__name:"DefaultBox",props:{border:{},borderRadius:{default:"bor-r-1"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{default:"center"},borderTrianglePosition:{default:"top"}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=e.computed(()=>r.borderTriangle?j[`box_${r.borderTrianglePosition}-${r.borderTriangleAlign}`]:"");function s(){o("click")}return(p,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(j).box,a.value,p.border,p.borderRadius]),onClick:s},[e.renderSlot(p.$slots,"default")],2))}}),Pe=e.defineComponent({__name:"FlipBox",props:{boxSpacing:{default:""}},setup(i){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(j).flipBox,n.boxSpacing])},[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(j).box,n.boxSpacing])},[e.renderSlot(n.$slots,"front")],2),e.createElementVNode("div",{class:e.normalizeClass([n.boxSpacing])},[e.renderSlot(n.$slots,"reverse")],2)])],2))}}),v=e.defineComponent({__name:"Box",props:{type:{default:"default"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{},borderTrianglePosition:{},boxSpacing:{default:""}},setup(i){const n={default:Me,flip:Pe};return(r,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n[r.type]),{"border-triangle":r.borderTriangle,"border-triangle-align":r.borderTriangleAlign,"border-triangle-position":r.borderTrianglePosition,"box-spacing":r.boxSpacing},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"front"),e.renderSlot(r.$slots,"reverse")]),_:3},8,["border-triangle","border-triangle-align","border-triangle-position","box-spacing"]))}});return y.Box=v,y.Button=ae,y.DropdownMenu=de,y.Icon=H,y.NumberInput=Be,y.OnPageMessage=fe,y.SegmentButton=ge,y.TextInput=ke,y.Toggle=Se,y.Tooltip=Ie,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"}),y}({},Vue);
+var AbComponents=function(z,e){"use strict";const T={button__size_default:"_button__size_default_1vdmr_1",button__size_small:"_button__size_small_1vdmr_8",icon:"_icon_1vdmr_136",spinner:"_spinner_1vdmr_1",button:"_button_1vdmr_1",button__label:"_button__label_1vdmr_212","button__solid-primary":"_button__solid-primary_1vdmr_224","no-hover-effect":"_no-hover-effect_1vdmr_231","button--selected":"_button--selected_1vdmr_253","button__solid-subtle-primary":"_button__solid-subtle-primary_1vdmr_260","button__solid-secondary":"_button__solid-secondary_1vdmr_296","button__solid-danger":"_button__solid-danger_1vdmr_332","button__solid-warning":"_button__solid-warning_1vdmr_368","button__solid-smart":"_button__solid-smart_1vdmr_404","button__ghost-primary":"_button__ghost-primary_1vdmr_440","button__ghost-subtle-primary":"_button__ghost-subtle-primary_1vdmr_476","button__ghost-secondary":"_button__ghost-secondary_1vdmr_512","button__ghost-danger":"_button__ghost-danger_1vdmr_548","button__ghost-warning":"_button__ghost-warning_1vdmr_584","button__ghost-smart":"_button__ghost-smart_1vdmr_620","button__text-primary":"_button__text-primary_1vdmr_656","button__text-text":"_button__text-text_1vdmr_692","button__text-subtle-primary":"_button__text-subtle-primary_1vdmr_728","button__text-secondary":"_button__text-secondary_1vdmr_764","button__text-danger":"_button__text-danger_1vdmr_800","button__text-warning":"_button__text-warning_1vdmr_836","button__text-smart":"_button__text-smart_1vdmr_872","button__outline-primary":"_button__outline-primary_1vdmr_908","button__outline-subtle-primary":"_button__outline-subtle-primary_1vdmr_945","button__outline-secondary":"_button__outline-secondary_1vdmr_982","button__outline-danger":"_button__outline-danger_1vdmr_1019","button__outline-warning":"_button__outline-warning_1vdmr_1056","button__outline-smart":"_button__outline-smart_1vdmr_1093",button__solid:"_button__solid_1vdmr_224",fill:"_fill_1vdmr_1144"},re=["disabled"],ae=e.defineComponent({__name:"Button",props:{variant:{},color:{},size:{default:"default"},leftIconName:{},rightIconName:{},loadingStatus:{type:Boolean,default:!1},successStatus:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=p=>{r.disabled||o("click",p)},s=e.computed(()=>r.loadingStatus?"loading-circle":r.successStatus?"line-check-natural":r.leftIconName);return(p,t)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(T).button,e.unref(T)[`button__${p.variant}`],e.unref(T)[`button__${p.variant}-${p.color}`],e.unref(T)[`button__size_${p.size}`],{[e.unref(T).fill]:p.fill}]),disabled:r.disabled,onClick:a},[s.value?(e.openBlock(),e.createBlock(e.unref(q),{key:0,name:s.value},null,8,["name"])):e.createCommentVNode("",!0),p.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(T).button__label)},e.toDisplayString(p.label),3)):e.createCommentVNode("",!0),p.rightIconName?(e.openBlock(),e.createBlock(e.unref(q),{key:2,name:p.rightIconName},null,8,["name"])):e.createCommentVNode("",!0)],10,re))}}),le={mounted(i,n){i.clickOutsideEvent=r=>{const o=(n.value.exclude||[]).filter(s=>s.value).map(s=>s.value);[i,...o].some(s=>s&&(s===r.target||s.contains(r.target)))||n.value.handler()},document.addEventListener("click",i.clickOutsideEvent)},unmounted(i){i.clickOutsideEvent&&document.removeEventListener("click",i.clickOutsideEvent)}},se=(i,n)=>{var o;let r=0;for(const a of i)if(a.toLowerCase()===((o=n[r])==null?void 0:o.toLowerCase())&&r++,r===n.length)return!0;return!1},_e=(i,n,r)=>{if(!r.trim())return i;const o=r.toLowerCase();return i.filter(a=>{const s=String(a[n]);return se(s.toLowerCase(),o)}).sort((a,s)=>{const p=String(a[n]).toLowerCase(),t=String(s[n]).toLowerCase();return p===o?-1:t===o?1:p.startsWith(o)&&!t.startsWith(o)?-1:!p.startsWith(o)&&t.startsWith(o)?1:p.length-t.length})},g={dropdown:"_dropdown_18zqi_1",menu:"_menu_18zqi_1",icon:"_icon_18zqi_129",spinner:"_spinner_18zqi_1",dropdown__valueContent:"_dropdown__valueContent_18zqi_202","dropdown__valueContent--open":"_dropdown__valueContent--open_18zqi_210",dropdown__label:"_dropdown__label_18zqi_213",dropdown__value:"_dropdown__value_18zqi_202",dropdown__placeholder:"_dropdown__placeholder_18zqi_221",dropdown__arrowIcon:"_dropdown__arrowIcon_18zqi_229",menu__searchContainer:"_menu__searchContainer_18zqi_244",menu__searchInputWrap:"_menu__searchInputWrap_18zqi_248",menu__searchInput:"_menu__searchInput_18zqi_248","menu__searchInput--error":"_menu__searchInput--error_18zqi_267",menu__errorMessage:"_menu__errorMessage_18zqi_270",menu__addButton:"_menu__addButton_18zqi_277",menu__itemContainer:"_menu__itemContainer_18zqi_285",menu__item:"_menu__item_18zqi_285","menu__item--active":"_menu__item--active_18zqi_323"},ie=["for"],ce=["placeholder"],pe=["onClick"],de=e.defineComponent({__name:"DropdownMenu",props:{id:{},label:{},modelValue:{default:""},menuHeight:{default:154},placeholder:{},addable:{type:Boolean},addButtonText:{},searchable:{type:Boolean},searchPlaceHolder:{},items:{},validateAddItem:{type:Function,default:()=>null}},emits:["update:modelValue","add-error","item-added","select-item"],setup(i,{emit:n}){const r=le,o=i,a=n,s=e.ref(),p=e.ref(),t=e.ref(!1),l=e.ref(null),u=e.ref(""),c=e.ref(null),$=e.ref({x:0,y:0,width:0,shouldOpenUp:!1,height:o.menuHeight}),B=e.reactive([...o.items]),y=e.reactive([...o.items]),H=()=>{if(!s.value)return;const{offsetTop:d,offsetLeft:m,offsetWidth:w}=s.value,I=window.innerHeight,L=d+s.value.offsetHeight,v=L+o.menuHeight>I;$.value={x:m+window.scrollX,y:v?d+window.scrollY:L+window.scrollY,width:w,shouldOpenUp:v,height:o.menuHeight}},k=()=>{H(),t.value=!t.value},N=()=>{c.value=null,u.value="",B.splice(0,B.length,...y)},A=()=>{t.value=!1,N()},X=d=>{l.value=d,a("select-item",d),a("update:modelValue",d.value),A()},M=()=>{const d=u.value.trim(),m=o.validateAddItem(d,y);if(m){c.value=m,a("add-error",m);return}const w={text:d,value:d};y.push(w),N(),a("item-added",w)},U=()=>{const d=_e(y,"text",u.value);B.splice(0,B.length,...d)},G=()=>{c.value=""},j=e.computed(()=>({top:$.value.shouldOpenUp?`${$.value.y-10}px`:`${$.value.y}px`,left:`${$.value.x}px`,width:`${$.value.width}px`,height:`${o.menuHeight}px`}));e.onMounted(()=>{if(H(),o.modelValue){const d=y.find(m=>m.value===o.modelValue);d&&(l.value=d)}});const R=e.computed(()=>l.value?l.value.text:"");e.watch(()=>o.modelValue,d=>{var m;if(((m=l.value)==null?void 0:m.value)!==d){const w=y.find(I=>I.value===d);w&&(l.value=w)}}),e.watch(()=>o.items,d=>{y.splice(0,y.length,...d),B.splice(0,B.length,...d)},{deep:!0});const Q=e.ref({handler:A,exclude:[s,p]});return(d,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"dropdownRef",ref:s,class:e.normalizeClass(e.unref(g).dropdown)},[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(g).dropdown__label),for:d.id},e.toDisplayString(d.label),11,ie)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass([e.unref(g).dropdown__valueContent,{[e.unref(g)["dropdown__valueContent--open"]]:t.value}]),onClick:k},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(g).dropdown__value)},e.toDisplayString(R.value),3),d.placeholder&&!R.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(g).dropdown__placeholder)},e.toDisplayString(d.placeholder),3)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",class:e.normalizeClass(e.unref(g).dropdown__arrowIcon)},m[2]||(m[2]=[e.createElementVNode("path",{d:"M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",fill:"#91949F"},null,-1)]),2))],2)],2),e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"menuRef",ref:p,class:e.normalizeClass(e.unref(g).menu),style:e.normalizeStyle(j.value),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["prevent"]))},[o.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(g).menu__searchContainer)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).menu__searchInputWrap)},[e.withDirectives(e.createElementVNode("input",{type:"text",class:e.normalizeClass([e.unref(g).menu__searchInput,{[e.unref(g)["menu__searchInput--error"]]:c.value}]),placeholder:d.searchPlaceHolder,"onUpdate:modelValue":m[0]||(m[0]=w=>u.value=w),onFocus:G,onInput:U},null,42,ce),[[e.vModelText,u.value]]),c.value?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(g).menu__errorMessage)},e.toDisplayString(c.value),3)):e.createCommentVNode("",!0)],2),o.addable?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(g).menu__addButton),onClick:M},e.toDisplayString(d.addButtonText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(g).menu__itemContainer)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B,(w,I)=>(e.openBlock(),e.createElementBlock("li",{key:`${w.value}-${I}`,class:e.normalizeClass([e.unref(g).menu__item,{[e.unref(g)["menu__item--active"]]:l.value&&w.value===l.value.value}]),onClick:L=>X(w)},e.toDisplayString(w.text),11,pe))),128))],2)],6)),[[e.vShow,t.value],[e.unref(r),Q.value]])],64))}}),ue=["fill","height","width"],me=["xlink:href"],q=((i,n)=>{const r=i.__vccOpts||i;for(const[o,a]of n)r[o]=a;return r})(e.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{}},setup(i){const n=i,r=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size);return(o,a)=>(e.openBlock(),e.createElementBlock("svg",{class:"icon",fill:o.color||"currentColor",height:r.value,width:r.value},[e.createElementVNode("use",{"xlink:href":`#${o.name}`},null,8,me)],8,ue))}}),[["__scopeId","data-v-f04c8857"]]),Y={container:"_container_wovmm_1",icon:"_icon_wovmm_127",spinner:"_spinner_wovmm_1",container__text:"_container__text_wovmm_204",container__default:"_container__default_wovmm_208",container__warning:"_container__warning_wovmm_216",container__alert:"_container__alert_wovmm_224",container__success:"_container__success_wovmm_232"},fe=e.defineComponent({__name:"OnPageMessage",props:{variant:{default:"default"},text:{}},setup(i){const n=i,r=e.computed(()=>{switch(n.variant){case"alert":return"icon-info-box-error";case"warning":return"line-caution-triangle";case"success":return"line-check-natural";default:return"filled-info-circle"}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(Y).container,e.unref(Y)[`container__${o.variant}`]])},[e.createVNode(q,{name:r.value,size:24},null,8,["name"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(Y).container__text)},e.toDisplayString(o.text),3)],2))}}),x={button__size_default:"_button__size_default_1r6q6_1",button__size_small:"_button__size_small_1r6q6_8",icon:"_icon_1r6q6_136",spinner:"_spinner_1r6q6_1",button:"_button_1r6q6_1",button__label:"_button__label_1r6q6_210","button--primary":"_button--primary_1r6q6_227","button--selected":"_button--selected_1r6q6_237","button--secondary":"_button--secondary_1r6q6_250","button--danger":"_button--danger_1r6q6_273","button--warning":"_button--warning_1r6q6_296","button--smart":"_button--smart_1r6q6_319",button__solid:"_button__solid_1r6q6_349",segmentGroup:"_segmentGroup_1r6q6_356","segmentGroup--vertical":"_segmentGroup--vertical_1r6q6_359","segmentGroup--horizontal":"_segmentGroup--horizontal_1r6q6_368",fill:"_fill_1r6q6_378"},be=["disabled","onClick"],ge=e.defineComponent({__name:"SegmentButton",props:{color:{},size:{default:"default"},align:{default:"horizontal"},disabled:{type:Boolean,default:!1},segments:{},fill:{type:Boolean},modelValue:{}},emits:["update:modelValue","click"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(r.modelValue||""),s=t=>{r.disabled||t.disabled||(a.value=t.value,o("update:modelValue",t.value),o("click",t.value))};e.watch(()=>r.modelValue,t=>{a.value!==t&&(a.value=t||"")});const p=e.ref([...r.segments]);return e.watch(()=>r.segments,t=>{p.value=[...t],t.some(l=>l.value===a.value)||(a.value="",o("update:modelValue",""))},{deep:!0}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(x).segmentGroup,e.unref(x)[`segmentGroup--${t.align}`],{[e.unref(x).fill]:t.fill}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(u,c)=>(e.openBlock(),e.createElementBlock("button",{key:`${u.value}-${c}`,class:e.normalizeClass([e.unref(x).button,e.unref(x)[`button--${t.color}`],e.unref(x)[`button__size_${t.size}`],e.unref(x).fill,{[e.unref(x)["button--selected"]]:u.value===a.value}]),disabled:u.disabled||r.disabled,onClick:$=>s(u)},[u.icon?(e.openBlock(),e.createBlock(e.unref(q),{key:0,name:u.icon},null,8,["name"])):e.createCommentVNode("",!0),u.label?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(x).button__label)},e.toDisplayString(u.label),3)):e.createCommentVNode("",!0)],10,be))),128))],2))}}),S={wrapper__field:"_wrapper__field_l1d3k_1",wrapper__label:"_wrapper__label_l1d3k_1",wrapper__errorMessage:"_wrapper__errorMessage_l1d3k_1",wrapper__counter:"_wrapper__counter_l1d3k_1",icon:"_icon_l1d3k_129",spinner:"_spinner_l1d3k_1",wrapper:"_wrapper_l1d3k_1",wrapper__bottom:"_wrapper__bottom_l1d3k_240","wrapper--error":"_wrapper--error_l1d3k_253"},we=["for"],he=["id","maxlength","name","placeholder","value"],ke=["id","maxlength","name","placeholder","value"],ye=e.defineComponent({__name:"TextInput",props:{id:{},name:{},modelValue:{default:""},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},maxHeight:{default:void 0},error:{default:""},multiline:{type:Boolean,default:!1},autoGrow:{type:Boolean,default:!1},counter:{type:Boolean}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=e.ref(null),s=()=>{if(r.autoGrow&&a.value){a.value.style.height="";const t=Math.min(a.value.scrollHeight,r.maxHeight||a.value.scrollHeight);a.value.style.height=`${t}px`}},p=t=>{const l=t.target;o("input",t),o("update:modelValue",l.value),s()};return e.onMounted(()=>{s()}),(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S).wrapper)},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(S).wrapper__label),for:t.id},e.toDisplayString(t.label),11,we)):e.createCommentVNode("",!0),t.multiline?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:t.id,ref_key:"textareaRef",ref:a,class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,style:e.normalizeStyle(t.maxHeight?{maxHeight:`${t.maxHeight}px`}:void 0),value:t.modelValue,onBlur:l[0]||(l[0]=c=>o("blur",c)),onChange:l[1]||(l[1]=c=>t.$emit("change",c)),onFocus:l[2]||(l[2]=c=>o("focus",c)),onInput:p,onPaste:l[3]||(l[3]=c=>o("paste",c))},null,46,he)):(e.openBlock(),e.createElementBlock("input",{key:2,id:t.id,type:"text",class:e.normalizeClass([e.unref(S).wrapper__field,{[e.unref(S)["wrapper--error"]]:t.error}]),maxlength:t.maxLength,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:l[4]||(l[4]=c=>o("blur",c)),onChange:l[5]||(l[5]=c=>t.$emit("change",c)),onFocus:l[6]||(l[6]=c=>o("focus",c)),onInput:p,onPaste:l[7]||(l[7]=c=>o("paste",c))},null,42,ke)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(S).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(S).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(S).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)],2)}}}),E={wrapper__label:"_wrapper__label_k2iss_1",wrapper__errorMessage:"_wrapper__errorMessage_k2iss_1",wrapper__counter:"_wrapper__counter_k2iss_1",wrapper:"_wrapper_k2iss_1",wrapper__field:"_wrapper__field_k2iss_8",icon:"_icon_k2iss_134",spinner:"_spinner_k2iss_1",wrapper__size_default:"_wrapper__size_default_k2iss_204",wrapper__size_small:"_wrapper__size_small_k2iss_207",wrapper__bottom:"_wrapper__bottom_k2iss_244","wrapper--error":"_wrapper--error_k2iss_257"},ze=["for"],$e=["id","max","maxlength","min","name","placeholder","value"],Ce=e.defineComponent({__name:"NumberInput",props:{id:{},name:{},modelValue:{default:void 0},label:{default:""},placeholder:{default:""},maxLength:{default:void 0},error:{default:""},errorStatus:{type:Boolean},counter:{type:Boolean},min:{default:void 0},max:{default:void 0},size:{default:"default"}},emits:["update:modelValue","input","change","paste","focus","blur"],setup(i,{emit:n}){const r=i,o=n,a=t=>{if(t==="")return t;const l=Number(t);return typeof r.min=="number"&&l<r.min?r.min.toString():typeof r.max=="number"&&l>r.max?r.max.toString():l.toString()},s=t=>{const l=t.target,u=a(l.value);l.value=u,o("input",t),o("update:modelValue",Number(u))},p=t=>{const l=t.target,u=l.value,c=a(l.value===""?String(r.min||0):l.value);l.value=c,o("blur",t),u!==c&&o("update:modelValue",Number(c))};return(t,l)=>{var u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(E).wrapper,e.unref(E)[`wrapper__size_${t.size}`]])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(E).wrapper__label),for:t.id},e.toDisplayString(t.label),11,ze)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:t.id,type:"number",class:e.normalizeClass([e.unref(E).wrapper__field,{[e.unref(E)["wrapper--error"]]:t.error||t.errorStatus}]),max:t.max,maxlength:t.maxLength,min:t.min,name:t.name,placeholder:t.placeholder,value:t.modelValue,onBlur:p,onChange:l[0]||(l[0]=c=>t.$emit("change",c)),onFocus:l[1]||(l[1]=c=>o("focus",c)),onInput:s,onPaste:l[2]||(l[2]=c=>o("paste",c))},null,42,$e),t.counter||t.error?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__bottom)},[t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(E).wrapper__errorMessage)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0),t.counter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(E).wrapper__counter)},e.toDisplayString(((u=t.modelValue)==null?void 0:u.toString().length)||0),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}}),D={icon:"_icon_15ntm_122",spinner:"_spinner_15ntm_1",wrapper:"_wrapper_15ntm_188",wrapper__label:"_wrapper__label_15ntm_195",wrapper__input:"_wrapper__input_15ntm_219",wrapper_checked:"_wrapper_checked_15ntm_229",wrapper_disabled:"_wrapper_disabled_15ntm_236"},Be=["id","checked","disabled","name"],xe=["for"],Se=e.defineComponent({__name:"Toggle",props:{id:{},name:{},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=()=>{o("click",!r.checked)};return(s,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass([e.unref(D).wrapper,{[e.unref(D).wrapper_checked]:s.checked,[e.unref(D).wrapper_disabled]:s.disabled}])},[e.createElementVNode("input",{id:s.id,type:"checkbox",checked:s.checked,class:e.normalizeClass(e.unref(D).wrapper__input),disabled:s.disabled,name:s.name,onClick:a},null,10,Be),e.createElementVNode("label",{class:e.normalizeClass(e.unref(D).wrapper__label),for:s.id},null,10,xe)],2))}});function Ee(i=""){return typeof i=="string"?i.replace(/<\/style>/gi,"").replace(/<(.*?) on(.*?)=['"](.*?)>/gi,"").replace(/(<meta |<style|<\/*script)(.*?)>/gi,"").replace(/(<([^>]+)>)/ig,"").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi,""):i}const V={wrapper__box:"_wrapper__box_49orz_1",icon:"_icon_49orz_129",spinner:"_spinner_49orz_1",wrapper:"_wrapper_49orz_1",wrapper__icon:"_wrapper__icon_49orz_203","wrapper__box_bottom-start":"_wrapper__box_bottom-start_49orz_218","wrapper__box_bottom-center":"_wrapper__box_bottom-center_49orz_224","wrapper__box_bottom-end":"_wrapper__box_bottom-end_49orz_230","wrapper__box_top-start":"_wrapper__box_top-start_49orz_236","wrapper__box_top-center":"_wrapper__box_top-center_49orz_242","wrapper__box_top-end":"_wrapper__box_top-end_49orz_248","wrapper__box_right-start":"_wrapper__box_right-start_49orz_254","wrapper__box_right-center":"_wrapper__box_right-center_49orz_260","wrapper__box_right-end":"_wrapper__box_right-end_49orz_266","wrapper__box_left-start":"_wrapper__box_left-start_49orz_271","wrapper__box_left-center":"_wrapper__box_left-center_49orz_276","wrapper__box_left-end":"_wrapper__box_left-end_49orz_281",wrapper__text:"_wrapper__text_49orz_286","wrapper__box-content":"_wrapper__box-content_49orz_315","bottom-entrance":"_bottom-entrance_49orz_328","top-entrance":"_top-entrance_49orz_331","left-entrance":"_left-entrance_49orz_334","right-entrance":"_right-entrance_49orz_337","bottom-leave":"_bottom-leave_49orz_340","top-leave":"_top-leave_49orz_343","right-leave":"_right-leave_49orz_346","left-leave":"_left-leave_49orz_349"},Ve=["id"],Ne=["innerHTML"],Ie=e.defineComponent({__name:"Tooltip",props:{id:{},text:{},staticPosition:{default:"top center"},dynamicPosition:{type:Boolean},absolutePositionStatus:{type:Boolean,default:!1},offsetX:{default:4},offsetY:{default:4},maxHeight:{default:320},status:{type:Boolean,default:!0},preventXss:{type:Boolean},iconName:{default:void 0},absoluteTriangleAlignment:{default:"center"},absoluteTrianglePosition:{default:"top"},absolutePosition:{type:[Boolean,null,String,Object,Array]}},setup(i){const n=i,r=e.ref(null),o=e.ref("center"),a=e.ref("bottom"),s=e.ref("center"),p=e.ref(!1),t=e.ref(""),l=e.ref(!1),u=e.ref(!1),c=e.ref(""),$=e.ref("d-n"),B=e.ref(null),y=e.ref(null),H=e.ref(null),k=e.computed(()=>n.staticPosition.split(" ")[0]),N=e.computed(()=>n.staticPosition.split(" ")[1]),A=e.computed(()=>n.iconName?"mt-1":"mt-0"),X=e.computed(()=>n.preventXss?Ee(n.text):n.text),M=e.computed(()=>n.absolutePositionStatus?n.absoluteTrianglePosition:n.dynamicPosition&&p.value?a.value==="bottom"?"top":"bottom":k.value==="top"?"bottom":k.value==="bottom"?"top":k.value==="left"?"right":k.value==="right"?"left":"bottom"),U=e.computed(()=>n.absolutePositionStatus?"":l.value&&u.value||c.value==="icon"&&l.value?"opa-1":"opa-0"),G=e.computed(()=>n.absolutePositionStatus?n.absoluteTriangleAlignment:n.dynamicPosition&&p.value?o.value==="center"?"center":o.value==="end"?"end":o.value==="start"?"start":s.value:N.value==="center"?"center":N.value==="left"||N.value==="top"?"start":N.value==="right"||N.value==="bottom"?"end":"center"),j=e.computed(()=>n.absolutePositionStatus?"":n.dynamicPosition&&p.value?V[`wrapper__box_${a.value}-${o.value}`]:V[`wrapper__box_${k.value}-${G.value}`]),R=e.computed(()=>n.offsetX===0&&n.offsetY===0?{}:n.dynamicPosition?{[`margin-${a.value==="bottom"?"top":"bottom"}`]:`${n.offsetY}px`}:M.value==="top"||M.value==="bottom"?{[`margin-${M.value}`]:`${n.offsetY}px`}:{[`margin-${M.value}`]:`${n.offsetX}px`}),Q=_=>{const{offsetTop:f,offsetLeft:b,offsetWidth:C,offsetHeight:O}=_,P=f+O,J=b+C;return{top:f,left:b,width:C,bottom:P,right:J}},d=(_,f,b=!1)=>{if(!_||!y.value)return{left:!1,right:!1,top:!1,bottom:!1,center:!1};const C={left:0,right:0,top:0,bottom:0,width:0,height:0},O=y.value.offsetHeight,P=window.innerWidth,J=window.innerHeight,ee=_.offsetHeight,F=_.offsetWidth||264,h=f&&Q(f)||C,te=b?h==null?void 0:h.right:h==null?void 0:h.left,oe=b?h==null?void 0:h.top:h==null?void 0:h.bottom,Oe=te+h.width+F+n.offsetX<P,We=te+h.width/2-(F+n.offsetX)>10,Ae=oe+ee<J-n.offsetY,Ge=oe-(ee+O+n.offsetY)>0;let ne=!1;return n.iconName&&(ne=h.right+F/2<P&&h.left-(F+n.offsetX)/2>=10),{left:We,right:Oe,bottom:Ae,top:Ge,center:ne}},m=()=>{e.nextTick(()=>{var P;p.value=!0;const{bottom:_,left:f,right:b,top:C,center:O}=d(H.value,(P=H.value)==null?void 0:P.parentNode);if(O){o.value="center",a.value=_&&!C?"bottom":"top";return}if(_&&f&&b&&C){o.value="center",a.value="top";return}if(C&&!_){if(b&&f){o.value="center",a.value="top";return}if(b&&!f){o.value="start",a.value="top";return}if(!b&&f){o.value="end",a.value="top";return}}if(_&&C){if(!b&&f){o.value="end",a.value="top",s.value="end";return}if(b&&!f){o.value="start",a.value="top",s.value="start";return}}if(_&&!C){if(b&&f){o.value="center",a.value="bottom",s.value="top";return}if(!b&&f){o.value="end",a.value="bottom",s.value="top";return}b&&!f&&(o.value="start",a.value="bottom",s.value="top")}})},w=_=>{if(!(_ instanceof HTMLElement))return!1;const f=_.scrollHeight>_.offsetHeight,b=window.getComputedStyle(_).overflowY,C=["auto","scroll"].includes(b);return f&&C},I=_=>{const f=(_==null?void 0:_.nodeType)===Node.COMMENT_NODE,b=(_==null?void 0:_.nodeType)===Node.DOCUMENT_NODE;return!_||f||b?document:w(_)?_:I(_.parentNode)},L=()=>{var _;(_=B.value)==null||_.removeEventListener("scroll",m),window==null||window.removeEventListener("resize",m)},v=()=>{e.nextTick(()=>{var _;B.value=I(y.value),(_=B.value)==null||_.addEventListener("scroll",m),window==null||window.addEventListener("resize",m)})},Te=()=>{c.value="wrapper",$.value="d-b",l.value=!0},Z=()=>{c.value="icon",$.value="d-b",u.value=!0},qe=()=>{u.value=!1},He=()=>{c.value="",l.value=!1,u.value=!1},De=()=>{He(),n.dynamicPosition?a.value==="bottom"?t.value="bottom-leave":a.value==="top"&&(t.value="top-leave"):k.value==="top"?t.value="top-leave":k.value==="bottom"?t.value="bottom-leave":k.value==="left"?t.value="left-leave":k.value==="right"&&(t.value="right-leave"),setTimeout(()=>{t.value="",$.value="d-n"},n.absolutePositionStatus?0:250)},Le=()=>{Te(),m(),n.dynamicPosition?a.value==="bottom"?t.value="top-entrance":a.value==="top"&&(t.value="bottom-entrance"):k.value==="top"?t.value="bottom-entrance":k.value==="bottom"?t.value="top-entrance":k.value==="left"?t.value="right-entrance":k.value==="right"&&(t.value="left-entrance"),setTimeout(()=>{t.value=""},250)};return e.onMounted(()=>{n.dynamicPosition&&v()}),e.onBeforeUnmount(()=>{L()}),(_,f)=>(e.openBlock(),e.createElementBlock("div",{id:_.id,ref_key:"tooltipRootRef",ref:y,class:e.normalizeClass(e.unref(V).wrapper),onMouseenter:Le,onMouseleave:De},[_.iconName?(e.openBlock(),e.createBlock(e.unref(q),{key:0,ref_key:"tooltipIconRef",ref:r,class:e.normalizeClass(e.unref(V).wrapper__icon),name:_.iconName,onMouseenter:Z,onMouseleave:qe},null,8,["class","name"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(V).wrapper__icon),onMouseenter:Z,onMouseleave:Z},[e.renderSlot(_.$slots,"triggerElement")],34)),_.status?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"tooltipPopupRef",ref:H,class:e.normalizeClass([e.unref(V).wrapper__box,j.value,U.value,$.value]),style:e.normalizeStyle(_.absolutePosition)},[e.createVNode(e.unref(K),{"border-triangle":"","border-triangle-align":G.value,"border-triangle-position":M.value,class:e.normalizeClass([e.unref(V)["wrapper__box-content"],A.value,t.value]),style:e.normalizeStyle(R.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).wrapper__text),style:e.normalizeStyle({maxHeight:`${_.maxHeight}px`,overflowY:"auto"})},[e.createElementVNode("div",{innerHTML:X.value},null,8,Ne),e.renderSlot(_.$slots,"contentSlot")],6)]),_:3},8,["border-triangle-align","border-triangle-position","class","style"])],6)):e.createCommentVNode("",!0)],42,Ve))}}),W={icon:"_icon_1sx9k_122",spinner:"_spinner_1sx9k_1",box:"_box_1sx9k_188","box_top-start":"_box_top-start_1sx9k_192","box_top-center":"_box_top-center_1sx9k_192","box_top-end":"_box_top-end_1sx9k_192","box_right-start":"_box_right-start_1sx9k_192","box_right-center":"_box_right-center_1sx9k_192","box_right-end":"_box_right-end_1sx9k_192","box_bottom-start":"_box_bottom-start_1sx9k_192","box_bottom-center":"_box_bottom-center_1sx9k_192","box_bottom-end":"_box_bottom-end_1sx9k_192","box_left-start":"_box_left-start_1sx9k_192","box_left-center":"_box_left-center_1sx9k_192","box_left-end":"_box_left-end_1sx9k_192",flipBox:"_flipBox_1sx9k_276"},Me=e.defineComponent({__name:"DefaultBox",props:{border:{},borderRadius:{default:"bor-r-1"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{default:"center"},borderTrianglePosition:{default:"top"}},emits:["click"],setup(i,{emit:n}){const r=i,o=n,a=e.computed(()=>r.borderTriangle?W[`box_${r.borderTrianglePosition}-${r.borderTriangleAlign}`]:"");function s(){o("click")}return(p,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(W).box,a.value,p.border,p.borderRadius]),onClick:s},[e.renderSlot(p.$slots,"default")],2))}}),Pe=e.defineComponent({__name:"FlipBox",props:{boxSpacing:{default:""}},setup(i){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(W).flipBox,n.boxSpacing])},[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(W).box,n.boxSpacing])},[e.renderSlot(n.$slots,"front")],2),e.createElementVNode("div",{class:e.normalizeClass([n.boxSpacing])},[e.renderSlot(n.$slots,"reverse")],2)])],2))}}),K=e.defineComponent({__name:"Box",props:{type:{default:"default"},borderTriangle:{type:Boolean,default:!1},borderTriangleAlign:{},borderTrianglePosition:{},boxSpacing:{default:""}},setup(i){const n={default:Me,flip:Pe};return(r,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n[r.type]),{"border-triangle":r.borderTriangle,"border-triangle-align":r.borderTriangleAlign,"border-triangle-position":r.borderTrianglePosition,"box-spacing":r.boxSpacing},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"front"),e.renderSlot(r.$slots,"reverse")]),_:3},8,["border-triangle","border-triangle-align","border-triangle-position","box-spacing"]))}});return z.Box=K,z.Button=ae,z.DropdownMenu=de,z.Icon=q,z.NumberInput=Ce,z.OnPageMessage=fe,z.SegmentButton=ge,z.TextInput=ye,z.Toggle=Se,z.Tooltip=Ie,Object.defineProperty(z,Symbol.toStringTag,{value:"Module"}),z}({},Vue);
 //# sourceMappingURL=ab-components.iife.js.map