{"version":3,"file":"C9Ot2oYY.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/transition/TransitionHeight.vue","../../../../node_modules/@smenaspace/ui-layer/components/input-error/InputError.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst startTransition = (element: Element) => {\n  const elementStyle = (element as HTMLElement).style\n\n  elementStyle.height = `${element.scrollHeight}px`\n}\n\nconst endTransition = (element: Element) => {\n  const elementStyle = (element as HTMLElement).style\n\n  elementStyle.height = ''\n}\n</script>\n\n<template>\n  <transition\n    name=\"height\"\n    @enter=\"startTransition\"\n    @after-enter=\"endTransition\"\n    @before-leave=\"startTransition\"\n    @after-leave=\"endTransition\"\n  >\n    <slot />\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n.height-enter-active,\n.height-leave-active {\n  overflow: hidden;\n  transition: height 0.3s ease, opacity 0.3s ease;\n  will-change: height, opacity;\n}\n\n.height-enter-from,\n.height-leave-to {\n  height: 0 !important;\n  opacity: 0;\n}\n</style>\n","<script setup lang=\"ts\">\ntype Props = {\n  errorMessages?: string | string[] | null\n  dynamicHeight?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  errorMessages: null,\n})\n\nconst componentsClasses = computed(() => {\n  return [\n    'app-input-error',\n    {\n      'app-input-error--dynamic-height': props.dynamicHeight,\n    },\n  ]\n})\n\nconst errorText = computed(() => {\n  if (!props.errorMessages) return null\n\n  if (Array.isArray(props.errorMessages)) {\n    return props.errorMessages[0]\n  }\n\n  return props.errorMessages\n})\n</script>\n\n<template>\n  <div :class=\"componentsClasses\">\n    <the-transition-height>\n      <div v-if=\"errorText\" class=\"app-input-error__text\">\n        {{ errorText }}\n      </div>\n    </the-transition-height>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.app-input-error {\n  display: flex;\n  min-height: 16px;\n  padding: 0;\n  overflow: hidden;\n  pointer-events: none;\n\n  &__text {\n    padding-top: 2px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n    color: var(--ui-error);\n    word-break: break-word;\n  }\n\n  &--dynamic-height {\n    min-height: 0;\n  }\n}\n</style>\n"],"names":["startTransition","element","elementStyle","endTransition","props","__props","componentsClasses","computed","errorText"],"mappings":";;ueACM,MAAAA,EAAmBC,GAAqB,CAC5C,MAAMC,EAAgBD,EAAwB,MAEjCC,EAAA,OAAS,GAAGD,EAAQ,YAAY,IAC/C,EAEME,EAAiBF,GAAqB,CAC1C,MAAMC,EAAgBD,EAAwB,MAE9CC,EAAa,OAAS,EACxB,oVCLA,MAAME,EAAQC,EAIRC,EAAoBC,EAAS,IAC1B,CACL,kBACA,CACE,kCAAmCH,EAAM,aAAA,CAE7C,CACD,EAEKI,EAAYD,EAAS,IACpBH,EAAM,cAEP,MAAM,QAAQA,EAAM,aAAa,EAC5BA,EAAM,cAAc,CAAC,EAGvBA,EAAM,cANoB,IAOlC","debug_id":"a1676e90-2c0d-512c-8a23-0b12b0d2eaa2"}