{"version":3,"file":"CVWxJFGa.js","sources":["../../../../src/constants/inputField.ts","../../../../src/components/common/StateToggler.vue","../../../../src/components/modifiers/Editor/Tweak.vue","../../../../src/utils/utilCalendar.ts"],"sourcesContent":["export const inputFieldConfig = {\n    numericPlaceholder: '-',\n}\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { IconSizes } from '~~/src/constants/iconSizes'\n\ntype AllowedStates = ({ icon: SpSvg; asChar?: false } | { icon: string; asChar: true })[]\n\nconst props = defineProps({\n\tstatesAsChar: { type: Boolean, default: false },\n\tallowedStates: { type: Object as PropType<AllowedStates>, required: true },\n\tselectedVal: { type: Number, default: 0 },\n})\nconst { allowedStates: states, selectedVal } = toRefs(props)\nconst emit = defineEmits([EmitsEnum.Click])\n\nconst onClick = () => {\n\tconst newVal = (selectedVal.value + 1) % states.value.length\n\temit(EmitsEnum.Click, newVal)\n}\n\nconst background = (index: number) => (index === selectedVal.value ? 'bg-dark-blue-600' : '')\nconst iconColor = (index: number) =>\n\tindex === selectedVal.value ? 'fill-white text-white' : 'fill-dark-blue-400 text-dark-blue-400'\n\nconst circleRef = ref()\nconst circleHeight = computed(() => circleRef?.value?.at(0)?.clientHeight || 0)\n</script>\n\n<template>\n\t<div class=\"bg-dark-blue-100 rounded-full flex p-0.5 cursor-pointer\" @click=\"onClick\">\n\t\t<div\n\t\t\tv-for=\"(val, index) in allowedStates\"\n\t\t\tclass=\"rounded-full p-1.5 flex justify-center\"\n\t\t\t:class=\"background(index)\"\n\t\t\tref=\"circleRef\"\n\t\t\t:style=\"`min-width: ${circleHeight}px;`\"\n\t\t>\n\t\t\t<p\n\t\t\t\tv-if=\"val.asChar\"\n\t\t\t\t:class=\"iconColor(index)\"\n\t\t\t\tclass=\"h-[12px] text-[12px] font-[700] inline leading-none text-center\"\n\t\t\t\t:title=\"val.icon\"\n\t\t\t>\n\t\t\t\t{{ val.icon }}\n\t\t\t</p>\n\t\t\t<CommonIcon v-else :icon-name=\"val.icon\" :class=\"iconColor(index)\" :icon-size=\"IconSizes.XS\" />\n\t\t</div>\n\t</div>\n</template>\n\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { modifiersConfig } from '~~/src/config/Modifiers'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { inputFieldConfig } from '~~/src/constants/inputField'\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency'\nimport { TweakModifierType } from '~~/src/submodules/sharedTypes/common/Modifiers'\nimport { NumericVariationType } from '~~/src/submodules/sharedTypes/common/NumericVariationType'\nimport { utilCurrency } from '~~/src/utils/utilCurrency'\nimport StateToggler from '../../common/StateToggler.vue'\n\nconst props = defineProps({\n\tcurrentValue: {\n\t\ttype: Object as PropType<TweakModifierType>,\n\t\tdefault: {\n\t\t\tvariationType: NumericVariationType.Amount,\n\t\t\tvariationValue: 0,\n\t\t},\n\t},\n\toriginalValue: {\n\t\ttype: Object as PropType<TweakModifierType>,\n\t\tdefault: {\n\t\t\tvariationType: NumericVariationType.Amount,\n\t\t\tvariationValue: 0,\n\t\t},\n\t},\n\tisActive: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\tcurrency: { type: Object as PropType<Currency>, required: false },\n\thasError: { type: Boolean, default: false },\n\tisCompact: { type: Boolean },\n\ttestIds: {\n\t\ttype: Object as PropType<{ 'tweak-left-button'?: string; 'tweak-right-button'?: string; input?: string }>,\n\t\tdefault: () => ({}),\n\t},\n})\n\nconst { currentValue, originalValue, isActive, currency, hasError, testIds } = toRefs(props)\nconst emit = defineEmits([EmitsEnum.Change, EmitsEnum.Delete])\n\nonMounted(() => {\n\tif (!currency?.value) {\n\t\tcurrentValue.value.variationType = NumericVariationType.Percentage\n\t}\n})\n\nconst currencySymbol = computed(() => (currency?.value ? utilCurrency.currencySymbol(currency.value) : ''))\nconst currencyIcon = computed(() => (currency?.value ? utilCurrency.currencyIcon(currency.value) : ''))\nconst sign = ref(currentValue.value?.variationValue < 0 ? 1 : 0)\nconst onSignChange = (val: number) => {\n\tsign.value = val\n\n\t// TODO: improve\n\t// given we only have + and -, stored as: [+,-], we can just calculate the multiplier like this.\n\tconst multiplier = val == 0 ? 1 : -1\n\n\tconst returnObject: TweakModifierType = {\n\t\t...currentValue.value,\n\t\tvariationValue: Math.abs(currentValue.value.variationValue) * multiplier,\n\t}\n\temit(EmitsEnum.Change, returnObject)\n}\n\nconst variationTypes = [NumericVariationType.Amount, NumericVariationType.Percentage]\nconst index = Math.max(\n\t0,\n\tvariationTypes.findIndex((el) => el === currentValue.value?.variationType)\n)\nconst type = ref(index)\nconst onTypeChange = (val: number) => {\n\tif (!currency?.value) {\n\t\treturn\n\t}\n\n\ttype.value = val\n\tif (variationTypes[val] == NumericVariationType.Percentage) {\n\t\tcurrentValue.value.variationValue = currentValue.value.variationValue * 0.01\n\t} else {\n\t\tcurrentValue.value.variationValue = Math.round(currentValue.value.variationValue * 100)\n\t}\n\n\tconst returnObject: TweakModifierType = {\n\t\t...currentValue.value,\n\t\tvariationType: variationTypes[val],\n\t}\n\temit(EmitsEnum.Change, returnObject)\n}\n\nconst variationValue = computed(() =>\n\tMath.abs(\n\t\tcurrentValue.value.variationType === NumericVariationType.Percentage\n\t\t\t? Math.round(currentValue.value.variationValue * 100)\n\t\t\t: currentValue.value.variationValue\n\t)\n)\n\nconst onValueChange = (event: any) => {\n\tif (event.data === null) {\n\t\tconst returnObject: TweakModifierType = {\n\t\t\t...currentValue.value,\n\t\t\tvariationValue: 0,\n\t\t}\n\n\t\temit(EmitsEnum.Change, returnObject)\n\t\treturn\n\t}\n\n\tconst val = parseInt(event.target.value)\n\n\tif (['+', '-'].includes(event.data)) {\n\t\tevent.preventDefault()\n\t\treturn\n\t}\n\n\tif (!Number.isNaN(val)) {\n\t\tconst multiplier = sign.value == 0 ? 1 : -1\n\t\tconst percentageMultiplier = currentValue.value.variationType === NumericVariationType.Percentage ? 100 : 1\n\n\t\tconst returnObject: TweakModifierType = {\n\t\t\t...currentValue.value,\n\t\t\tvariationValue: (val * multiplier) / percentageMultiplier,\n\t\t}\n\n\t\temit(EmitsEnum.Change, returnObject)\n\t} else if (event.target.value == '') {\n\t\temit(EmitsEnum.Delete)\n\t\treturn\n\t} else {\n\t\tcurrentValue.value = originalValue.value\n\t}\n}\n\nconst allowedStates = computed(() => {\n\tif (!currency || !currency?.value) {\n\t\treturn [{ icon: SpSvg.CalendarPercentSmall }]\n\t}\n\n\treturn [{ icon: currencySymbol.value, asChar: true }, { icon: SpSvg.CalendarPercentSmall }]\n})\n\nconst background = computed(() => (isActive.value ? modifiersConfig.tweak.activeBackground : 'bg-white'))\n\nconst inputField = ref()\nconst onFocus = () => inputField.value.select()\n\nconst valueToDisplay = computed(() => (variationValue.value == 0 ? undefined : variationValue.value.toString()))\n\nonMounted(() => {\n\tconst returnObject: TweakModifierType = {\n\t\t...currentValue.value,\n\t}\n})\n\nconst resetState = () => {\n\tsign.value = 0\n\ttype.value = 0\n}\n\ndefineExpose({\n\tresetState,\n})\n</script>\n\n<template>\n\t<div class=\"relative flex items-center\" :class=\"background\">\n\t\t<div class=\"flex w-full items-center justify-between gap-2\">\n\t\t\t<StateToggler\n\t\t\t\t:allowed-states=\"[{ icon: SpSvg.CalendarPlusSmall }, { icon: SpSvg.CalendarMinusSmall }]\"\n\t\t\t\t:selected-val=\"sign\"\n\t\t\t\t:data-testid=\"testIds?.['tweak-left-button']\"\n\t\t\t\t@click=\"onSignChange\"\n\t\t\t/>\n\t\t\t<input\n\t\t\t\tref=\"inputField\"\n\t\t\t\ttype=\"number\"\n\t\t\t\tclass=\"text-right text-sm placeholder:text-dark-blue-400\"\n\t\t\t\t@input.stop=\"onValueChange\"\n\t\t\t\t:value=\"valueToDisplay\"\n\t\t\t\t:class=\"background\"\n\t\t\t\t:placeholder=\"inputFieldConfig.numericPlaceholder\"\n\t\t\t\t@focusin=\"onFocus\"\n\t\t\t\t:style=\"`width: ${isCompact ? '100%' : 'inherit'};`\"\n\t\t\t\t:data-testid=\"testIds?.['input']\"\n\t\t\t/>\n\n\t\t\t<StateToggler\n\t\t\t\t:states-as-char=\"true\"\n\t\t\t\t:allowed-states=\"allowedStates\"\n\t\t\t\t:selected-val=\"type\"\n\t\t\t\t@click=\"onTypeChange\"\n\t\t\t\t:data-testid=\"testIds?.['tweak-right-button']\"\n\t\t\t/>\n\t\t\t<CommonIcon\n\t\t\t\tv-if=\"hasError\"\n\t\t\t\t:icon-name=\"SpSvg.BasicErrorCircle\"\n\t\t\t\t:icon-size=\"IconSizes.XS\"\n\t\t\t\tclass=\"fill-error-600\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n","import { Accommodation } from '@/types/Accommodation'\nimport { DateRange } from '../submodules/sharedTypes/common/DateRange'\nimport { utilDate } from './utilDate'\nclass UtilCalendar {\n\tdatesToHighlightedDates(\n\t\tdates: Date[],\n\t\tcolor: string, //  'purple',\n\t\tfillMode: string = 'light'\n\t) {\n\t\treturn dates.map((el) => ({\n\t\t\thighlight: {\n\t\t\t\tcolor,\n\t\t\t\tfillMode,\n\t\t\t},\n\t\t\tdates: el,\n\t\t}))\n\t}\n\n\tdateRangesToHighlightedDates(\n\t\tdates: DateRange[],\n\t\tcolor: string, //  'purple',\n\t\tfillMode: string = 'light'\n\t) {\n\t\treturn dates.map((el) => ({\n\t\t\thighlight: {\n\t\t\t\tcolor,\n\t\t\t\tfillMode,\n\t\t\t},\n\t\t\tdates: utilDate.dateRangeToDateArray(el),\n\t\t}))\n\t}\n\n\troomTypesMap<T = any>(accommodations: Accommodation[]) {\n\t\tconst roomTypesMap = new Map<string, T[]>()\n\t\taccommodations.forEach((accommodation) => {\n\t\t\taccommodation.roomTypes?.forEach((roomType) => {\n\t\t\t\troomTypesMap.set(roomType.id.toString(), [])\n\t\t\t})\n\t\t})\n\t\treturn roomTypesMap\n\t}\n}\n\nexport const utilCalendar = new UtilCalendar()\n"],"names":["inputFieldConfig","props","__props","states","selectedVal","toRefs","emit","__emit","onClick","newVal","EmitsEnum","background","index","iconColor","circleRef","ref","circleHeight","computed","_b","_a","currentValue","originalValue","isActive","currency","hasError","testIds","onMounted","NumericVariationType","currencySymbol","utilCurrency","sign","onSignChange","val","multiplier","returnObject","variationTypes","el","type","onTypeChange","variationValue","onValueChange","event","percentageMultiplier","allowedStates","SpSvg","modifiersConfig","inputField","onFocus","valueToDisplay","__expose","UtilCalendar","dates","color","fillMode","utilDate","accommodations","roomTypesMap","accommodation","roomType","utilCalendar"],"mappings":"ykBAAO,MAAMA,GAAmB,CAC5B,mBAAoB,GACxB,uMCMA,MAAMC,EAAQC,EAKR,CAAE,cAAeC,EAAQ,YAAAC,CAAY,EAAIC,EAAOJ,CAAK,EACrDK,EAAOC,EAEPC,EAAU,IAAM,CACrB,MAAMC,GAAUL,EAAY,MAAQ,GAAKD,EAAO,MAAM,OACjDG,EAAAI,EAAU,MAAOD,CAAM,CAC7B,EAEME,EAAcC,GAAmBA,IAAUR,EAAY,MAAQ,mBAAqB,GACpFS,EAAaD,GAClBA,IAAUR,EAAY,MAAQ,wBAA0B,wCAEnDU,EAAYC,EAAI,EAChBC,EAAeC,EAAS,IAAA,SAAM,QAAAC,GAAAC,EAAAL,GAAA,YAAAA,EAAW,QAAX,YAAAK,EAAkB,GAAG,KAArB,YAAAD,EAAyB,eAAgB,EAAC,okCCb9E,MAAMjB,EAAQC,EA4BR,CAAE,aAAAkB,EAAc,cAAAC,EAAe,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,QAAAC,CAAA,EAAYpB,EAAOJ,CAAK,EACrFK,EAAOC,EAEbmB,EAAU,IAAM,CACVH,GAAA,MAAAA,EAAU,QACDH,EAAA,MAAM,cAAgBO,EAAqB,WACzD,CACA,EAEK,MAAAC,EAAiBX,EAAS,IAAOM,GAAA,MAAAA,EAAU,MAAQM,EAAa,eAAeN,EAAS,KAAK,EAAI,EAAG,EACrFN,EAAS,IAAOM,GAAA,MAAAA,EAAU,MAAQM,EAAa,aAAaN,EAAS,KAAK,EAAI,EAAG,EACtG,MAAMO,EAAOf,IAAII,EAAAC,EAAa,QAAb,YAAAD,EAAoB,gBAAiB,EAAI,EAAI,CAAC,EACzDY,EAAgBC,GAAgB,CACrCF,EAAK,MAAQE,EAIP,MAAAC,EAAaD,GAAO,EAAI,EAAI,GAE5BE,EAAkC,CACvC,GAAGd,EAAa,MAChB,eAAgB,KAAK,IAAIA,EAAa,MAAM,cAAc,EAAIa,CAC/D,EACK3B,EAAAI,EAAU,OAAQwB,CAAY,CACpC,EAEMC,EAAiB,CAACR,EAAqB,OAAQA,EAAqB,UAAU,EAC9Ef,EAAQ,KAAK,IAClB,EACAuB,EAAe,UAAWC,GAAO,OAAA,OAAAA,MAAOjB,EAAAC,EAAa,QAAb,YAAAD,EAAoB,eAAa,CAC1E,EACMkB,EAAOtB,EAAIH,CAAK,EAChB0B,EAAgBN,GAAgB,CACjC,GAAA,EAACT,GAAA,MAAAA,EAAU,OACd,OAGDc,EAAK,MAAQL,EACTG,EAAeH,CAAG,GAAKL,EAAqB,WAC/CP,EAAa,MAAM,eAAiBA,EAAa,MAAM,eAAiB,IAExEA,EAAa,MAAM,eAAiB,KAAK,MAAMA,EAAa,MAAM,eAAiB,GAAG,EAGvF,MAAMc,EAAkC,CACvC,GAAGd,EAAa,MAChB,cAAee,EAAeH,CAAG,CAClC,EACK1B,EAAAI,EAAU,OAAQwB,CAAY,CACpC,EAEMK,EAAiBtB,EAAS,IAC/B,KAAK,IACJG,EAAa,MAAM,gBAAkBO,EAAqB,WACvD,KAAK,MAAMP,EAAa,MAAM,eAAiB,GAAG,EAClDA,EAAa,MAAM,cAAA,CAExB,EAEMoB,EAAiBC,GAAe,CACjC,GAAAA,EAAM,OAAS,KAAM,CACxB,MAAMP,EAAkC,CACvC,GAAGd,EAAa,MAChB,eAAgB,CACjB,EAEKd,EAAAI,EAAU,OAAQwB,CAAY,EACnC,MAAA,CAGD,MAAMF,EAAM,SAASS,EAAM,OAAO,KAAK,EAEvC,GAAI,CAAC,IAAK,GAAG,EAAE,SAASA,EAAM,IAAI,EAAG,CACpCA,EAAM,eAAe,EACrB,MAAA,CAGD,GAAK,OAAO,MAAMT,CAAG,EAUV,GAAAS,EAAM,OAAO,OAAS,GAAI,CACpCnC,EAAKI,EAAU,MAAM,EACrB,MAAA,MAEAU,EAAa,MAAQC,EAAc,UAdZ,CACvB,MAAMY,EAAaH,EAAK,OAAS,EAAI,EAAI,GACnCY,EAAuBtB,EAAa,MAAM,gBAAkBO,EAAqB,WAAa,IAAM,EAEpGO,EAAkC,CACvC,GAAGd,EAAa,MAChB,eAAiBY,EAAMC,EAAcS,CACtC,EAEKpC,EAAAI,EAAU,OAAQwB,CAAY,CACzB,CAMZ,EAEMS,EAAgB1B,EAAS,IAC1B,CAACM,GAAY,EAACA,GAAA,MAAAA,EAAU,OACpB,CAAC,CAAE,KAAMqB,EAAM,qBAAsB,EAGtC,CAAC,CAAE,KAAMhB,EAAe,MAAO,OAAQ,EAAK,EAAG,CAAE,KAAMgB,EAAM,oBAAA,CAAsB,CAC1F,EAEKjC,EAAaM,EAAS,IAAOK,EAAS,MAAQuB,GAAgB,MAAM,iBAAmB,UAAW,EAElGC,EAAa/B,EAAI,EACjBgC,EAAU,IAAMD,EAAW,MAAM,OAAO,EAExCE,EAAiB/B,EAAS,IAAOsB,EAAe,OAAS,EAAI,OAAYA,EAAe,MAAM,UAAW,EAE/G,OAAAb,EAAU,IAAM,EACyB,CACvC,GAAGN,EAAa,KAAA,EACjB,CACA,EAOY6B,EAAA,CACZ,WANkB,IAAM,CACxBnB,EAAK,MAAQ,EACbO,EAAK,MAAQ,CACd,CAGC,CACA,u+BCjKD,MAAMa,EAAa,CAClB,wBACCC,EACAC,EACAC,EAAmB,QAClB,CACM,OAAAF,EAAM,IAAKf,IAAQ,CACzB,UAAW,CACV,MAAAgB,EACA,SAAAC,CACD,EACA,MAAOjB,CAAA,EACN,CAAA,CAGH,6BACCe,EACAC,EACAC,EAAmB,QAClB,CACM,OAAAF,EAAM,IAAKf,IAAQ,CACzB,UAAW,CACV,MAAAgB,EACA,SAAAC,CACD,EACA,MAAOC,GAAS,qBAAqBlB,CAAE,CAAA,EACtC,CAAA,CAGH,aAAsBmB,EAAiC,CAChD,MAAAC,MAAmB,IACV,OAAAD,EAAA,QAASE,GAAkB,QAC3BtC,EAAAsC,EAAA,YAAA,MAAAtC,EAAW,QAASuC,GAAa,CAC9CF,EAAa,IAAIE,EAAS,GAAG,SAAS,EAAG,CAAA,CAAE,CAAA,EAC3C,CACD,EACMF,CAAA,CAET,CAEa,MAAAG,GAAe,IAAIT"}