{"version":3,"file":"GYFQupSC.js","sources":["../../../../src/components/strategies/ControlsMobile.vue","../../../../src/components/competitors/CompetitorsControlsMobile.vue","../../../../src/config/mobileSheets.ts","../../../../src/components/mobileSheets/Generic.vue","../../../../src/components/mobileSheets/bulkUpdate/SelectedPeriodSummary.vue","../../../../src/components/mobileSheets/bulkUpdate/BulkUpdate.vue","../../../../src/components/mobileSheets/PriceCalculator.vue","../../../../src/components/calendar/LinePicker.vue","../../../../src/components/price/Occupancy/CompactHeader.vue","../../../../src/components/price/ADR/CompactHeader.vue","../../../../src/components/price/Occupancy/Body.vue","../../../../src/components/price/OccupancyADR/Card.vue","../../../../src/components/modifiers/CompactCollapsableEditor.vue","../../../../src/components/mobileSheets/PriceDetail.vue","../../../../src/config/mobileSheetsMap.ts","../../../../src/hooks/useWrapperAnimation.ts","../../../../src/components/mobileSheets/Manager.vue","../../../../src/layouts/mobile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { UserflowId } from '~/constants/UserflowId'\n\nconst strategiesStore = useStrategiesStore()\n\nconst isResettingStrategyChanges = ref(false)\nconst { isPreviewedStrategyChanged } = storeToRefs(strategiesStore)\n\nconst undoButtonIcon = computed(() => {\n\tif (strategiesStore.isDefaultStrategyChanged && !strategiesStore.isEditableStrategyChanged) {\n\t\treturn SpCommonIcon.Reload\n\t}\n\treturn SpCommonIcon.Undo\n})\n\nconst resetStrategyChangesModalOpen = () => {\n\tisResettingStrategyChanges.value = true\n}\n\nconst handleUndoButton = () => {\n\tif (strategiesStore.isEditableStrategyChanged) {\n\t\tstrategiesStore.undoStrategyChanges()\n\t} else if (strategiesStore.isDefaultStrategyChanged) {\n\t\tresetStrategyChangesModalOpen()\n\t}\n}\n\nconst handleSaveButton = () => {\n\tstrategiesStore.saveStrategyChanges()\n}\n\nwatch(isPreviewedStrategyChanged, () => {\n\tif (isPreviewedStrategyChanged.value) {\n\t\tstrategiesStore.getStrategyPricePredictions()\n\t}\n})\n</script>\n\n<template>\n\t<div class=\"flex gap-2 items-center justify-end w-full\">\n\t\t<SpButton\n\t\t\t:size=\"SpButtonSize.DefaultIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t:iconName=\"undoButtonIcon\"\n\t\t\t:data-id=\"UserflowId.StrategyUndoChangesButton\"\n\t\t\t:is-disabled=\"\n\t\t\t\t(!strategiesStore.isEditableStrategyChanged && !strategiesStore.isDefaultStrategyChanged) ||\n\t\t\t\tstrategiesStore.isDerivedStrategy\n\t\t\t\"\n\t\t\tcustom-class=\"fill-white border border-white transition-none disabled:bg-transparent disabled:border-white/30 disabled:fill-white/30\"\n\t\t\t@click=\"handleUndoButton\"\n\t\t/>\n\t\t<SpButton\n\t\t\t:size=\"SpButtonSize.DefaultIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t:iconName=\"SpCommonIcon.Save\"\n\t\t\t:data-id=\"UserflowId.StrategySaveButton\"\n\t\t\t:is-disabled=\"!strategiesStore.isEditableStrategyChanged || strategiesStore.isDerivedStrategy\"\n\t\t\tcustom-class=\"fill-white border border-white transition-none disabled:bg-transparent disabled:border-white/30 disabled:fill-white/30\"\n\t\t\t@click=\"handleSaveButton\"\n\t\t/>\n\t</div>\n\t<StrategiesResetStrategyChangesDialog v-model=\"isResettingStrategyChanges\" />\n</template>\n","<script setup lang=\"ts\">\nimport { SpButtonType, SpButtonSize, SpGeneratedIcon } from '@dev.smartpricing/sp-vue-components'\n\nconst marketIntelligenceStore = useMarketIntelligenceStore()\n\n// Actions handling\nconst onAddCompetitor = () => {\n\twindow.dispatchEvent(new Event('add-competitor'))\n}\nconst onResetCompetitors = () => {\n\twindow.dispatchEvent(new Event('reset-competitors'))\n}\n\nconst onSave = () => {\n\tmarketIntelligenceStore.updateMarketIntelligenceData()\n}\n\nonUnmounted(() => {\n\tmapBoxInstance.resetInstance()\n})\n</script>\n\n<template>\n\t<div class=\"flex w-full items-center justify-end gap-2\">\n\t\t<SpButton\n\t\t\t:size=\"SpButtonSize.DefaultIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t:iconName=\"SpGeneratedIcon.BasicUndo\"\n\t\t\tcustom-class=\"text-white transition-none border border-white fill-white\"\n\t\t\t@click=\"onResetCompetitors\"\n\t\t/>\n\t\t<SpButton\n\t\t\t:size=\"SpButtonSize.DefaultIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t:iconName=\"SpGeneratedIcon.BasicPlus\"\n\t\t\tcustom-class=\"text-white transition-none border border-white fill-white\"\n\t\t\t@click=\"onAddCompetitor\"\n\t\t/>\n\t\t<SpButton\n\t\t\t:size=\"SpButtonSize.DefaultIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t:iconName=\"SpGeneratedIcon.BasicFile\"\n\t\t\tcustom-class=\"text-white transition-none border border-white fill-white\"\n\t\t\t:is-disabled=\"!marketIntelligenceStore.isCompsetChanged\"\n\t\t\t@click=\"onSave\"\n\t\t/>\n\t</div>\n</template>\n","import { AnimationTimes } from './AnimationTimes'\n\nexport const mobileSheetsConfig = {\n    animationTime: AnimationTimes.M,\n    paddingFromTop: '48px',\n    paddingFromTopInPx: 48,\n    contentPaddingInPx: 24,\n}\n","<script setup lang=\"ts\">\nimport { useElementBounding, useWindowSize } from '@vueuse/core'\nimport { PropType } from 'nuxt/dist/app/compat/capi'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { ButtonSizes } from '~~/src/constants/buttonSizes'\nimport { ButtonTypes } from '~~/src/constants/buttonTypes'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { useMobileSheetsStore } from '~~/src/store/mobileSheets'\nimport { GenericMobileSheetConfiguration } from '~~/src/types/GenericMobileSheetConfiguration'\nimport { Localizable } from '~~/src/types/Localizable'\nimport { mobileSheetsConfig } from '~/config/mobileSheets'\nimport { ComponentWithProps } from '~~/src/types/ComponentWithProp'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\n\nconst props = defineProps({\n\tconfig: { type: Object as PropType<GenericMobileSheetConfiguration>, required: true },\n})\nconst { config } = toRefs(props)\n\nconst mobileSheetsStore = useMobileSheetsStore()\n\nconst footerRef = ref()\nconst headerRef = ref()\nconst { height: footerHeight } = useElementBounding(footerRef)\nconst { height: headerHeight } = useElementBounding(headerRef)\nconst { height } = useWindowSize()\nconst { paddingFromTopInPx } = mobileSheetsConfig\n\nconst spacerStyle = computed(\n\t() => 'height: ' + Math.max(footerHeight.value, mobileSheetsConfig.contentPaddingInPx) + 'px;'\n)\n\n// @ts-ignore\nconst isLocaTitle = computed(() => Object.values(TranslationKeys).includes(config.value.title?.key))\n\nconst onClose = () => useMobileSheetsStore().closeMobileSheet()\nonBeforeUnmount(() => {\n\tif (config.value.onClose != undefined) {\n\t\tconfig.value.onClose()\n\t}\n})\n\nconst slots = useSlots()\nconst hasHeader = computed(() => slots.header != undefined)\n\nconst containerHeight = computed(() => {\n\treturn `height: calc(100% - ${headerHeight.value}px  )`\n})\nconst maxFooterHeight = computed(() => height.value - (paddingFromTopInPx + headerHeight.value))\nwatch(maxFooterHeight, () => (mobileSheetsStore.footerHeight = maxFooterHeight.value))\n</script>\n\n<template>\n\t<div class=\"h-full\" style=\"grid-template-rows: auto 1fr\">\n\t\t<div class=\"flex flex-col gap-5 pt-5\" ref=\"headerRef\">\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex shrink-0 items-center justify-between px-4\"\n\t\t\t\t\t:style=\"`padding-bottom: ${mobileSheetsConfig.contentPaddingInPx}px;`\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex w-11/12 shrink flex-col gap-2\">\n\t\t\t\t\t\t<CommonText v-if=\"config.label != undefined\" :text=\"config.label\" :text-size=\"TextSizes.PRODUCTIVE\" />\n\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\tv-if=\"isLocaTitle\"\n\t\t\t\t\t\t\t:text=\"config.title as Localizable\"\n\t\t\t\t\t\t\t:text-size=\"TextSizes.HEADING_MD\"\n\t\t\t\t\t\t\tclass=\"text-sky-600\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<component\n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t:is=\"(config.title as ComponentWithProps).component\"\n\t\t\t\t\t\t\tv-bind=\"(config.title as ComponentWithProps).props\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<CommonIconButton\n\t\t\t\t\t\tv-if=\"!config.preventClose\"\n\t\t\t\t\t\t:icon=\"SpSvg.BasicTimes\"\n\t\t\t\t\t\t:type=\"ButtonTypes.GHOST\"\n\t\t\t\t\t\t:tooltip=\"TranslationKeys.CLOSE\"\n\t\t\t\t\t\t:size=\"ButtonSizes.ICON_M\"\n\t\t\t\t\t\t@click=\"onClose\"\n\t\t\t\t\t\t:class=\"'shrink-0 self-start'\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"hasHeader\" class=\"w-full\">\n\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"overflow-y-auto px-4 pt-7\" :style=\"containerHeight\">\n\t\t\t<slot name=\"default\" />\n\t\t\t<div class=\"shrink-0\" :style=\"spacerStyle\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"fixed bottom-0 left-0 z-10 w-full overflow-y-auto bg-white\"\n\t\t\tref=\"footerRef\"\n\t\t\t:style=\"`max-height: ${maxFooterHeight}px;`\"\n\t\t>\n\t\t\t<slot name=\"footer\" />\n\t\t</div>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { Range } from '@dev.smartpricing/sp-shared-network-common'\nimport { TextSizes } from '@/constants/textSizes'\nimport { utilDate } from '@/utils/utilDate'\nimport { weekDaysMobile } from '@/constants/weekdays'\n\nconst props = defineProps<{\n\tselectedDateRange: Range<Date>\n\tselectedDays: (0 | 1 | 2 | 3 | 4 | 5 | 6)[]\n}>()\nconst { selectedDateRange, selectedDays } = toRefs(props)\n\nconst isDaySelected = (day: number) => selectedDays.value.includes(day)\n</script>\n\n<template>\n\t<div class=\"mt-1 flex flex-col gap-2\">\n\t\t<CommonText\n\t\t\t:text=\"TranslationKeys.CUSTOMIZE_PRICES_MULTIPLE_DATES\"\n\t\t\t:text-size=\"TextSizes.HEADING_MD\"\n\t\t\tclass=\"text-sky-600\"\n\t\t/>\n\n\t\t<CommonText\n\t\t\t:text=\"utilDate.formatDateRange(selectedDateRange)\"\n\t\t\t:text-size=\"TextSizes.HEADING_MD\"\n\t\t\tclass=\"text-dark-blue-800\"\n\t\t/>\n\n\t\t<ul class=\"flex items-center justify-start gap-1\">\n\t\t\t<li\n\t\t\t\tv-for=\"(day, index) in weekDaysMobile\"\n\t\t\t\tclass=\"flex h-5 w-5 items-center justify-center rounded\"\n\t\t\t\t:class=\"isDaySelected(index) ? 'bg-sky-600' : 'bg-dark-blue-100'\"\n\t\t\t>\n\t\t\t\t<CommonText\n\t\t\t\t\t:text=\"day\"\n\t\t\t\t\t:text-size=\"TextSizes.PRODUCTIVE_LABEL\"\n\t\t\t\t\t:class=\"isDaySelected(index) ? 'text-white' : 'text-dark-blue-400'\"\n\t\t\t\t/>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { PropType, Ref } from 'nuxt/dist/app/compat/vue-demi'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { BulkUpdateModes } from '~~/src/constants/bulkUpdateModes'\nimport { ButtonSizes } from '~~/src/constants/buttonSizes'\nimport { ButtonTypes } from '~~/src/constants/buttonTypes'\nimport { TrackingMessages } from '~~/src/constants/trackingMessages'\nimport { useAccommodationsStore } from '~~/src/store/accommodations'\nimport { useMobileSheetsStore } from '~~/src/store/mobileSheets'\nimport { useModifiersStore } from '~~/src/store/modifiers'\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency'\nimport { ModifierType, Modifiers } from '~~/src/submodules/sharedTypes/common/Modifiers'\nimport { Range } from '~~/src/submodules/sharedTypes/common/Range'\nimport {\n\tcomposeMultipleModeTrackingMessage,\n\tcomposeSingleModeTrackingMessage,\n} from '~~/src/tracking/bulkUpdateTracking'\nimport { GenericMobileSheetConfiguration } from '~~/src/types/GenericMobileSheetConfiguration'\nimport { utilDate } from '~~/src/utils/utilDate'\nimport { utilTracking } from '~~/src/utils/utilTracking'\nimport { ComponentWithProps } from '../../../types/ComponentWithProp'\nimport MobileSheetsBulkUpdateStepsSelectedPeriodSummary from '@/components/mobileSheets/bulkUpdate/SelectedPeriodSummary.vue'\nimport { TestIds } from '~/constants/TestIds'\n\nconst props = defineProps({\n\tconfig: { type: Object as PropType<GenericMobileSheetConfiguration>, required: true },\n})\nconst { config } = toRefs(props)\n\n// TODO: clean this component\nconst modifiersStore = useModifiersStore()\nconst mobileSheetStore = useMobileSheetsStore()\nconst accommodationStore = useAccommodationsStore()\n\nconst modifiersHaveErrors = ref(false)\nlet trackMessage = {}\n\nconst onSingleUpdate = () => {\n\tmodifiersStore.bulkUpdateSingleRoomsModifiers(date.value!, dateFilter.value, currentSingleModeModifiers.value)\n\tutilTracking.track(TrackingMessages.BULK_PRICE_CUSTOMIZATION, trackMessage)\n\tmobileSheetStore.closeMobileSheet()\n}\nconst onMultipleUpdate = () => {\n\tmodifiersStore.bulkUpdateMultipleRoomsModifiers(\n\t\tdate.value!,\n\t\tdateFilter.value,\n\t\tselectedRoomTypes.value,\n\t\tcurrentModifiers.value.tweak!\n\t)\n\tutilTracking.track(TrackingMessages.BULK_PRICE_CUSTOMIZATION, trackMessage)\n\tmobileSheetStore.closeMobileSheet()\n}\n\nconst updateTypes = [TranslationKeys.ON_SINGLE_ROOMS, TranslationKeys.ON_MULTIPLE_ROOMS]\nconst currentEditMode = ref(0)\nwatch(currentEditMode, () => {\n\tcurrentModifiers.value = {}\n\tcurrentSingleModeModifiers.value.clear()\n\tselectedRoomTypes.value = []\n})\nconst updateFunctionToUse = computed(() => (currentEditMode.value == 0 ? onSingleUpdate : onMultipleUpdate))\nconst onEditModeChange = (index: number) => (currentEditMode.value = index)\n\nconst date: Ref<undefined | Range<Date>> = ref()\nconst onDateChange = (newVal: any) => (date.value = newVal)\n\n// all days of week\nconst dateFilter = ref([0, 1, 2, 3, 4, 5, 6])\nconst onDateFilterChange = (days: number[]) => (dateFilter.value = days)\n\nconst selectedRoomTypes: Ref<number[]> = ref([])\nconst calculatedAlready = ref(false)\nconst buttonDisabled = ref(!calculatedAlready.value && selectedRoomTypes.value.length < 1)\nconst disableButton = computed(() => modifiersHaveErrors.value || buttonDisabled.value)\n\nconst filteredDays = computed((): number[] => utilDate.getMissingDaysOfTheWeek(date.value))\nconst currentModifiers: Ref<Modifiers> = ref({})\nconst currentSingleModeModifiers = ref(new Map<number, Modifiers>())\nconst onModifiersChange = computed(() =>\n\tcurrentEditMode.value === 0\n\t\t? onSingleModifiersChange\n\t\t: (modifiers: Modifiers, ids: number[]) => onMultipleModifiersChange(currentModifiers.value, ids)\n)\n\nconst onSingleModifiersChange = (modifierMap: Map<number, Modifiers>) => {\n\tcurrentSingleModeModifiers.value = modifierMap\n\tbuttonDisabled.value = modifierMap.entries.length > 0 || dateFilter.value.length < 1\n\n\tconst ids = Array.from(modifierMap.keys())\n\tconst modifiersMap = modifiersStore.getCountActiveModifiers(ids)\n\ttrackMessage = composeSingleModeTrackingMessage(date.value!, dateFilter.value, ids, modifiersMap)\n\n\tmodifiersStore.setSingleModifiersForModal(date.value!, dateFilter.value, modifierMap, trackMessage)\n}\n\nconst _onMultipleModifiersChange = (modifiers: Modifiers) =>\n\tonMultipleModifiersChange(modifiers, selectedRoomTypes.value)\nconst onMultipleModifiersChange = (modifiers: Modifiers, ids: number[]) => {\n\tcurrentModifiers.value = modifiers\n\tselectedRoomTypes.value = ids\n\tbuttonDisabled.value =\n\t\tids.length < 1 || modifiers.tweak == undefined || (dateFilter.value != undefined && dateFilter.value.length < 1)\n\n\tif (buttonDisabled.value == false && !modifiersHaveErrors.value) {\n\t\tconst modifiersMap = modifiersStore.getCountActiveModifiers(ids)\n\t\ttrackMessage = composeMultipleModeTrackingMessage(date.value!, dateFilter.value, ids, modifiersMap, modifiers.tweak)\n\t}\n}\n\nconst onMultipleModifierRemove = (modifier: ModifierType) => onModifierRemove(selectedRoomTypes.value, modifier)\nconst onModifierRemove = (ids: number[], modifier: ModifierType) =>\n\tmodifiersStore.bulkRemoveModifier(date.value!, dateFilter.value, ids, modifier)\nconst onErrorStatusChange = (hasError: boolean) => (modifiersHaveErrors.value = hasError)\nconst useExternalModifierHandler = computed(() => currentEditMode.value == 1)\nconst displayExternalModifierHandler = computed(\n\t() => useExternalModifierHandler.value && selectedRoomTypes.value.length > 0\n)\nconst currency = computed((): Currency => {\n\tif (selectedRoomTypes.value.length == 0) {\n\t\treturn {\n\t\t\tcode: 'eur',\n\t\t\tlocale: 'en',\n\t\t}\n\t}\n\n\tconst accommodationId = accommodationStore.getRoomTypeById(selectedRoomTypes.value[0]!)!.accommodationId\n\treturn accommodationStore.getAccommodationById(accommodationId)!.currency\n})\n\n// Step handling\nconst { current, goToNext, goToPrevious, isLast, isFirst } = useStepper(['PeriodSelect', 'ModifiersSelect'])\nconst isNextDisabled = computed<boolean>(() => {\n\tif (isFirst.value) {\n\t\treturn date.value == undefined || dateFilter.value.length < 1\n\t} else {\n\t\treturn buttonDisabled.value\n\t}\n})\nconst nextButtonLabel = computed(() => (isLast.value ? TranslationKeys.CONFIRM : TranslationKeys.NEXT))\nconst previousButtonLabel = computed(() => (isFirst.value ? TranslationKeys.CANCEL : TranslationKeys.PREVIOUS))\nconst onNext = () => {\n\tif (isLast.value) {\n\t\tupdateFunctionToUse.value()\n\t} else {\n\t\tconfig.value.title = {\n\t\t\tcomponent: MobileSheetsBulkUpdateStepsSelectedPeriodSummary,\n\t\t\tprops: {\n\t\t\t\tselectedDateRange: date.value,\n\t\t\t\tselectedDays: dateFilter.value,\n\t\t\t},\n\t\t} as ComponentWithProps\n\t\tgoToNext()\n\t}\n}\nconst onPrevious = () => {\n\tif (isFirst.value) {\n\t\tmobileSheetStore.closeMobileSheet()\n\t} else {\n\t\tconfig.value.title = { key: TranslationKeys.CUSTOMIZE_PRICES_MULTIPLE_DATES }\n\t\tselectedRoomTypes.value = []\n\t\tgoToPrevious()\n\t}\n}\n</script>\n\n<template>\n\t<MobileSheetsGeneric :config=\"config\">\n\t\t<template v-slot:default>\n\t\t\t<div class=\"flex flex-col gap-6\" v-if=\"current === 'PeriodSelect'\">\n\t\t\t\t<CommonRangeSelector\n\t\t\t\t\t:entries=\"updateTypes\"\n\t\t\t\t\t:selected-option=\"currentEditMode\"\n\t\t\t\t\t@click=\"onEditModeChange\"\n\t\t\t\t\t:data-id=\"UserflowId.BulkUpdateTypeSelector\"\n\t\t\t\t/>\n\t\t\t\t<DatePeriodSelector\n\t\t\t\t\t@change=\"onDateChange\"\n\t\t\t\t\t:date=\"date\"\n\t\t\t\t\t:start-date=\"new Date()\"\n\t\t\t\t\t:data-id=\"UserflowId.BulkUpdateRangeSelector\"\n\t\t\t\t\t:test-ids=\"{\n\t\t\t\t\t\t'date-picker': TestIds.CalendarCustomizePopupPeriodDatepicker,\n\t\t\t\t\t\tfield: TestIds.CalendarCustomizePopupPeriodField,\n\t\t\t\t\t}\"\n\t\t\t\t\t:data-testid=\"TestIds.CalendarCustomizePopupPeriodField\"\n\t\t\t\t/>\n\t\t\t\t<CommonWeekDaySelector\n\t\t\t\t\t:disabled=\"date == undefined\"\n\t\t\t\t\t:selected-range=\"dateFilter\"\n\t\t\t\t\t:disabled-days=\"filteredDays\"\n\t\t\t\t\t@change=\"onDateFilterChange\"\n\t\t\t\t\t:data-id=\"UserflowId.DayFilter\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div v-else class=\"mb-[60px] flex flex-col gap-6 pb-2\">\n\t\t\t\t<ModifiersBulkUpdate\n\t\t\t\t\t:date-range=\"date!\"\n\t\t\t\t\t:bulk-update-mode=\"currentEditMode === 0 ? BulkUpdateModes.SINGLE : BulkUpdateModes.MULTIPLE\"\n\t\t\t\t\t@change=\"onModifiersChange\"\n\t\t\t\t\t@cancel=\"onModifierRemove\"\n\t\t\t\t\t@error-status-change=\"onErrorStatusChange\"\n\t\t\t\t\t:allow-edit=\"!useExternalModifierHandler\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:footer>\n\t\t\t<div class=\"flex flex-col bg-white\">\n\t\t\t\t<AnimationCollapse v-if=\"isLast\">\n\t\t\t\t\t<ModifiersManager\n\t\t\t\t\t\tv-if=\"displayExternalModifierHandler\"\n\t\t\t\t\t\t@cancel=\"onMultipleModifierRemove\"\n\t\t\t\t\t\t@change=\"_onMultipleModifiersChange\"\n\t\t\t\t\t\t:modifiers-filters=\"[ModifierType.Tweak]\"\n\t\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t\t@error-status-change=\"onErrorStatusChange\"\n\t\t\t\t\t\t:removable-modifiers=\"modifiersStore.getCommonModifiersForRoomTypeId(selectedRoomTypes)\"\n\t\t\t\t\t\t:associated-modifiers=\"[modifiersStore.getAssociatedModifiers(selectedRoomTypes)]\"\n\t\t\t\t\t\tclass=\"p-4\"\n\t\t\t\t\t/>\n\t\t\t\t</AnimationCollapse>\n\n\t\t\t\t<div class=\"flex justify-start gap-2 border-t border-dark-blue-200 p-4\">\n\t\t\t\t\t<CommonButton :type=\"ButtonTypes.SECONDARY\" :size=\"ButtonSizes.TEXT_M\" @click=\"onPrevious\">\n\t\t\t\t\t\t<CommonText :text=\"previousButtonLabel\" />\n\t\t\t\t\t</CommonButton>\n\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t:type=\"ButtonTypes.PRIMARY\"\n\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t@click=\"onNext\"\n\t\t\t\t\t\t:disabled=\"isNextDisabled\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommonText :text=\"nextButtonLabel\" />\n\t\t\t\t\t</CommonButton>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t</MobileSheetsGeneric>\n</template>\n","<script setup lang=\"ts\">\nimport { PropType, Ref } from 'nuxt/dist/app/compat/vue-demi'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\nimport { Range } from '~/submodules/sharedTypes/common/Range'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { ButtonSizes } from '~~/src/constants/buttonSizes'\nimport { ButtonTypes } from '~~/src/constants/buttonTypes'\nimport { PeriodSelectorMode } from '~~/src/constants/periodSelectorModes'\nimport { TrackingMessages } from '~~/src/constants/trackingMessages'\nimport { useAccommodationsStore } from '~~/src/store/accommodations'\nimport { useCalculatedQuotationsStore } from '~~/src/store/calculatedQuotation'\nimport { useMobileSheetsStore } from '~~/src/store/mobileSheets'\nimport { GenericMobileSheetConfiguration } from '~~/src/types/GenericMobileSheetConfiguration'\nimport { utilNumber } from '~~/src/utils/UtilNumber'\nimport { utilTracking } from '~~/src/utils/utilTracking'\n\nconst props = defineProps({\n\tconfig: { type: Object as PropType<GenericMobileSheetConfiguration>, required: true },\n})\nconst { config } = toRefs(props)\n\nconst quotationsStore = useCalculatedQuotationsStore()\nconst accommodationStore = useAccommodationsStore()\nquotationsStore.resetQuotation()\n\nconst date: Ref<undefined | Range<Date>> = ref()\nconst onDateChange = (newVal: any) => {\n\tdate.value = newVal\n\tcalculateButtonDisabled.value = selectedRoomTypes.value.length == 0\n}\n\nconst selectedRoomTypes: Ref<number[]> = ref([])\nconst selectedAccommodation = ref()\nconst calculatedCurrency = ref(accommodationStore.accommodations[0].currency)\nconst calculatedAlready = ref(false)\nconst calculateButtonDisabled = ref(!calculatedAlready.value && selectedRoomTypes.value.length < 1)\n\nconst onCalculate = () => {\n\tcalculatedAlready.value = true\n\tcalculateButtonDisabled.value = true\n\tcalculatedCurrency.value = accommodationStore.getAccommodationById(selectedAccommodation.value)!.currency\n\n\tquotationsStore.requestQuotation(selectedRoomTypes.value, date.value!)\n}\n\nconst trackCopy = () => {\n\tutilTracking.track(TrackingMessages.PRICE_COPY, {\n\t\tnights: quotationsStore.nightsAmount,\n\t\trooms: quotationsStore.roomAmount,\n\t})\n}\n\nconst onRoomTypeChange = (idList: number[], accommodationId: number) => {\n\tcalculatedAlready.value = false\n\tcalculateButtonDisabled.value = idList.length == 0\n\tselectedRoomTypes.value = idList\n\tquotationsStore.resetQuotation()\n\tselectedAccommodation.value = accommodationId\n}\n</script>\n\n<template>\n\t<MobileSheetsGeneric :config=\"config\">\n\t\t<template v-slot:default>\n\t\t\t<div class=\"flex flex-col gap-6\">\n\t\t\t\t<DatePeriodSelector\n\t\t\t\t\t@change=\"onDateChange\"\n\t\t\t\t\t:date=\"date\"\n\t\t\t\t\t:start-date=\"new Date()\"\n\t\t\t\t\t:data-id=\"UserflowId.QuotationRangeSelector\"\n\t\t\t\t\t:selector-mode=\"PeriodSelectorMode.DAYS\"\n\t\t\t\t/>\n\t\t\t\t<AccommodationDropdownList :disabled=\"date == undefined\" @change=\"onRoomTypeChange\" />\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:footer>\n\t\t\t<div class=\"flex flex-col w-full bg-white\">\n\t\t\t\t<div class=\"p-4 pb-7\">\n\t\t\t\t\t<AnimationCollapse>\n\t\t\t\t\t\t<CommonLabel v-if=\"quotationsStore.calculatedQuotation != undefined\" :text=\"TranslationKeys.CALCULATED_PRICE\">\n\t\t\t\t\t\t\t<CommonClipboardText\n\t\t\t\t\t\t\t\t:text=\"utilNumber.toCurrency(quotationsStore.calculatedQuotation, calculatedCurrency)\"\n\t\t\t\t\t\t\t\t:on-click-message=\"TranslationKeys.CLIPBOARD_PRICE_SAVED\"\n\t\t\t\t\t\t\t\t@click=\"trackCopy\"\n\t\t\t\t\t\t\t\t:data-id=\"UserflowId.PriceCalculationResult\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CommonLabel>\n\t\t\t\t\t</AnimationCollapse>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex justify-start gap-2 p-4 border-t border-dark-blue-200\">\n\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t:type=\"ButtonTypes.SECONDARY\"\n\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t@click=\"() => useMobileSheetsStore().closeMobileSheet()\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommonText :text=\"TranslationKeys.CANCEL\" />\n\t\t\t\t\t</CommonButton>\n\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t:type=\"ButtonTypes.PRIMARY\"\n\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t:disabled=\"calculateButtonDisabled\"\n\t\t\t\t\t\t@click=\"onCalculate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommonText :text=\"TranslationKeys.CALCULATE\" />\n\t\t\t\t\t</CommonButton>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t</MobileSheetsGeneric>\n</template>\n","<script setup lang=\"ts\">\nimport { useElementBounding } from '@vueuse/core'\nimport { addDays, isSameDay } from 'date-fns'\nimport { Ref } from 'nuxt/dist/app/compat/capi'\nimport { TranslationKey } from '~/i18n/TranslationKeys'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { utilArray } from '~~/src/utils/utilArray'\nimport { utilDate } from '~~/src/utils/utilDate'\n\nconst props = defineProps({\n\tcurrentDate: { type: Date, default: new Date() },\n\tdisplayedElements: { type: Number, default: 5 },\n})\nconst { currentDate, displayedElements } = toRefs(props)\nconst emit = defineEmits([EmitsEnum.Change])\n\nconst target = ref()\nconst scrollWrap = ref()\nconst preventInteraction = ref(false)\nconst animationClasses = ['transition-all', 'duration-500', 'ease-in-out']\nconst locale = useLocale().currentLocale\n\nconst { width } = useElementBounding(target)\nconst elementWidth = computed(() => Math.floor(width.value / displayedElements.value))\n// TODO: replace\nconst wrapperPadding = computed(() => Math.max((width.value % displayedElements.value) / 2).toFixed(2))\n\nconst applyDates = (next: Date, prev?: Date) => {\n\tif (prev == undefined || isSameDay(next, prev)) {\n\t\tdates.value = []\n\t\tfor (let i = -2; i < 3; i++) {\n\t\t\tdates.value.push(addDays(next, i))\n\t\t}\n\n\t\treturn\n\t}\n\n\tpreventInteraction.value = true\n\tconst daysDifference = utilDate.daysDifference({ from: prev, to: next })\n\tconst translateAmount = -daysDifference * elementWidth.value + 'px'\n\tconst functionToUse = daysDifference > 0 ? animateForward : animateBackward\n\n\tfunctionToUse(daysDifference, translateAmount).then(() => (preventInteraction.value = false))\n}\n\nconst animateForward = async (daysDifference: number, translateAmount: string) => {\n\tanimationClasses.forEach((el) => scrollWrap?.value?.classList?.add(el))\n\tconst originalLength = dates.value.length\n\tconst lastDay = dates.value[originalLength - 1]\n\n\tfor (let i = 1; i <= daysDifference; i++) {\n\t\tdates.value.push(addDays(lastDay, i))\n\t}\n\n\tscrollWrap!.value!.style!.transform! = `translateX(${translateAmount})`\n\n\tawait setTimeout(() => {\n\t\tanimationClasses.forEach((el) => scrollWrap?.value?.classList?.remove(el))\n\t\tscrollWrap!.value!.style!.transform! = ``\n\n\t\tdates.value = utilArray.startingFrom(dates.value, daysDifference)\n\t}, 500)\n}\nconst animateBackward = async (daysDifference: number, translateAmount: string) => {\n\tscrollWrap!.value!.style!.transform! = `translateX(-${translateAmount})`\n\tconst firstDay = dates.value[0]\n\n\tfor (let i = -1; i >= daysDifference; i--) {\n\t\tdates.value.unshift(addDays(firstDay, i))\n\t}\n\n\tawait setTimeout(async () => {\n\t\tanimationClasses.forEach((el) => scrollWrap?.value?.classList?.add(el))\n\t\tscrollWrap!.value!.style!.transform! = ``\n\n\t\tawait setTimeout(() => {\n\t\t\tanimationClasses.forEach((el) => scrollWrap?.value?.classList?.remove(el))\n\t\t\tdates.value = utilArray.stopAt(dates.value, 5)\n\t\t}, 500)\n\t}, 1)\n}\n\nconst dates: Ref<Date[]> = ref([])\napplyDates(currentDate.value)\nwatch(currentDate, applyDates)\n\nconst onDateClick = (date: Date) => {\n\tif (!preventInteraction.value) {\n\t\temit(EmitsEnum.Change, date)\n\t}\n}\n</script>\n\n<template>\n\t<div class=\"w-full\">\n\t\t<div class=\"w-full overflow-hidden\" ref=\"target\">\n\t\t\t<div ref=\"scrollWrap\" :style=\"`display: -webkit-box; padding: 0 ${wrapperPadding}px`\">\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"date in dates\"\n\t\t\t\t\tclass=\"flex h-14 grow flex-col items-center justify-center\"\n\t\t\t\t\t:class=\"\n\t\t\t\t\t\tisSameDay(date, currentDate)\n\t\t\t\t\t\t\t? 'border-b-2 border-b-sky-600'\n\t\t\t\t\t\t\t: 'border-b border-b-dark-blue-200 text-dark-blue-400'\n\t\t\t\t\t\"\n\t\t\t\t\t:style=\"`width: ${elementWidth}px`\"\n\t\t\t\t\t@click=\"onDateClick(date)\"\n\t\t\t\t>\n\t\t\t\t\t<CommonText\n\t\t\t\t\t\t:text=\"utilDate.getCapitalDayOfWeek(date, locale) as TranslationKey\"\n\t\t\t\t\t\t:text-size=\"isSameDay(date, currentDate) ? TextSizes.HEADING_MD : TextSizes.BODY_REGULAR\"\n\t\t\t\t\t/>\n\t\t\t\t\t<CommonText :text=\"date.getDate().toString() as TranslationKey\" :text-size=\"TextSizes.BODY_REGULAR\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { useOverbooking } from '~/hooks/useOverbooking'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { utilNumber } from '~~/src/utils/UtilNumber'\n\nconst props = defineProps({\n\toccupiedRooms: { type: Number, required: true },\n\toccupiedRoomsLastYear: { type: Number, required: true },\n\ttotalRooms: { type: Number, required: true },\n\tshowComparison: { type: Boolean },\n\thideBadge: { type: Boolean, default: false },\n})\nconst { occupiedRooms, totalRooms, occupiedRoomsLastYear, showComparison, hideBadge } = toRefs(props)\nconst currentPercentage = computed(() => occupiedRooms.value / totalRooms.value)\nconst lastYearPercentage = computed(() => occupiedRoomsLastYear.value / totalRooms.value)\nconst { isOverbooked } = useOverbooking(currentPercentage)\n</script>\n\n<template>\n\t<div class=\"grid h-full gap-2\">\n\t\t<div class=\"grid items-center justify-between gap-4\" style=\"grid-template-columns: 1fr auto\">\n\t\t\t<CommonText\n\t\t\t\t:text=\"TranslationKeys.OCCUPANCY\"\n\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\tclass=\"col-span-2 text-dark-blue-800\"\n\t\t\t\tstyle=\"grid-column: 1\"\n\t\t\t/>\n\n\t\t\t<span\n\t\t\t\tclass=\"col-span-2 text-xl font-semibold\"\n\t\t\t\t:class=\"isOverbooked ? 'text-warning-800' : 'text-dark-blue-800'\"\n\t\t\t\tstyle=\"grid-column: 1\"\n\t\t\t>\n\t\t\t\t{{ utilNumber.toPercentageWithCap(currentPercentage) }}\n\t\t\t</span>\n\n\t\t\t<div class=\"row-span-2 flex h-full items-end gap-2\" style=\"grid-column: 2; grid-row-end: 2\">\n\t\t\t\t<p class=\"text-xl text-dark-blue-800\">\n\t\t\t\t\t<span class=\"font-semibold\" :class=\"isOverbooked ? 'text-warning-800' : 'text-dark-blue-800'\">{{\n\t\t\t\t\t\toccupiedRooms\n\t\t\t\t\t}}</span>\n\t\t\t\t\t/\n\t\t\t\t\t<span>{{ totalRooms }}</span>\n\t\t\t\t</p>\n\t\t\t\t<PriceOccupancyMeter :current-occupancy=\"currentPercentage\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<ComparisonBadge\n\t\t\tv-if=\"showComparison && !hideBadge\"\n\t\t\tclass=\"w-fit\"\n\t\t\t:first-number=\"lastYearPercentage\"\n\t\t\t:second-number=\"currentPercentage\"\n\t\t/>\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue';\nimport { TranslationKeys } from '~/i18n/TranslationKeys';\nimport { TextSizes } from '~~/src/constants/textSizes';\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency';\nimport { utilNumber } from '~~/src/utils/UtilNumber';\n\nconst props = defineProps({\n    currentAdr: { type: Number, required: true },\n    lastYearAdr: { type: Number, required: true },\n    currency: { type: Object as PropType<Currency>, required: true },\n    showComparison: { type: Boolean },\n    hideBadge: { type: Boolean, default: false }\n})\nconst { currentAdr, lastYearAdr, currency, showComparison } = toRefs(props)\n</script>\n\n<template>\n    <div class=\"flex flex-col gap-4\">\n\n        <CommonText :text=\"TranslationKeys.ADR\" :text-size=\"TextSizes.BODY_REGULAR\" class=\"text-dark-blue-800\" />\n\n        <div class=\"flex flex-col gap-2\">\n            <span class=\"text-xl font-semibold text-dark-blue-800\">\n                {{ utilNumber.toCurrency(currentAdr, currency) }}\n            </span>\n            <ComparisonBadge class=\"w-fit\" v-if=\"showComparison && !hideBadge\" :first-number=\"lastYearAdr\"\n                :second-number=\"currentAdr\" />\n        </div>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { utilNumber } from '~~/src/utils/UtilNumber';\n\nconst props = defineProps({\n    occupiedRoomsLastYear: { type: Number, required: true },\n    totalRooms: { type: Number, required: true },\n    showComparison: { type: Boolean },\n})\nconst { occupiedRoomsLastYear, totalRooms } = toRefs(props)\nconst lastYearPercentage = computed(() => (occupiedRoomsLastYear.value / totalRooms.value))\n\n</script>\n\n<template>\n    <div class=\"flex flex-col gap-2 h-full\">\n        <div class=\"flex items-center justify-between\">\n            <div class=\"flex items-center gap-2\">\n                <span class=\"text-lg font-semibold text-white\">\n                    {{ utilNumber.toPercentageWithCap(lastYearPercentage) }}\n                </span>\n            </div>\n            <p class=\"text-xs text-white\"><span class=\"font-semibold\">{{ occupiedRoomsLastYear }}</span> /\n                <span>{{ totalRooms }}</span>\n            </p>\n        </div>\n    </div>\n</template>","<script lang=\"ts\" setup>\nimport { PropType } from 'nuxt/dist/app/compat/capi'\nimport { TranslationKey, TranslationKeys } from '~/i18n/TranslationKeys'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { useToggle } from '~~/src/hooks/useToggle'\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency'\nimport { utilNumber } from '~~/src/utils/UtilNumber'\nimport { TrackingMessages } from '../../../constants/trackingMessages'\n\nconst { t } = useI18n()\n\nconst props = defineProps({\n\ttotalRooms: { type: Number, required: true },\n\toccupiedRooms: { type: Number, required: true },\n\toccupiedRoomsLastYear: { type: Number, required: true },\n\tcurrentAdr: { type: Number, required: true },\n\tlastYearAdr: { type: Number, required: true },\n\tcurrency: { type: Object as PropType<Currency>, required: true },\n\texpand: { type: Boolean, default: false },\n\thideLastYearInfo: { type: Boolean, default: false },\n})\nconst { totalRooms, occupiedRooms, occupiedRoomsLastYear, currency, expand, hideLastYearInfo } = toRefs(props)\nconst emit = defineEmits([EmitsEnum.Toggle])\n\nconst { toggle, toggleValue, setToggle } = useToggle(expand.value)\nwatch(expand, () => setToggle(expand.value))\n\nconst onToggle = () => {\n\ttoggle()\n\temit(EmitsEnum.Toggle, toggleValue.value)\n}\nconst rotate = computed(() => (toggleValue.value ? '' : 'rotate-180'))\n\nconst howDoesItWorkDialogOpen = ref(false)\nconst openHowDoesItWorkDialog = () => {\n\thowDoesItWorkDialogOpen.value = true\n\n\tutilTracking.track(TrackingMessages.HOW_DOES_IT_WORK, {\n\t\tfeature_name: 'Occupancy calculation',\n\t})\n}\n</script>\n\n<template>\n\t<div>\n\t\t<CommonCollapsableCard\n\t\t\tsecond-card-color=\"bg-warm-grey-700\"\n\t\t\t:data-id=\"UserflowId.OccupancyCard\"\n\t\t\t:custom-y=\"toggleValue ? undefined : -52\"\n\t\t\t:custom-y-action=\"toggleValue ? undefined : -62\"\n\t\t>\n\t\t\t<template v-slot:header>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"grid h-full cursor-pointer gap-2 bg-warm-grey-200 px-4 py-3 hover:bg-warm-grey-300\"\n\t\t\t\t\tstyle=\"grid-template-columns: 7fr auto 3fr\"\n\t\t\t\t\t@click=\"onToggle\"\n\t\t\t\t>\n\t\t\t\t\t<PriceOccupancyCompactHeader\n\t\t\t\t\t\t:occupied-rooms=\"occupiedRooms\"\n\t\t\t\t\t\t:total-rooms=\"totalRooms\"\n\t\t\t\t\t\t:occupied-rooms-last-year=\"occupiedRoomsLastYear\"\n\t\t\t\t\t\t:show-comparison=\"toggleValue\"\n\t\t\t\t\t\t:hide-badge=\"hideLastYearInfo\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div class=\"border-l border-l-warm-grey-500\" />\n\n\t\t\t\t\t<PriceADRCompactHeader\n\t\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t\t:current-adr=\"currentAdr\"\n\t\t\t\t\t\t:show-comparison=\"toggleValue\"\n\t\t\t\t\t\t:last-year-adr=\"lastYearAdr\"\n\t\t\t\t\t\t:hide-badge=\"hideLastYearInfo\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<div class=\"flex cursor-pointer flex-col gap-2 px-4 py-3\" @click=\"onToggle\">\n\t\t\t\t<CommonText\n\t\t\t\t\t:text=\"TranslationKeys.PAST_DATA_NOT_AVAILABLE\"\n\t\t\t\t\t:text-size=\"TextSizes.BODY_SEMIBOLD\"\n\t\t\t\t\tclass=\"mb-2 text-warm-grey-200\"\n\t\t\t\t\tv-if=\"hideLastYearInfo\"\n\t\t\t\t/>\n\t\t\t\t<div v-else class=\"grid h-full gap-2\" style=\"grid-template-columns: 7fr auto 3fr\">\n\t\t\t\t\t<PriceOccupancyBody\n\t\t\t\t\t\t:occupied-rooms-last-year=\"occupiedRoomsLastYear\"\n\t\t\t\t\t\t:total-rooms=\"totalRooms\"\n\t\t\t\t\t\t:hide-last-year-info=\"hideLastYearInfo\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div class=\"border-l border-l-white\"></div>\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\t:text=\"utilNumber.toCurrency(lastYearAdr, currency) as TranslationKey\"\n\t\t\t\t\t\t\t:text-size=\"TextSizes.HEADING_MD\"\n\t\t\t\t\t\t\tclass=\"text-white\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"flex gap-2\">\n\t\t\t\t\t<CommonText :text=\"TranslationKeys.LAST_YEAR\" :text-size=\"TextSizes.PRODUCTIVE\" class=\"text-warm-grey-200\" />\n\t\t\t\t\t<CommonIcon\n\t\t\t\t\t\t:class=\"` shrink-0 transition-all duration-300 ease-out ${rotate}`\"\n\t\t\t\t\t\t:icon-name=\"SpSvg.BasicCarretUp\"\n\t\t\t\t\t\t:fill=\"'fill-warm-grey-200'\"\n\t\t\t\t\t\t:icon-size=\"IconSizes.XS\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<template v-slot:action>\n\t\t\t\t<SpButton\n\t\t\t\t\t:type=\"SpButtonType.Interactive\"\n\t\t\t\t\t:text=\"t(TranslationKeys.HOW_DOES_IT_WORK)\"\n\t\t\t\t\t:data-id=\"UserflowId.HowDoesItWorkLauncherOccupancyCalc\"\n\t\t\t\t\tcustom-class=\"py-2 pt-4 w-full border-none\"\n\t\t\t\t\t@click=\"openHowDoesItWorkDialog\"\n\t\t\t\t>\n\t\t\t\t\t<template #prependIcon>\n\t\t\t\t\t\t<img src=\"~/assets/images/animated-inside-the-box.gif\" class=\"h-5 w-5\" />\n\t\t\t\t\t</template>\n\t\t\t\t</SpButton>\n\t\t\t</template>\n\t\t</CommonCollapsableCard>\n\t\t<ModalHowDoesOccupancyWorkModal v-model=\"howDoesItWorkDialogOpen\" />\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { ButtonSizes } from '~~/src/constants/buttonSizes'\nimport { ButtonTypes } from '~~/src/constants/buttonTypes'\nimport { CardTypes } from '~~/src/constants/cardTypes'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { useCloneObject } from '~~/src/hooks/useCloneObject'\nimport { useToggle } from '~~/src/hooks/useToggle'\nimport { useAccommodationsStore } from '~~/src/store/accommodations'\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency'\nimport { ModifierType, TweakModifierType } from '~~/src/submodules/sharedTypes/common/Modifiers'\nimport { IndexedPrice, Price } from '~~/src/submodules/sharedTypes/common/Price'\nimport { IMessageCardData } from '~~/src/types/IMessageCardData'\n\nconst props = defineProps({\n\tprice: { type: Object as PropType<Price>, required: true },\n\tactiveModifiers: {\n\t\ttype: Object as PropType<ModifierType[]>,\n\t\tdefault: [],\n\t},\n\tmodifiersFilters: {\n\t\ttype: Object as PropType<ModifierType[]>,\n\t\tdefault: [],\n\t},\n\tcurrency: { type: Object as PropType<Currency>, required: true },\n\tconfirmButtonDataId: { type: String, default: '' },\n\tlinkedRoom: { type: Object as PropType<IndexedPrice> },\n\tfixedContentHeight: { type: Number },\n\texpand: { type: Boolean, defult: false },\n})\nconst {\n\tprice,\n\tactiveModifiers,\n\tcurrency,\n\tconfirmButtonDataId,\n\tlinkedRoom,\n\tmodifiersFilters,\n\tfixedContentHeight,\n\texpand,\n} = toRefs(props)\nconst { clone, cloneDiffers, resetClone } = useCloneObject(price)\nconst accommodationStore = useAccommodationsStore()\nconst derivedModifierData = computed(\n\t() => accommodationStore.getRoomTypeById(price.value.accommodationId)?.linkedRoomType\n)\nconst derivedNotification: IMessageCardData = {\n\tcanClose: false,\n\tcardType: CardTypes.INFO,\n\ttitle: TranslationKeys.DERIVED_ROOM,\n\tmessage: TranslationKeys.DERIVED_ROOM_MODIFIER_NOT_SETTABLE,\n}\nconst modifiersHaveErrors = ref(false)\nconst onErrorStatusChange = (hasError: boolean) => (modifiersHaveErrors.value = hasError)\n\nconst emit = defineEmits([EmitsEnum.Click, EmitsEnum.Save, EmitsEnum.Toggle])\nconst onChange = (newVal: any) => {\n\tif (clone.customerParams == undefined) {\n\t\tclone.customerParams = {\n\t\t\tactiveModifiers: [],\n\t\t\tmodifiers: newVal,\n\t\t}\n\t} else {\n\t\tclone.customerParams.modifiers = newVal\n\t}\n}\n\nconst { toggle, toggleValue, setToggle } = useToggle(expand.value)\nwatch(expand, () => setToggle(expand.value))\nconst onToggle = () => {\n\ttoggle()\n\temit(EmitsEnum.Toggle, toggleValue.value)\n}\n\nconst onSave = () => {\n\tsetToggle(false)\n\temit(EmitsEnum.Save, clone)\n\temit(EmitsEnum.Toggle, toggleValue.value)\n}\nconst resetEntry = () => {\n\tresetClone()\n\tif (clone.customerParams != undefined) {\n\t\tclone.customerParams.modifiers = {}\n\t}\n}\nconst cloneHasModifiers = computed(() => {\n\tconst modifiers = clone.customerParams?.modifiers || {}\n\tconst count = Object.values(modifiers).filter(\n\t\t(el: number | TweakModifierType) => el != 0 && (el as TweakModifierType)?.variationValue != 0\n\t).length\n\n\treturn count != 0\n})\n</script>\n\n<template>\n\t<div class=\"flex flex-col\" ref=\"container\" style=\"max-height: inherit\">\n\t\t<div class=\"bg-sky-200 px-4 py-6\" @click=\"onToggle\">\n\t\t\t<div class=\"flex items-center justify-between\">\n\t\t\t\t<CommonText :text=\"TranslationKeys.MODIFIERS\" />\n\t\t\t\t<CommonIcon\n\t\t\t\t\t:icon-name=\"SpSvg.BasicCarretUp\"\n\t\t\t\t\t:icon-size=\"IconSizes.XS\"\n\t\t\t\t\tclass=\"mr-[90px] shrink-0 transition-all duration-300\"\n\t\t\t\t\t:class=\"toggleValue ? 'rotate-180' : ''\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<AnimationCollapse :duration-ms=\"500\">\n\t\t\t<div v-if=\"toggleValue\" class=\"flex flex-col overflow-hidden\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex flex-col gap-4 overflow-y-auto px-4 py-4\"\n\t\t\t\t\t:style=\"fixedContentHeight ? `height: ${fixedContentHeight}px;` : ''\"\n\t\t\t\t>\n\t\t\t\t\t<ModifiersEditor\n\t\t\t\t\t\t:modifiers=\"clone?.customerParams?.modifiers || {}\"\n\t\t\t\t\t\t@change=\"onChange\"\n\t\t\t\t\t\t:linked-room=\"linkedRoom\"\n\t\t\t\t\t\t:active-modifiers=\"activeModifiers\"\n\t\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t\t@error-status-change=\"onErrorStatusChange\"\n\t\t\t\t\t\t:modifiers-filters=\"modifiersFilters\"\n\t\t\t\t\t\t:class=\"'gap-4'\"\n\t\t\t\t\t\t:is-compact=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"w-screen border-t border-dark-blue-200 py-3\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"derivedModifierData == undefined\"\n\t\t\t\t\t\tclass=\"flex flex-col gap-6 px-4 py-3\"\n\t\t\t\t\t\t:data-id=\"UserflowId.CollapsablePriceModifiersDetails\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"flex justify-start gap-2\">\n\t\t\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t\t\t:type=\"ButtonTypes.TERTIARY\"\n\t\t\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t\t\t:disabled=\"!cloneHasModifiers\"\n\t\t\t\t\t\t\t\t@click=\"resetEntry\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CommonText :text=\"TranslationKeys.RESET\" :text-size=\"TextSizes.BODY_REGULAR\" />\n\t\t\t\t\t\t\t</CommonButton>\n\t\t\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t\t\t:type=\"ButtonTypes.PRIMARY\"\n\t\t\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t\t\t:data-id=\"confirmButtonDataId\"\n\t\t\t\t\t\t\t\t:disabled=\"!cloneDiffers || modifiersHaveErrors\"\n\t\t\t\t\t\t\t\t@click=\"onSave\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CommonText :text=\"TranslationKeys.SAVE\" :text-size=\"TextSizes.BODY_REGULAR\" />\n\t\t\t\t\t\t\t</CommonButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-if=\"toggleValue && derivedModifierData != undefined\" class=\"flex flex-col gap-2 px-4 py-3\">\n\t\t\t\t\t\t<CommonMessageCard :card-data=\"derivedNotification\" />\n\t\t\t\t\t\t<ModifiersDerivedEditor :derived-room=\"derivedModifierData\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</AnimationCollapse>\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { PropType } from 'nuxt/dist/app/compat/vue-demi'\nimport { storeToRefs } from 'pinia'\nimport { TranslationKey, TranslationKeys } from '~/i18n/TranslationKeys'\nimport { EventType } from '~/submodules/sharedTypes/common/Event'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { useToggle } from '~~/src/hooks/useToggle'\nimport { useAccommodationsStore } from '~~/src/store/accommodations'\nimport { useDateDetailsStore } from '~~/src/store/dateDetails'\nimport { useMobileSheetsStore } from '~~/src/store/mobileSheets'\nimport { usePricesStore } from '~~/src/store/prices'\nimport { Price } from '~~/src/submodules/sharedTypes/common/Price'\nimport { trackPriceDetailSave } from '~~/src/tracking/priceDetailTracking'\nimport { GenericMobileSheetConfiguration } from '~~/src/types/GenericMobileSheetConfiguration'\nimport { utilDate } from '~~/src/utils/utilDate'\n\nconst props = defineProps({\n\tconfig: { type: Object as PropType<GenericMobileSheetConfiguration>, required: true },\n})\nconst { config } = toRefs(props)\n\nconst dateDetailsStore = useDateDetailsStore()\nconst accommodationStore = useAccommodationsStore()\nconst pricesStore = usePricesStore()\nconst mobileSheetsStore = useMobileSheetsStore()\nconst minimumStayStore = useMinimumStayStore()\n\nconst { showOrphanNightsFixedDate } = storeToRefs(minimumStayStore)\n\nconst currency = computed(() => dateDetailsStore?.currency)\nconst currentPrice = computed(() => dateDetailsStore.currentPrice)\nconst isVirtual = computed(() => currentPrice?.value?.isRoomTypeVirtual)\nconst roomType = computed(() => accommodationStore.getRoomTypeById(currentPrice?.value?.roomTypeId))\nconst roomUnits = computed(() => roomType.value?.numUnits || 0)\nconst onDateChange = (date: Date) =>\n\tdateDetailsStore.setDetailsRequirements(\n\t\tdateDetailsStore.accommodationId,\n\t\tdateDetailsStore.roomTypeId,\n\t\tdate,\n\t\tundefined\n\t)\nconst smartPricingPrice = computed(() => currentPrice?.value?.predictedPrice || 0)\nconst userPrice = computed(() => currentPrice?.value?.publishedPrice || 0)\nconst isPastDataNotAvailable = computed(() => {\n\tconst oldestSoldNightDate = roomType.value?.oldestSoldNightDate\n\tif (!oldestSoldNightDate || oldestSoldNightDate > dateDetailsStore.date) {\n\t\treturn true\n\t}\n\n\tconst date = new Date(dateDetailsStore.date.getTime())\n\tconst oneYearFromSelectedDate = new Date(date.setFullYear(date.getFullYear() - 1))\n\treturn oldestSoldNightDate > oneYearFromSelectedDate\n})\n\nconst onModifiersSave = (price: Price) => {\n\tpricesStore.updateModifiers(dateDetailsStore.date, price.customerParams?.modifiers || {}, dateDetailsStore.roomTypeId)\n\tconst modifiers = price.customerParams?.modifiers || {}\n\n\ttrackPriceDetailSave(price.roomTypeId, dateDetailsStore.date, modifiers)\n}\n\nconst { setToggle: setOccupancyAdrCardToggle, toggleValue: occupancyAdrtoggleValue } = useToggle(false)\nconst { setToggle: setPriceRecapToggle, toggleValue: priceRecapToggleValue } = useToggle(false)\nconst { setToggle: setFooterToggle, toggleValue: footerToggleValue } = useToggle(false)\n\nconst configToForward: ComputedRef<GenericMobileSheetConfiguration> = computed(() => ({\n\t...config.value,\n\tlabel: { key: accommodationStore.getAccommodationById(dateDetailsStore.accommodationId)?.name as TranslationKey },\n}))\n\nonMounted(() => {\n\tif (roomType.value) {\n\t\taccommodationStore.requestRoomTypeSoldNightsRange(roomType.value.id)\n\t}\n})\nconst showEventsPill = computed(() => dateDetailsStore.events.length > 0)\n</script>\n\n<template>\n\t<MobileSheetsGeneric :config=\"configToForward\">\n\t\t<template v-slot:header>\n\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t<CalendarPicker class=\"px-4\" :date=\"dateDetailsStore.date\" @change=\"onDateChange\" />\n\t\t\t\t<CalendarLinePicker :current-date=\"dateDetailsStore.date\" @change=\"onDateChange\" />\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:default>\n\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t<p v-if=\"roomType?.treatment\" class=\"mb-1 text-right text-sm text-dark-blue-500\">\n\t\t\t\t\t{{ useLocale().translate(TranslationKeys.TREATMENT) }}: {{ roomType.treatment.boardType }} | PAX\n\t\t\t\t\t{{ roomType.treatment.pax }}\n\t\t\t\t</p>\n\n\t\t\t\t<div class=\"flex flex-col gap-1 pb-4\" v-if=\"showEventsPill\">\n\t\t\t\t\t<EventsPill\n\t\t\t\t\t\tv-for=\"event in dateDetailsStore.events.filter((e) => e.eventType === EventType.Holiday)\"\n\t\t\t\t\t\t:custom-event=\"event\"\n\t\t\t\t\t/>\n\t\t\t\t\t<EventsPill\n\t\t\t\t\t\tv-for=\"event in dateDetailsStore.events.filter((e) => e.eventType === EventType.Event)\"\n\t\t\t\t\t\t:custom-event=\"event\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<SettingsSectionsOrphanNightsModifiedStayCard\n\t\t\t\t\t:is-orphan-night-fixed=\"showOrphanNightsFixedDate(roomType?.id, dateDetailsStore.date)\"\n\t\t\t\t/>\n\n\t\t\t\t<PriceRecap\n\t\t\t\t\tv-if=\"currentPrice != undefined\"\n\t\t\t\t\t:price=\"currentPrice\"\n\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t@toggle=\"setOccupancyAdrCardToggle\"\n\t\t\t\t\t:expand=\"occupancyAdrtoggleValue\"\n\t\t\t\t/>\n\n\t\t\t\t<PriceStrategyConfrontation\n\t\t\t\t\tv-if=\"smartPricingPrice != userPrice\"\n\t\t\t\t\t:smart-pricing-price=\"smartPricingPrice!\"\n\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t:user-price=\"userPrice\"\n\t\t\t\t/>\n\n\t\t\t\t<div v-if=\"!isVirtual\" class=\"fles\" :data-id=\"UserflowId.OccupationAdrCards\">\n\t\t\t\t\t<PriceOccupancyADRCard\n\t\t\t\t\t\tv-if=\"roomType?.numUnits != undefined && roomType.numUnits > 0\"\n\t\t\t\t\t\t:currency=\"currency\"\n\t\t\t\t\t\t:current-adr=\"dateDetailsStore.adr\"\n\t\t\t\t\t\t:last-year-adr=\"dateDetailsStore.adrLastYear\"\n\t\t\t\t\t\t:occupied-rooms=\"dateDetailsStore.occupancy\"\n\t\t\t\t\t\t:occupied-rooms-last-year=\"dateDetailsStore.occupancyLastYear\"\n\t\t\t\t\t\t:total-rooms=\"roomUnits\"\n\t\t\t\t\t\t@toggle=\"setPriceRecapToggle\"\n\t\t\t\t\t\t:expand=\"priceRecapToggleValue\"\n\t\t\t\t\t\t:hide-last-year-info=\"isPastDataNotAvailable\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-slot:footer>\n\t\t\t<ModifiersCompactCollapsableEditor\n\t\t\t\tv-if=\"\n\t\t\t\t\tcurrentPrice != undefined &&\n\t\t\t\t\t!utilDate.isBeforeToday(currentPrice.date) &&\n\t\t\t\t\t(roomType?.editableModifiers || []).length > 0\n\t\t\t\t\"\n\t\t\t\t:price=\"currentPrice\"\n\t\t\t\t@save=\"onModifiersSave\"\n\t\t\t\t:active-modifiers=\"currentPrice.customerParams?.activeModifiers || []\"\n\t\t\t\t:currency=\"currency\"\n\t\t\t\tconfirm-button-data-id=\"price-detail-modifiers-update\"\n\t\t\t\t:linked-room=\"currentPrice.indexedPrice\"\n\t\t\t\t@toggle=\"setFooterToggle\"\n\t\t\t\t:expand=\"footerToggleValue\"\n\t\t\t\t:modifiers-filters=\"roomType?.editableModifiers || []\"\n\t\t\t\t:fixed-content-height=\"mobileSheetsStore.footerHeight\"\n\t\t\t/>\n\t\t</template>\n\t</MobileSheetsGeneric>\n</template>\n","import {\n\tMobileSheetsBulkUpdate,\n\tMobileSheetsGeneric,\n\tMobileSheetsPriceCalculator,\n\tMobileSheetsPriceDetail,\n\tRoomTypeDropdown,\n} from '#components'\nimport { Component } from '@vue/runtime-dom'\nimport { IdMobileSheets } from '../constants/IdMobileSheets'\nimport { useDateDetailsStore } from '../store/dateDetails'\nimport { GenericMobileSheetConfiguration } from '../types/GenericMobileSheetConfiguration'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\n\nexport interface MobileSheetMapEntry {\n\tmobileSheet: Component\n\tconfig: GenericMobileSheetConfiguration\n}\n\nexport function getMobileSheetById(modal: IdMobileSheets) {\n\tconst modalsMap: Map<IdMobileSheets, MobileSheetMapEntry> = new Map<IdMobileSheets, MobileSheetMapEntry>([\n\t\t[\n\t\t\tIdMobileSheets.PriceCalculator,\n\t\t\t{\n\t\t\t\tmobileSheet: MobileSheetsPriceCalculator,\n\t\t\t\tconfig: {\n\t\t\t\t\ttitle: { key: TranslationKeys.CALCULATE_PRICE_MULTIPLE_DATES },\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[\n\t\t\tIdMobileSheets.CalendarBulkUpdate,\n\t\t\t{\n\t\t\t\tmobileSheet: MobileSheetsBulkUpdate,\n\t\t\t\tconfig: {\n\t\t\t\t\ttitle: { key: TranslationKeys.CUSTOMIZE_PRICES_MULTIPLE_DATES },\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[\n\t\t\tIdMobileSheets.CalendarPriceDetails,\n\t\t\t{\n\t\t\t\tmobileSheet: MobileSheetsPriceDetail,\n\t\t\t\tconfig: {\n\t\t\t\t\ttitle: {\n\t\t\t\t\t\tcomponent: RoomTypeDropdown,\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tonChange: (roomTypeId: number) => {\n\t\t\t\t\t\t\t\tconst dateDetailsStore = useDateDetailsStore()\n\t\t\t\t\t\t\t\tdateDetailsStore.setDetailsRequirements(\n\t\t\t\t\t\t\t\t\tdateDetailsStore.accommodationId,\n\t\t\t\t\t\t\t\t\troomTypeId,\n\t\t\t\t\t\t\t\t\tdateDetailsStore.date,\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tcompact: true,\n\t\t\t\t\t\t\taccommodationId: computed(() => useDateDetailsStore().accommodationId),\n\t\t\t\t\t\t\tselectedId: computed(() => useDateDetailsStore().roomTypeId),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[\n\t\t\tIdMobileSheets.CalendarAccommodationDetails,\n\t\t\t{\n\t\t\t\tmobileSheet: MobileSheetsGeneric,\n\t\t\t\tconfig: {\n\t\t\t\t\ttitle: { key: TranslationKeys.CUSTOMIZE_PRICES_MULTIPLE_DATES },\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t])\n\n\treturn modalsMap.get(modal)\n}\n","import { Ref } from '@vue/runtime-dom'\nimport { AnimationTimes } from '../config/AnimationTimes'\n\nexport const useWrapperAnimation = (\n    animationTime: AnimationTimes,\n    mutableElement: Ref<boolean>\n) => {\n    const animationShowing = ref(false)\n    const showWrapper = ref(false)\n    const showContents = ref(false)\n\n    watch(mutableElement, (isValid: boolean) => {\n        // regardless of the mutation type, the animation is starting\n        animationShowing.value = true\n\n        isValid ? onAnimationShow() : onAnimationEnd()\n    })\n\n    return { animationShowing, showContents, showWrapper }\n\n    function onAnimationShow() {\n        // if we are showing from nothing we need to start by rendering the elements\n        showWrapper.value = true\n\n        setTimeout(() => {\n            // after 1ms (render time, nextTick would not work)\n            // we can queue the contents rendering\n            showContents.value = true\n\n            setTimeout(() => {\n                // and after the content rendering & animation, we can say the animation is over\n                animationShowing.value = false\n            }, animationTime)\n        }, 1)\n    }\n\n    function onAnimationEnd() {\n        // if we are hiding\n        setTimeout(() => {\n            // we need to give time for the rest of the system to react (1ms in case there are animations or renders)\n            // then hide the contents first\n            showContents.value = false\n            setTimeout(() => {\n                // wait an additional ms for the content animation to correctly start and render or de-render if necessary\n                setTimeout(() => {\n                    // and finally hide the wrapper and signal the animation is not showing anymore\n                    showWrapper.value = false\n                    animationShowing.value = false\n                }, animationTime)\n            }, 1)\n        }, 1)\n    }\n}\n","<script lang=\"ts\" setup>\nimport { Ref } from 'vue';\nimport { mobileSheetsConfig } from '~~/src/config/mobileSheets';\nimport { getMobileSheetById } from '~~/src/config/mobileSheetsMap';\nimport { useBodyScrollLock } from '~~/src/hooks/useBodyScrollLock';\nimport { useWrapperAnimation } from '~~/src/hooks/useWrapperAnimation';\nimport { useMobileSheetsStore } from '~~/src/store/mobileSheets';\nimport { GenericMobileSheetConfiguration } from '~~/src/types/GenericMobileSheetConfiguration';\n\nconst mobileSheetsStore = useMobileSheetsStore()\nconst displayMobileSheets = computed(() => mobileSheetsStore.mobileSheet != undefined)\n\n// handling animaion details\nconst { animationTime, paddingFromTop } = mobileSheetsConfig\nconst { animationShowing, showContents, showWrapper } = useWrapperAnimation(animationTime, displayMobileSheets)\n\nlet mappedComponent: Ref<any | undefined> = shallowRef(undefined)\nlet config: Ref<GenericMobileSheetConfiguration | undefined> = ref(undefined)\n\n// avoiding background scroll\nconst { setScrollLock } = useBodyScrollLock(displayMobileSheets.value)\nwatch(displayMobileSheets, (isOpen) => {\n    setScrollLock(isOpen)\n\n    if (isOpen) {\n        const mappedConfig = getMobileSheetById(mobileSheetsStore.mobileSheet!)!\n        config.value = mappedConfig.config\n        mappedComponent.value = mappedConfig.mobileSheet\n    } else {\n        setTimeout(() => {\n            config.value = undefined\n            mappedComponent.value = undefined\n        }, animationTime + 1);\n    }\n})\n\nconst animationStyle = `animation-duration: ${animationTime}ms; transition-duration: ${animationTime}ms; transition-timing-function: ease-in-out;`\nconst clickStopperClasses = computed(() => {\n    const opacity = showContents.value ? 'opacity-0' : 'opacity-100'\n    const display = animationShowing.value ? '' : 'hidden'\n\n    return [opacity, display].join(' ')\n})\n\n</script>\n\n<template>\n    <div v-if=\"showWrapper\">\n        <div class=\"fixed left-0 z-50 w-screen h-screen transition\" :class=\"showContents ? '' : 'opacity-0'\"\n            :style=\"animationStyle\" style=\"backdrop-filter: blur(3.5px);\" />\n\n        <div class=\"fixed w-screen h-screen z-50 grid \" @click=\"mobileSheetsStore.closeMobileSheet\"\n            :style=\"`grid-template-rows: ${paddingFromTop} calc(100dvh - ${paddingFromTop})`\">\n            <div />\n            <div class=\"bg-white w-screen h-full grow z-50 rounded-t-2xl relative transition\" @click.stop=\"\"\n                :class=\"showContents ? '' : 'translate-y-full'\" :style=\"animationStyle\">\n                <component :is=\"mappedComponent\" v-bind=\"{ config }\" />\n                <div class=\"absolute w-full h-full rounded-t-2xl transition bg-white top-0\" :class=\"clickStopperClasses\"\n                    :style=\"animationStyle\" />\n            </div>\n        </div>\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { SpNavigationMobile } from '@dev.smartpricing/sp-vue-components'\nimport { FunctionalIds } from '../constants/funcitonalIds'\nimport { getMainNavigationItems, getBottomNavigationItems } from '@/config/navigationItems'\nimport { useMobileActionsStore } from '~/store/mobileActions'\nimport { ButtonSizes } from '~/constants/buttonSizes'\nimport { ButtonTypes } from '~/constants/buttonTypes'\nimport { SpSvg } from '~/autogen/SpSvg'\nimport { IconSizes } from '~/constants/iconSizes'\n\nconst bottomNavigationItems = computed(() => [...getBottomNavigationItems()])\n\nconst backgroundColor = computed(() => {\n\tconst routeName = useRoute().name\n\n\tswitch (routeName) {\n\t\tcase 'calendar':\n\t\t\treturn 'bg-white'\n\t\tcase 'settings-accommodation':\n\t\tcase 'settings-language':\n\t\tcase 'settings-notifications':\n\t\tcase 'settings-billing':\n\t\tcase 'updates':\n\t\t\treturn 'bg-warm-grey-100'\n\t\tdefault:\n\t\t\treturn 'bg-sky-50'\n\t}\n})\nconst mobileActionsStore = useMobileActionsStore()\nconst { toggleValue: toggleMobileActionsValue, toggle: toggleMobileActions } = useToggle(false)\nconst { toggleValue: toggleMenuValue, toggle: toggleMenu } = useToggle(false)\n\nconst toggleMobileActionsWrapper = () => {\n\twindow.dispatchEvent(new CustomEvent('toggledMobileActions'))\n\n\ttoggleMobileActions()\n}\n\nconst mobileMenuWrapperRef = ref()\nconst isBodyLocked = useScrollLock(document.body)\nconst onMenuOpen = (isOpen: boolean) => {\n\tif (isOpen) {\n\t\tisBodyLocked.value = true\n\t} else {\n\t\tisBodyLocked.value = false\n\t}\n}\n</script>\n\n<template>\n\t<div class=\"relative h-dynamic overflow-hidden\" :class=\"backgroundColor\">\n\t\t<div class=\"fixed left-0 right-0 top-0 z-[9999] h-0 lg:left-[60px] lg:z-[999]\" id=\"dialogs-container\"></div>\n\t\t<div class=\"fixed z-[999999] h-0 w-0\" id=\"dropdowns-container\"></div>\n\t\t<div class=\"top-0 z-20 mt-[60px] shadow\">\n\t\t\t<SpNavigationMobile\n\t\t\t\t:main-navigation-items=\"getMainNavigationItems()\"\n\t\t\t\t:bottom-navigation-items=\"bottomNavigationItems\"\n\t\t\t\tclass=\"mt-[-60px] block lg:hidden\"\n\t\t\t\tref=\"mobileMenuWrapperRef\"\n\t\t\t\t@open=\"onMenuOpen\"\n\t\t\t>\n\t\t\t\t<template #header-action>\n\t\t\t\t\t<!-- additional actions (on the right) + badge (on the left) -->\n\t\t\t\t\t<Transition name=\"mobile-options-animation\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"!toggleMenuValue && useRoute().path.endsWith('calendar')\"\n\t\t\t\t\t\t\tclass=\"flex w-full items-center justify-end\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CommonButton\n\t\t\t\t\t\t\t\t:size=\"ButtonSizes.TEXT_M\"\n\t\t\t\t\t\t\t\t@click=\"toggleMobileActionsWrapper\"\n\t\t\t\t\t\t\t\t:type=\"ButtonTypes.GHOST\"\n\t\t\t\t\t\t\t\tclass=\"self-end !border-white !px-2\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CommonIcon :icon-name=\"SpSvg.BasicDots\" :icon-size=\"IconSizes.M\" :fill=\"'fill-white'\" />\n\t\t\t\t\t\t\t</CommonButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div v-else-if=\"useRoute().path.endsWith('strategies')\">\n\t\t\t\t\t\t\t<StrategiesControlsMobile />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-else-if=\"useRoute().path.endsWith('competitors')\">\n\t\t\t\t\t\t\t<CompetitorsControlsMobile />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Transition>\n\t\t\t\t</template>\n\t\t\t</SpNavigationMobile>\n\n\t\t\t<MakeWishManager />\n\n\t\t\t<AnimationCollapse v-if=\"mobileActionsStore.hasActionHandler\">\n\t\t\t\t<div v-if=\"toggleMobileActionsValue\" class=\"border-b border-sky-100 bg-sky-50 px-4 py-2\">\n\t\t\t\t\t<component :is=\"mobileActionsStore.actionHandler\" />\n\t\t\t\t</div>\n\t\t\t</AnimationCollapse>\n\n\t\t\t<CommonBannerManager class=\"sticky z-30 pb-3\" />\n\t\t\t<div :id=\"FunctionalIds.ControlBarContainer\"></div>\n\t\t</div>\n\n\t\t<slot />\n\t\t<div :id=\"FunctionalIds.MobileMenuContainer\"></div>\n\t\t<CommonBottomControlBarContainer />\n\t\t<DevToolsSalesModesBadge class=\"z-50\" />\n\n\t\t<MobileSheetsManager class=\"absolute left-0 top-0 z-20\" />\n\t\t<ModalManager class=\"absolute left-0 top-0 z-20\" />\n\n\t\t<div :id=\"FunctionalIds.TooltipContainer\" class=\"absolute left-0 top-0\" style=\"z-index: 99\" />\n\t\t<CommonNotificationsManager />\n\t\t<PopupManager class=\"z-50\" />\n\t</div>\n</template>\n"],"names":["strategiesStore","useStrategiesStore","isResettingStrategyChanges","ref","isPreviewedStrategyChanged","storeToRefs","undoButtonIcon","computed","SpCommonIcon","resetStrategyChangesModalOpen","handleUndoButton","handleSaveButton","watch","marketIntelligenceStore","useMarketIntelligenceStore","onAddCompetitor","onResetCompetitors","onSave","onUnmounted","mapBoxInstance","mobileSheetsConfig","AnimationTimes","props","__props","config","toRefs","mobileSheetsStore","useMobileSheetsStore","footerRef","headerRef","footerHeight","useElementBounding","headerHeight","height","useWindowSize","paddingFromTopInPx","spacerStyle","isLocaTitle","TranslationKeys","_a","onClose","onBeforeUnmount","slots","useSlots","hasHeader","containerHeight","maxFooterHeight","selectedDateRange","selectedDays","isDaySelected","day","modifiersStore","useModifiersStore","mobileSheetStore","accommodationStore","useAccommodationsStore","modifiersHaveErrors","trackMessage","onSingleUpdate","date","dateFilter","currentSingleModeModifiers","utilTracking","TrackingMessages","onMultipleUpdate","selectedRoomTypes","currentModifiers","updateTypes","currentEditMode","updateFunctionToUse","onEditModeChange","index","onDateChange","newVal","onDateFilterChange","days","calculatedAlready","buttonDisabled","filteredDays","utilDate","onModifiersChange","onSingleModifiersChange","modifiers","ids","onMultipleModifiersChange","modifierMap","modifiersMap","composeSingleModeTrackingMessage","_onMultipleModifiersChange","composeMultipleModeTrackingMessage","onMultipleModifierRemove","modifier","onModifierRemove","onErrorStatusChange","hasError","useExternalModifierHandler","displayExternalModifierHandler","currency","accommodationId","current","goToNext","goToPrevious","isLast","isFirst","useStepper","isNextDisabled","nextButtonLabel","previousButtonLabel","onNext","MobileSheetsBulkUpdateStepsSelectedPeriodSummary","onPrevious","quotationsStore","useCalculatedQuotationsStore","calculateButtonDisabled","selectedAccommodation","calculatedCurrency","onCalculate","trackCopy","onRoomTypeChange","idList","currentDate","displayedElements","emit","__emit","target","scrollWrap","preventInteraction","animationClasses","locale","useLocale","width","elementWidth","wrapperPadding","applyDates","next","prev","isSameDay","dates","i","addDays","daysDifference","translateAmount","animateForward","animateBackward","el","_b","originalLength","lastDay","utilArray","firstDay","onDateClick","EmitsEnum","occupiedRooms","totalRooms","occupiedRoomsLastYear","showComparison","hideBadge","currentPercentage","lastYearPercentage","isOverbooked","useOverbooking","currentAdr","lastYearAdr","t","useI18n","expand","hideLastYearInfo","toggle","toggleValue","setToggle","useToggle","onToggle","rotate","howDoesItWorkDialogOpen","openHowDoesItWorkDialog","price","activeModifiers","confirmButtonDataId","linkedRoom","modifiersFilters","fixedContentHeight","clone","cloneDiffers","resetClone","useCloneObject","derivedModifierData","derivedNotification","CardTypes","onChange","resetEntry","cloneHasModifiers","dateDetailsStore","useDateDetailsStore","pricesStore","usePricesStore","minimumStayStore","useMinimumStayStore","showOrphanNightsFixedDate","currentPrice","isVirtual","roomType","roomUnits","smartPricingPrice","userPrice","isPastDataNotAvailable","oldestSoldNightDate","oneYearFromSelectedDate","onModifiersSave","trackPriceDetailSave","setOccupancyAdrCardToggle","occupancyAdrtoggleValue","setPriceRecapToggle","priceRecapToggleValue","setFooterToggle","footerToggleValue","configToForward","onMounted","showEventsPill","getMobileSheetById","modal","IdMobileSheets","MobileSheetsPriceCalculator","MobileSheetsBulkUpdate","MobileSheetsPriceDetail","RoomTypeDropdown","roomTypeId","MobileSheetsGeneric","useWrapperAnimation","animationTime","mutableElement","animationShowing","showWrapper","showContents","isValid","onAnimationShow","onAnimationEnd","displayMobileSheets","paddingFromTop","mappedComponent","shallowRef","setScrollLock","useBodyScrollLock","isOpen","mappedConfig","animationStyle","clickStopperClasses","opacity","display","bottomNavigationItems","getBottomNavigationItems","backgroundColor","useRoute","mobileActionsStore","useMobileActionsStore","toggleMobileActionsValue","toggleMobileActions","toggleMenuValue","toggleMobileActionsWrapper","mobileMenuWrapperRef","isBodyLocked","useScrollLock","onMenuOpen"],"mappings":"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"}