{"version":3,"file":"CGTgCerN.js","sources":["../../../../src/constants/checkboxTypes.ts","../../../../src/config/checkboxColorsConfig.ts","../../../../src/hooks/calendar/useCheckboxConfig.ts","../../../../src/components/common/Checkbox.vue","../../../../src/components/common/CheckboxList.vue"],"sourcesContent":["export const enum CheckboxTypes {\n    REGULAR = 'REGULAR',\n    WARNING = 'WARNING',\n}\n","import { SpSvg } from '~/autogen/SpSvg'\nimport { CheckboxTypes } from '~/constants/checkboxTypes'\n\nexport interface CheckboxTypeStatus {\n\tdefault: CheckboxSetup\n\tdisabled: CheckboxSetup\n}\n\nexport interface CheckboxSetup {\n\tclasses: string\n\ticon?: {\n\t\tid: SpSvg\n\t\tfill: string\n\t}\n}\n\nexport const buttonColorsConfig: { [k in CheckboxTypes]: CheckboxTypeStatus } = {\n\t[CheckboxTypes.REGULAR]: {\n\t\tdefault: {\n\t\t\tclasses: `odd:bg-white even:bg-warm-grey-50 hover:bg-warm-grey-100`,\n\t\t},\n\t\tdisabled: { classes: `bg-warm-grey-100` },\n\t},\n\t[CheckboxTypes.WARNING]: {\n\t\tdefault: {\n\t\t\tclasses: `odd:bg-warning-50 even:bg-warning-100 hover:bg-warning-200`,\n\t\t\ticon: {\n\t\t\t\tid: SpSvg.BasicAlertCircle,\n\t\t\t\tfill: 'fill-warning-500',\n\t\t\t},\n\t\t},\n\t\tdisabled: {\n\t\t\tclasses: `bg-warm-grey-800`,\n\t\t\ticon: {\n\t\t\t\tid: SpSvg.BasicAlertCircle,\n\t\t\t\tfill: 'fill-warning-500',\n\t\t\t},\n\t\t},\n\t},\n}\n\nexport const getCheckboxColorConfig = (key?: CheckboxTypes) =>\n\tbuttonColorsConfig[key || CheckboxTypes.REGULAR] as CheckboxTypeStatus\n","import { Ref } from 'nuxt/dist/app/compat/capi'\nimport { SpSvg } from '~/autogen/SpSvg'\nimport { getCheckboxColorConfig } from '~/config/checkboxColorsConfig'\nimport { CheckboxTypes } from '~/constants/checkboxTypes'\n\nexport const useCheckboxConfig = (\n    type: Ref<CheckboxTypes>,\n    disabled: Ref<Boolean>\n) => {\n    const currentConfig = computed(() => {\n        const checkboxConfig = getCheckboxColorConfig(type.value)\n\n        // disabled state\n        if (disabled.value) {\n            return checkboxConfig.disabled\n        }\n        return checkboxConfig.default\n    })\n\n    const colors = computed((): string => currentConfig.value.classes)\n    const icon = computed((): SpSvg | undefined => currentConfig.value.icon?.id)\n    const iconFill = computed(\n        (): string | undefined => currentConfig.value.icon?.fill\n    )\n\n    return { colors, icon, iconFill }\n}\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { CheckboxTypes } from '~/constants/checkboxTypes'\nimport { EmitsEnum } from '~/constants/emits'\nimport { useCheckboxConfig } from '~/hooks/calendar/useCheckboxConfig'\nimport { TranslationKey } from '~/i18n/TranslationKeys'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { TextSizes } from '~~/src/constants/textSizes'\n\nconst props = defineProps({\n\tclicked: { type: Boolean, default: false },\n\ttext: { type: String as PropType<TranslationKey>, required: false },\n\tdisabled: { type: Boolean, default: false },\n\tindeterminate: { type: Boolean, default: false },\n\thint: { type: String as PropType<TranslationKey>, required: false },\n\tcheckboxClass: { type: String, default: '' },\n\tadditionalInfos: { type: String as PropType<TranslationKey>, required: false },\n\tinnerBackgroundColor: { type: String, default: 'bg-dark-blue-100' },\n\thasOnClick: { type: Boolean, default: false },\n\tcheckboxType: { type: String as PropType<CheckboxTypes>, default: CheckboxTypes.REGULAR },\n\tnoTruncate: { type: Boolean, default: false },\n\tclickableAreaClasses: { type: String, required: false },\n\ttranslateCheckbox: { type: Boolean, default: true },\n})\nconst {\n\tclicked,\n\ttext,\n\tdisabled,\n\tindeterminate,\n\thint,\n\tcheckboxClass,\n\tadditionalInfos,\n\thasOnClick,\n\tcheckboxType,\n\tnoTruncate,\n\tclickableAreaClasses,\n\ttranslateCheckbox,\n} = toRefs(props)\n\nconst slots = useSlots()\nconst hasSlot = computed(() => slots.default != undefined)\nconst { icon, iconFill } = useCheckboxConfig(checkboxType, disabled)\n\nconst internalState = ref(clicked.value)\nwatch(clicked, () => (internalState.value = clicked.value))\n\nconst emit = defineEmits([EmitsEnum.Click, EmitsEnum.Toggle])\nconst onClick = () => {\n\tif (!hasOnClick) {\n\t\tonToggle()\n\t\treturn\n\t}\n\n\tif (disabled.value) {\n\t\treturn\n\t}\n\n\temit(EmitsEnum.Click)\n}\n\nconst onToggle = () => {\n\tif (disabled.value) {\n\t\treturn\n\t}\n\n\tinternalState.value = !internalState.value\n\temit(EmitsEnum.Toggle, internalState.value)\n}\n\nconst hasClickableArea = computed(() => clickableAreaClasses?.value)\nconst cellClasses = computed(() => {\n\tlet classes = disabled.value ? 'border-sky-700 ' : 'border-sky-600 '\n\n\tif (indeterminate.value) {\n\t\tclasses += 'bg-sky-400 '\n\t} else {\n\t\tclasses += internalState.value ? 'bg-sky-500' : ''\n\t}\n\n\treturn classes\n})\n\nconst showHint = ref(false)\n</script>\n\n<template>\n\t<div class=\"relative\">\n\t\t<div\n\t\t\tclass=\"flex flex-row items-stretch justify-between gap-2 py-2\"\n\t\t\t:class=\"checkboxClass + ' ' + (disabled ? '' : 'cursor-pointer')\"\n\t\t\t@click=\"onClick\"\n\t\t>\n\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"hasClickableArea\"\n\t\t\t\t\t:class=\"clickableAreaClasses\"\n\t\t\t\t\tclass=\"absolute left-0 top-0\"\n\t\t\t\t\t@click.stop=\"onToggle\"\n\t\t\t\t></div>\n\t\t\t\t<div class=\"h-3 w-3 rounded border-2 px-1\" :class=\"cellClasses\" @click.stop=\"onToggle\"></div>\n\n\t\t\t\t<div v-if=\"hasOnClick\" class=\"h-full border-l border-dark-blue-200\" />\n\t\t\t\t<CommonIcon v-if=\"icon != undefined\" :fill=\"iconFill\" :icon-name=\"icon\" :icon-size=\"IconSizes.XS\" />\n\t\t\t\t<CommonText\n\t\t\t\t\tv-if=\"text != undefined\"\n\t\t\t\t\tclass=\"whitespace-pre-line\"\n\t\t\t\t\t:text=\"text\"\n\t\t\t\t\t:translate=\"translateCheckbox\"\n\t\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\t\t:class=\"{ 'text-dark-blue-400': disabled, 'line-clamp-2': !noTruncate }\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t<CommonText\n\t\t\t\t\tv-if=\"additionalInfos != undefined\"\n\t\t\t\t\t:text=\"additionalInfos\"\n\t\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\t\t:class=\"disabled ? 'text-dark-blue-400' : ''\"\n\t\t\t\t/>\n\t\t\t\t<CommonTooltip v-if=\"hint != undefined\" :text=\"hint\" :show=\"showHint\" :width=\"'w-32'\">\n\t\t\t\t\t<CommonIcon\n\t\t\t\t\t\t:icon-name=\"SpSvg.BasicHelp\"\n\t\t\t\t\t\t:icon-size=\"IconSizes.S\"\n\t\t\t\t\t\t@mouseenter=\"showHint = true\"\n\t\t\t\t\t\t@mouseleave=\"showHint = false\"\n\t\t\t\t\t/>\n\t\t\t\t</CommonTooltip>\n\t\t\t</div>\n\t\t</div>\n\t\t<AnimationCollapse>\n\t\t\t<div v-if=\"hasSlot && internalState\" class=\"truncate bg-dark-blue-100 p-3\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</AnimationCollapse>\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nimport { VueInstance } from '@vueuse/core'\nimport { PropType } from 'vue'\nimport { CheckboxTypes } from '~/constants/checkboxTypes'\nimport { useCheckboxConfig } from '~/hooks/calendar/useCheckboxConfig'\nimport { TranslationKey } from '~/i18n/TranslationKeys'\nimport { ISelectable } from '~/types/Selectable'\nimport { EmitsEnum } from '~~/src/constants/emits'\n\nconst props = defineProps({\n\titems: { type: Object as PropType<ISelectable<TranslationKey, any>[]>, required: true },\n\tgetChild: { type: Function as PropType<(pos: number) => any>, default: () => undefined },\n\tgetChildProps: { type: Function as PropType<(pos: number) => any>, default: () => undefined },\n\tselectAll: { type: Boolean, default: false },\n\tmaximumSelectionsReached: { type: Boolean, default: false },\n\trowPaddingX: { type: String, default: 'px-3' },\n\trowPaddingY: { type: String, default: 'py-4' },\n\tinnerBackgroundColor: { type: String, default: 'bg-dark-blue-100' },\n\tdataId: { type: String, required: true },\n\thighlightItemIndex: { type: Number, required: false },\n\tcheckboxClickableAreaClasses: { type: String, required: false },\n\ttranslateCheckboxes: { type: Boolean, default: true },\n\ttestIds: {\n\t\ttype: Object as PropType<{\n\t\t\t'accommodation-dropdown'?: string\n\t\t\t'search-input'?: string\n\t\t\t'room-type-list'?: string\n\t\t\t'select-all'?: string\n\t\t\t'tweak-left-button'?: string\n\t\t\t'tweak-right-button'?: string\n\t\t\t'remover-modifier-container'?: string\n\t\t\t'filters-container'?: string\n\t\t\tcontainer?: string\n\t\t}>,\n\t\tdefault: () => ({}),\n\t},\n})\nconst {\n\titems,\n\tgetChild,\n\tgetChildProps,\n\tselectAll,\n\tmaximumSelectionsReached,\n\trowPaddingX,\n\trowPaddingY,\n\tdataId,\n\tinnerBackgroundColor,\n\ttranslateCheckboxes,\n\ttestIds,\n} = toRefs(props)\n\nconst emit = defineEmits([EmitsEnum.Change])\nconst onChange = (position: number, value: boolean) => {\n\titems.value[position].selected = value\n\temit(EmitsEnum.Change, items.value)\n}\n\nconst getBoxSettings = (box: ISelectable<TranslationKey, any[]>) => {\n\treturn useCheckboxConfig(ref(box.checkboxType || CheckboxTypes.REGULAR), ref(box.disabled || false))\n}\n\n// const getBoxBackground = (box: ISelectable<TranslationKey, any[]>) => box.disabled ? 'bg-dark-blue-50' : 'odd:bg-white even:bg-dark-blue-50 hover:bg-dark-blue-100'\nconst toggleAll = (condition: boolean) => {\n\tfor (let i = 0; i < items.value.length; i++) {\n\t\tonChange(i, condition)\n\t}\n}\n\nconst isCheckboxDisabled = computed(\n\t() => (box: ISelectable<TranslationKey, any>) => box.disabled || (maximumSelectionsReached.value && !box.selected)\n)\n\nconst vm = getCurrentInstance()\nconst listReference = ref<HTMLElement>()\nwatch(\n\t() => props.items,\n\tasync () => {\n\t\t// we need to wait for the DOM to be updated otherwise the last item is not available yet\n\t\tawait nextTick()\n\n\t\tconst updateIndex = props.highlightItemIndex\n\t\tif (vm && updateIndex !== undefined && updateIndex > -1) {\n\t\t\tconst vueInstances: VueInstance[] = vm.refs[`checkbox-${updateIndex}`] as VueInstance[]\n\n\t\t\tconst element: Element = vueInstances[0].$el\n\t\t\tconst { top: elementTop } = element.getBoundingClientRect()!\n\t\t\tconst { top: listTop } = listReference.value?.getBoundingClientRect()!\n\t\t\tconst elementRelativePosition = elementTop - listTop\n\n\t\t\tconst box = vm.parent.refs['scrollableChecklistReference']\n\n\t\t\tbox.scrollTo({ top: elementRelativePosition, behavior: 'smooth' })\n\n\t\t\telement.classList.add('animate-highlightAndFade')\n\t\t}\n\t}\n)\n\nwatch(selectAll, toggleAll)\n\ndefineExpose({\n\ttoggleAll,\n\tonChange,\n})\n</script>\n\n<template>\n\t<div\n\t\tclass=\"block h-full rounded-md border border-dark-blue-100\"\n\t\tref=\"listReference\"\n\t\t:data-testid=\"testIds?.['container']\"\n\t>\n\t\t<template v-for=\"(box, index) in items\">\n\t\t\t<CommonCheckbox\n\t\t\t\t:ref=\"`checkbox-${index}`\"\n\t\t\t\tv-if=\"getChild!(index) != undefined && !box.hidden\"\n\t\t\t\t:text=\"box.element\"\n\t\t\t\t:clicked=\"box.selected\"\n\t\t\t\t@toggle=\"(value: boolean) => onChange(index, value)\"\n\t\t\t\t:disabled=\"isCheckboxDisabled(box)\"\n\t\t\t\t:hint=\"box.hint\"\n\t\t\t\t:checkbox-class=\"[rowPaddingX, rowPaddingY].join(' ')\"\n\t\t\t\t:class=\"getBoxSettings(box).colors.value\"\n\t\t\t\t:additional-infos=\"box.additionalInfos\"\n\t\t\t\t:has-on-click=\"box.onClick != undefined\"\n\t\t\t\t@click=\"box.onClick\"\n\t\t\t\t:checkbox-type=\"box.checkboxType\"\n\t\t\t\t:inner-background-color=\"innerBackgroundColor\"\n\t\t\t\t:clickable-area-classes=\"checkboxClickableAreaClasses\"\n\t\t\t\t:translate-checkbox=\"translateCheckboxes\"\n\t\t\t\t:testIds=\"testIds\"\n\t\t\t>\n\t\t\t\t<component\n\t\t\t\t\t:testIds=\"testIds\"\n\t\t\t\t\t:is=\"getChild!(index)\"\n\t\t\t\t\tv-bind=\"getChildProps?.(index)\"\n\t\t\t\t\t:data-id=\"`${dataId}-${index}`\"\n\t\t\t\t/>\n\t\t\t</CommonCheckbox>\n\t\t\t<CommonCheckbox\n\t\t\t\t:ref=\"`checkbox-${index}`\"\n\t\t\t\tv-else-if=\"!box.hidden\"\n\t\t\t\t:text=\"box.element\"\n\t\t\t\t:clicked=\"box.selected\"\n\t\t\t\t@toggle=\"(value: boolean) => onChange(index, value)\"\n\t\t\t\t:class=\"getBoxSettings(box).colors.value\"\n\t\t\t\t:hint=\"box.hint\"\n\t\t\t\t:checkbox-class=\"[rowPaddingX, rowPaddingY].join(' ')\"\n\t\t\t\t:disabled=\"isCheckboxDisabled(box)\"\n\t\t\t\t:data-id=\"`${dataId}-${index}`\"\n\t\t\t\t:additional-infos=\"box.additionalInfos\"\n\t\t\t\t:has-on-click=\"box.onClick != undefined\"\n\t\t\t\t@click=\"box.onClick\"\n\t\t\t\t:checkbox-type=\"box.checkboxType\"\n\t\t\t\t:translate-checkbox=\"translateCheckboxes\"\n\t\t\t\t:testIds=\"testIds\"\n\t\t\t\t:inner-background-color=\"innerBackgroundColor\"\n\t\t\t\t:clickable-area-classes=\"checkboxClickableAreaClasses\"\n\t\t\t/>\n\t\t</template>\n\t</div>\n</template>\n"],"names":["CheckboxTypes","buttonColorsConfig","SpSvg","getCheckboxColorConfig","key","useCheckboxConfig","type","disabled","currentConfig","computed","checkboxConfig","colors","icon","_a","iconFill","props","__props","clicked","text","indeterminate","hint","checkboxClass","additionalInfos","hasOnClick","checkboxType","noTruncate","clickableAreaClasses","translateCheckbox","toRefs","slots","useSlots","hasSlot","internalState","ref","watch","emit","__emit","onClick","onToggle","EmitsEnum","hasClickableArea","cellClasses","classes","showHint","items","getChild","getChildProps","selectAll","maximumSelectionsReached","rowPaddingX","rowPaddingY","dataId","innerBackgroundColor","translateCheckboxes","testIds","onChange","position","value","getBoxSettings","box","toggleAll","condition","isCheckboxDisabled","vm","getCurrentInstance","listReference","nextTick","updateIndex","element","elementTop","listTop","elementRelativePosition","__expose"],"mappings":"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"}