@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/es/src/components/CdsOtpInput/CdsOtpInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsOtpInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOtpInput/CdsOtpInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOtpInput.scss';\n\nimport { CdsOverlay } from '@cds/components/CdsOverlay';\nimport { CdsProgressCircle } from '@cds/components/CdsProgressCircle';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useAutofocus, useFocus } from '@cds/composables/useFocus';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults, useProxyModel } from '@cds/core';\nimport { Intersect as vIntersect } from '@cds/directives';\nimport { classNames, filterInputAttrs } from '@cds/utils';\nimport { provide, ref, toRef, unref, useAttrs, watch, withDirectives } from 'vue';\n\nimport { CdsOtpInputConstants, CdsOtpInputSymbol } from './api/CdsOtpInput.constants';\nimport { defineCdsOtpInputProps } from './api/CdsOtpInput.props';\nimport type { CdsOtpInputEvents, CdsOtpInputSlots } from './api/CdsOtpInput.types';\nimport CdsOtpField from './CdsOtpField.vue';\nimport CdsOtpGroup from './CdsOtpGroup.vue';\nimport CdsOtpSeparator from './CdsOtpSeparator.vue';\nimport { useOtpInput } from './composables/useOtpInput';\n\ndefineOptions({\n  name: CdsOtpInputConstants.name,\n  inheritAttrs: false,\n  directives: { vIntersect }\n});\n\nconst _props = defineProps({ ...defineCdsOtpInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOtpInputSlots>();\nconst emit = defineEmits([\"finish\", \"update:focused\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { sizeClasses } = useSize(props);\nconst { isFocused } = useFocus(props);\nconst { onIntersect } = useAutofocus(props);\nconst { t } = useLocale();\nconst { isRtl } = useRtl();\n\nconst model = useProxyModel(props, 'modelValue', '', (value) => (value == null ? '' : String(value)));\nconst inputRef = ref<HTMLInputElement>();\nconst length = toRef(() => Number(props.length));\n\nlet focusAtPending = false;\n\nconst otp = useOtpInput({\n  value: model,\n  length,\n  pattern: () => props.pattern,\n  type: () => props.type,\n  masked: () => props.masked,\n  placeholder: () => props.placeholder,\n  isFocused\n});\n\nfunction applySelection() {\n  const input = unref(inputRef);\n  const selection = unref(otp.selection);\n\n  if (!input || !selection) return;\n\n  input.setSelectionRange(selection.start, selection.end, selection.direction);\n}\n\nfunction syncDOM() {\n  const input = unref(inputRef);\n\n  if (!input) return;\n  if (input.value !== unref(otp.value)) input.value = unref(otp.value);\n\n  applySelection();\n}\n\nfunction onSelectionChange() {\n  const input = unref(inputRef);\n\n  if (!input) {\n    otp.clearSelection();\n    return;\n  }\n\n  const result = otp.syncSelection({\n    value: input.value,\n    selectionStart: input.selectionStart,\n    selectionEnd: input.selectionEnd,\n    selectionDirection: input.selectionDirection,\n    maxLength: unref(length)\n  });\n\n  if (!result) return;\n\n  if (input.selectionStart !== result.start || input.selectionEnd !== result.end) {\n    input.setSelectionRange(result.start, result.end, result.direction);\n  }\n}\n\nfunction onInput(event: Event) {\n  const inputEvent = event as InputEvent;\n  const target = event.target as HTMLInputElement;\n  const composing = inputEvent.isComposing || unref(otp.isComposing);\n\n  if (composing && otp.isImeText(target.value)) return;\n\n  const next = otp.setValue(target.value);\n\n  if (target.value !== next) target.value = next;\n}\n\nfunction onCompositionstart() {\n  otp.startComposition();\n}\n\nfunction onCompositionupdate(event: CompositionEvent) {\n  otp.updateComposition(event.data ?? '');\n}\n\nfunction onCompositionend(event: CompositionEvent) {\n  otp.endComposition();\n  onInput(event);\n}\n\nfunction onFocus() {\n  isFocused.value = true;\n\n  if (focusAtPending) return;\n  if (!unref(inputRef)) return;\n\n  otp.selectAtEnd();\n  applySelection();\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  otp.clearSelection();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    const direction = ((event.key === 'ArrowLeft' ? -1 : 1) * (unref(isRtl) ? -1 : 1)) as -1 | 1;\n\n    if (otp.extendSelection(direction)) {\n      event.preventDefault();\n      syncDOM();\n    }\n\n    return;\n  }\n\n  if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n  if (!event.metaKey && !event.ctrlKey && !event.altKey) return;\n\n  event.preventDefault();\n  otp.bulkDelete(event.key === 'Backspace');\n  syncDOM();\n}\n\nfunction onBeforeinput(event: InputEvent) {\n  const pattern = unref(otp.effectivePattern);\n\n  if (event.inputType === 'insertText' && event.data && pattern && !pattern.test(event.data)) {\n    event.preventDefault();\n    return;\n  }\n\n  if (event.inputType === 'deleteContentForward') {\n    event.preventDefault();\n\n    const input = unref(inputRef);\n\n    if (!input) return;\n\n    const selection = unref(otp.selection);\n\n    otp.deleteRange(selection?.start ?? 0, selection?.end ?? input.value.length);\n    syncDOM();\n\n    return;\n  }\n\n  const isBackward = ['deleteWordBackward', 'deleteSoftLineBackward', 'deleteHardLineBackward'].includes(\n    event.inputType\n  );\n  const isForward = ['deleteWordForward', 'deleteSoftLineForward', 'deleteHardLineForward'].includes(event.inputType);\n\n  if (!isBackward && !isForward) return;\n\n  event.preventDefault();\n  otp.bulkDelete(isBackward);\n  syncDOM();\n}\n\nfunction onPaste(event: ClipboardEvent) {\n  event.preventDefault();\n\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  const text = event.clipboardData?.getData('text/plain').trim() ?? '';\n  const selection = unref(otp.selection);\n\n  otp.insert(text, {\n    start: selection?.start ?? 0,\n    end: selection?.end ?? input.value.length\n  });\n\n  syncDOM();\n}\n\nfunction focusAt(index: number) {\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  focusAtPending = true;\n  input.focus();\n  focusAtPending = false;\n\n  otp.selectSlot(index);\n  applySelection();\n}\n\nfunction focus() {\n  unref(inputRef)?.focus();\n}\n\nfunction blur() {\n  unref(inputRef)?.blur();\n}\n\nwatch(\n  inputRef,\n  (input, _previous, onCleanup) => {\n    if (!input) return;\n\n    input.addEventListener('selectionchange', onSelectionChange);\n    onCleanup(() => input.removeEventListener('selectionchange', onSelectionChange));\n  },\n  { immediate: true }\n);\n\nwatch(model, (value) => {\n  if (unref(otp.isComposing)) return;\n  if (value.length === unref(length)) emit('finish', value);\n});\n\nprovideDefaults(\n  {\n    CdsField: {\n      color: toRef(() => props.color),\n      baseColor: toRef(() => props.baseColor),\n      activeColor: toRef(() => props.activeColor),\n      bgColor: toRef(() => props.bgColor),\n      disabled: toRef(() => props.disabled),\n      error: toRef(() => props.error),\n      size: toRef(() => props.size)\n    }\n  },\n  { scoped: true }\n);\n\nprovide(CdsOtpInputSymbol, {\n  otpSlots: otp.slots,\n  isFocused,\n  focusAll: toRef(() => props.focusAll),\n  divider: toRef(() => props.divider),\n  merged: toRef(() => props.merged),\n  focusAt\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsOtpInputConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n  const count = unref(length);\n\n  const fields = props.merged ? (\n    <CdsOtpGroup merged>\n      {Array.from({ length: count }, (_, index) => (\n        <CdsOtpField key={index} index={index} />\n      ))}\n    </CdsOtpGroup>\n  ) : (\n    Array.from({ length: count }, (_, index) => (\n      <>\n        {(props.divider || slots.divider) && index !== 0 && (\n          <CdsOtpSeparator key={`divider-${index}`}>\n            {slots.divider?.({ index: index - 1 }) ?? props.divider}\n          </CdsOtpSeparator>\n        )}\n\n        <CdsOtpField key={index} index={index} />\n      </>\n    ))\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--divided`]: !!props.divider || !!slots.divider,\n          [`${rootClass}--merged`]: props.merged,\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--error`]: props.error\n        },\n        unref(themeClasses),\n        unref(sizeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      {...rootAttrs}\n    >\n      <div class={`${rootClass}__content`} style={[unref(dimensionStyles)]} dir={unref(isRtl) ? 'rtl' : 'ltr'}>\n        {slots.fields ? slots.fields() : fields}\n\n        {withDirectives(\n          <input\n            ref={inputRef}\n            class={`${rootClass}__input`}\n            type=\"text\"\n            inputmode={unref(otp.inputMode)}\n            dir={unref(isRtl) ? 'rtl' : 'ltr'}\n            autocomplete=\"one-time-code\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            spellcheck={false}\n            disabled={!!props.disabled}\n            aria-label={t(props.label)}\n            value={unref(model)}\n            {...inputAttrs}\n            onInput={onInput}\n            onKeydown={onKeydown}\n            onBeforeinput={onBeforeinput}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onPaste={onPaste}\n            onCompositionstart={onCompositionstart}\n            onCompositionupdate={onCompositionupdate}\n            onCompositionend={onCompositionend}\n          />,\n          [[vIntersect, onIntersect, null, { once: true }]]\n        )}\n\n        <CdsOverlay contained persistent contentClass={`${rootClass}__loader`} modelValue={!!props.loading}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              size={24}\n              width={2}\n            />\n          )}\n        </CdsOverlay>\n\n        {slots.default?.()}\n      </div>\n    </div>\n  );\n});\n\ndefineExpose({\n  /** Ref-ссылка на скрытый input, который принимает ввод кода */\n  inputRef,\n  /** Состояние фокуса поля */\n  isFocused,\n  /** Установить фокус на поле */\n  focus,\n  /** Снять фокус с поля */\n  blur,\n  /** Очистить введённый код */\n  reset: otp.reset\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","themeClasses","provideTheme","dimensionStyles","useDimensions","sizeClasses","useSize","isFocused","useFocus","onIntersect","useAutofocus","t","useLocale","isRtl","useRtl","model","useProxyModel","value","String","inputRef","ref","length","toRef","Number","focusAtPending","otp","useOtpInput","pattern","type","masked","placeholder","applySelection","input","unref","selection","setSelectionRange","start","end","direction","syncDOM","onSelectionChange","clearSelection","result","syncSelection","selectionStart","selectionEnd","selectionDirection","maxLength","onInput","event","inputEvent","target","composing","isComposing","isImeText","next","setValue","onCompositionstart","startComposition","onCompositionupdate","updateComposition","data","onCompositionend","endComposition","onFocus","selectAtEnd","onBlur","onKeydown","shiftKey","key","extendSelection","preventDefault","metaKey","ctrlKey","altKey","bulkDelete","onBeforeinput","effectivePattern","inputType","test","deleteRange","isBackward","includes","isForward","onPaste","text","clipboardData","getData","trim","insert","focusAt","index","focus","selectSlot","blur","watch","_previous","onCleanup","addEventListener","removeEventListener","immediate","provideDefaults","CdsField","color","baseColor","activeColor","bgColor","disabled","error","size","scoped","provide","CdsOtpInputSymbol","otpSlots","focusAll","divider","merged","__expose","reset","rootClass","CdsOtpInputConstants","rootAttrs","inputAttrs","filterInputAttrs","count","fields","_createVNode","CdsOtpGroup","default","Array","from","_","CdsOtpField","_Fragment","CdsOtpSeparator","_mergeProps","classNames","class","style","withDirectives","inputMode","label","vIntersect","once","CdsOverlay","loading","loader","CdsProgressCircle","undefined"],"mappings":"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"}
+{"version":3,"file":"CdsOtpInput.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOtpInput/CdsOtpInput.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOtpInput.scss';\n\nimport { CdsOverlay } from '@cds/components/CdsOverlay';\nimport { CdsProgressCircle } from '@cds/components/CdsProgressCircle';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useAutofocus, useFocus } from '@cds/composables/useFocus';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useSize } from '@cds/composables/useSize';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { provideDefaults, useDefaults, useProxyModel } from '@cds/core';\nimport { Intersect as vIntersect } from '@cds/directives';\nimport { classNames, filterInputAttrs } from '@cds/utils';\nimport { provide, ref, toRef, unref, useAttrs, watch, withDirectives } from 'vue';\n\nimport { CdsOtpInputConstants, CdsOtpInputSymbol } from './api/CdsOtpInput.constants';\nimport { defineCdsOtpInputProps } from './api/CdsOtpInput.props';\nimport type { CdsOtpInputEvents, CdsOtpInputSlots } from './api/CdsOtpInput.types';\nimport CdsOtpField from './CdsOtpField.vue';\nimport CdsOtpGroup from './CdsOtpGroup.vue';\nimport CdsOtpSeparator from './CdsOtpSeparator.vue';\nimport { useOtpInput } from './composables/useOtpInput';\n\ndefineOptions({\n  name: CdsOtpInputConstants.name,\n  inheritAttrs: false,\n  directives: { vIntersect }\n});\n\nconst _props = defineProps({ ...defineCdsOtpInputProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOtpInputSlots>();\nconst emit = defineEmits([\"finish\", \"update:focused\", \"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { themeClasses } = provideTheme(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { sizeClasses } = useSize(props);\nconst { isFocused } = useFocus(props);\nconst { onIntersect } = useAutofocus(props);\nconst { t } = useLocale();\nconst { isRtl } = useRtl();\n\nconst model = useProxyModel(props, 'modelValue', '', (value) => (value == null ? '' : String(value)));\nconst inputRef = ref<HTMLInputElement>();\nconst length = toRef(() => Number(props.length));\n\nlet focusAtPending = false;\n\nconst otp = useOtpInput({\n  value: model,\n  length,\n  pattern: () => props.pattern,\n  type: () => props.type,\n  masked: () => props.masked,\n  placeholder: () => props.placeholder,\n  isFocused\n});\n\nfunction applySelection() {\n  const input = unref(inputRef);\n  const selection = unref(otp.selection);\n\n  if (!input || !selection) return;\n\n  input.setSelectionRange(selection.start, selection.end, selection.direction);\n}\n\nfunction syncDOM() {\n  const input = unref(inputRef);\n\n  if (!input) return;\n  if (input.value !== unref(otp.value)) input.value = unref(otp.value);\n\n  applySelection();\n}\n\nfunction onSelectionChange() {\n  const input = unref(inputRef);\n\n  if (!input) {\n    otp.clearSelection();\n    return;\n  }\n\n  const result = otp.syncSelection({\n    value: input.value,\n    selectionStart: input.selectionStart,\n    selectionEnd: input.selectionEnd,\n    selectionDirection: input.selectionDirection,\n    maxLength: unref(length)\n  });\n\n  if (!result) return;\n\n  if (input.selectionStart !== result.start || input.selectionEnd !== result.end) {\n    input.setSelectionRange(result.start, result.end, result.direction);\n  }\n}\n\nfunction onInput(event: Event) {\n  const inputEvent = event as InputEvent;\n  const target = event.target as HTMLInputElement;\n  const composing = inputEvent.isComposing || unref(otp.isComposing);\n\n  if (composing && otp.isImeText(target.value)) return;\n\n  const next = otp.setValue(target.value);\n\n  if (target.value !== next) target.value = next;\n}\n\nfunction onCompositionstart() {\n  otp.startComposition();\n}\n\nfunction onCompositionupdate(event: CompositionEvent) {\n  otp.updateComposition(event.data ?? '');\n}\n\nfunction onCompositionend(event: CompositionEvent) {\n  otp.endComposition();\n  onInput(event);\n}\n\nfunction onFocus() {\n  isFocused.value = true;\n\n  if (focusAtPending) return;\n  if (!unref(inputRef)) return;\n\n  otp.selectAtEnd();\n  applySelection();\n}\n\nfunction onBlur() {\n  isFocused.value = false;\n  otp.clearSelection();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    const direction = ((event.key === 'ArrowLeft' ? -1 : 1) * (unref(isRtl) ? -1 : 1)) as -1 | 1;\n\n    if (otp.extendSelection(direction)) {\n      event.preventDefault();\n      syncDOM();\n    }\n\n    return;\n  }\n\n  if (event.key !== 'Backspace' && event.key !== 'Delete') return;\n  if (!event.metaKey && !event.ctrlKey && !event.altKey) return;\n\n  event.preventDefault();\n  otp.bulkDelete(event.key === 'Backspace');\n  syncDOM();\n}\n\nfunction onBeforeinput(event: InputEvent) {\n  const pattern = unref(otp.effectivePattern);\n\n  if (event.inputType === 'insertText' && event.data && pattern && !pattern.test(event.data)) {\n    event.preventDefault();\n    return;\n  }\n\n  if (event.inputType === 'deleteContentForward') {\n    event.preventDefault();\n\n    const input = unref(inputRef);\n\n    if (!input) return;\n\n    const selection = unref(otp.selection);\n\n    otp.deleteRange(selection?.start ?? 0, selection?.end ?? input.value.length);\n    syncDOM();\n\n    return;\n  }\n\n  const isBackward = ['deleteWordBackward', 'deleteSoftLineBackward', 'deleteHardLineBackward'].includes(\n    event.inputType\n  );\n  const isForward = ['deleteWordForward', 'deleteSoftLineForward', 'deleteHardLineForward'].includes(event.inputType);\n\n  if (!isBackward && !isForward) return;\n\n  event.preventDefault();\n  otp.bulkDelete(isBackward);\n  syncDOM();\n}\n\nfunction onPaste(event: ClipboardEvent) {\n  event.preventDefault();\n\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  const text = event.clipboardData?.getData('text/plain').trim() ?? '';\n  const selection = unref(otp.selection);\n\n  otp.insert(text, {\n    start: selection?.start ?? 0,\n    end: selection?.end ?? input.value.length\n  });\n\n  syncDOM();\n}\n\nfunction focusAt(index: number) {\n  const input = unref(inputRef);\n\n  if (!input) return;\n\n  focusAtPending = true;\n  input.focus();\n  focusAtPending = false;\n\n  otp.selectSlot(index);\n  applySelection();\n}\n\nfunction focus() {\n  unref(inputRef)?.focus();\n}\n\nfunction blur() {\n  unref(inputRef)?.blur();\n}\n\nwatch(\n  inputRef,\n  (input, _previous, onCleanup) => {\n    if (!input) return;\n\n    input.addEventListener('selectionchange', onSelectionChange);\n    onCleanup(() => input.removeEventListener('selectionchange', onSelectionChange));\n  },\n  { immediate: true }\n);\n\nwatch(model, (value) => {\n  if (unref(otp.isComposing)) return;\n  if (value.length === unref(length)) emit('finish', value);\n});\n\nprovideDefaults(\n  {\n    CdsField: {\n      color: toRef(() => props.color),\n      baseColor: toRef(() => props.baseColor),\n      activeColor: toRef(() => props.activeColor),\n      bgColor: toRef(() => props.bgColor),\n      disabled: toRef(() => props.disabled),\n      error: toRef(() => props.error),\n      size: toRef(() => props.size)\n    }\n  },\n  { scoped: true }\n);\n\nprovide(CdsOtpInputSymbol, {\n  otpSlots: otp.slots,\n  isFocused,\n  focusAll: toRef(() => props.focusAll),\n  divider: toRef(() => props.divider),\n  merged: toRef(() => props.merged),\n  focusAt\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsOtpInputConstants;\n  const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n  const count = unref(length);\n\n  const fields = props.merged ? (\n    <CdsOtpGroup merged>\n      {Array.from({ length: count }, (_, index) => (\n        <CdsOtpField key={index} index={index} />\n      ))}\n    </CdsOtpGroup>\n  ) : (\n    Array.from({ length: count }, (_, index) => (\n      <>\n        {(props.divider || slots.divider) && index !== 0 && (\n          <CdsOtpSeparator key={`divider-${index}`}>\n            {slots.divider?.({ index: index - 1 }) ?? props.divider}\n          </CdsOtpSeparator>\n        )}\n\n        <CdsOtpField key={index} index={index} />\n      </>\n    ))\n  );\n\n  return (\n    <div\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--divided`]: !!props.divider || !!slots.divider,\n          [`${rootClass}--merged`]: props.merged,\n          [`${rootClass}--disabled`]: !!props.disabled,\n          [`${rootClass}--error`]: props.error\n        },\n        unref(themeClasses),\n        unref(sizeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      {...rootAttrs}\n    >\n      <div class={`${rootClass}__content`} style={[unref(dimensionStyles)]} dir={unref(isRtl) ? 'rtl' : 'ltr'}>\n        {slots.fields ? slots.fields() : fields}\n\n        {withDirectives(\n          <input\n            ref={inputRef}\n            class={`${rootClass}__input`}\n            type=\"text\"\n            inputmode={unref(otp.inputMode)}\n            dir={unref(isRtl) ? 'rtl' : 'ltr'}\n            autocomplete=\"one-time-code\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            spellcheck={false}\n            disabled={!!props.disabled}\n            aria-label={t(props.label)}\n            value={unref(model)}\n            {...inputAttrs}\n            onInput={onInput}\n            onKeydown={onKeydown}\n            onBeforeinput={onBeforeinput}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onPaste={onPaste}\n            onCompositionstart={onCompositionstart}\n            onCompositionupdate={onCompositionupdate}\n            onCompositionend={onCompositionend}\n          />,\n          [[vIntersect, onIntersect, null, { once: true }]]\n        )}\n\n        <CdsOverlay contained persistent contentClass={`${rootClass}__loader`} modelValue={!!props.loading}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              size={24}\n              width={2}\n            />\n          )}\n        </CdsOverlay>\n\n        {slots.default?.()}\n      </div>\n    </div>\n  );\n});\n\ndefineExpose({\n  /**\n   * Ref-ссылка на скрытый input, который принимает ввод кода\n   * @en Ref to the hidden input that receives the code\n   */\n  inputRef,\n  /**\n   * Состояние фокуса поля\n   * @en Focus state of the field\n   */\n  isFocused,\n  /**\n   * Установить фокус на поле\n   * @en Set the focus on the field\n   */\n  focus,\n  /**\n   * Снять фокус с поля\n   * @en Remove the focus from the field\n   */\n  blur,\n  /**\n   * Очистить введённый код\n   * @en Clear the entered code\n   */\n  reset: otp.reset\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","themeClasses","provideTheme","dimensionStyles","useDimensions","sizeClasses","useSize","isFocused","useFocus","onIntersect","useAutofocus","t","useLocale","isRtl","useRtl","model","useProxyModel","value","String","inputRef","ref","length","toRef","Number","focusAtPending","otp","useOtpInput","pattern","type","masked","placeholder","applySelection","input","unref","selection","setSelectionRange","start","end","direction","syncDOM","onSelectionChange","clearSelection","result","syncSelection","selectionStart","selectionEnd","selectionDirection","maxLength","onInput","event","inputEvent","target","composing","isComposing","isImeText","next","setValue","onCompositionstart","startComposition","onCompositionupdate","updateComposition","data","onCompositionend","endComposition","onFocus","selectAtEnd","onBlur","onKeydown","shiftKey","key","extendSelection","preventDefault","metaKey","ctrlKey","altKey","bulkDelete","onBeforeinput","effectivePattern","inputType","test","deleteRange","isBackward","includes","isForward","onPaste","text","clipboardData","getData","trim","insert","focusAt","index","focus","selectSlot","blur","watch","_previous","onCleanup","addEventListener","removeEventListener","immediate","provideDefaults","CdsField","color","baseColor","activeColor","bgColor","disabled","error","size","scoped","provide","CdsOtpInputSymbol","otpSlots","focusAll","divider","merged","__expose","reset","rootClass","CdsOtpInputConstants","rootAttrs","inputAttrs","filterInputAttrs","count","fields","_createVNode","CdsOtpGroup","default","Array","from","_","CdsOtpField","_Fragment","CdsOtpSeparator","_mergeProps","classNames","class","style","withDirectives","inputMode","label","vIntersect","once","CdsOverlay","loading","loader","CdsProgressCircle","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAEtB,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaT,KAAK;AAC3C,UAAM;AAAA,MAAEU;AAAAA,IAAgB,IAAIC,cAAcX,KAAK;AAC/C,UAAM;AAAA,MAAEY;AAAAA,IAAY,IAAIC,QAAQb,KAAK;AACrC,UAAM;AAAA,MAAEc;AAAAA,IAAU,IAAIC,SAASf,KAAK;AACpC,UAAM;AAAA,MAAEgB;AAAAA,IAAY,IAAIC,aAAajB,KAAK;AAC1C,UAAM;AAAA,MAAEkB;AAAAA,QAAMC,UAAS;AACvB,UAAM;AAAA,MAAEC;AAAAA,QAAUC,OAAM;AAExB,UAAMC,QAAQC,cAAcvB,OAAO,cAAc,IAAKwB,WAAWA,SAAS,OAAO,KAAKC,OAAOD,KAAK,CAAE;AACpG,UAAME,WAAWC,IAAG;AACpB,UAAMC,SAASC,MAAM,MAAMC,OAAO9B,MAAM4B,MAAM,CAAC;AAE/C,QAAIG,iBAAiB;AAErB,UAAMC,MAAMC,YAAY;AAAA,MACtBT,OAAOF;AAAAA,MACPM;AAAAA,MACAM,SAASA,MAAMlC,MAAMkC;AAAAA,MACrBC,MAAMA,MAAMnC,MAAMmC;AAAAA,MAClBC,QAAQA,MAAMpC,MAAMoC;AAAAA,MACpBC,aAAaA,MAAMrC,MAAMqC;AAAAA,MACzBvB;AAAAA,IACF,CAAC;AAED,aAASwB,iBAAiB;AACxB,YAAMC,QAAQC,MAAMd,QAAQ;AAC5B,YAAMe,YAAYD,MAAMR,IAAIS,SAAS;AAErC,UAAI,CAACF,SAAS,CAACE,UAAW;AAE1BF,YAAMG,kBAAkBD,UAAUE,OAAOF,UAAUG,KAAKH,UAAUI,SAAS;AAAA,IAC7E;AAEA,aAASC,UAAU;AACjB,YAAMP,QAAQC,MAAMd,QAAQ;AAE5B,UAAI,CAACa,MAAO;AACZ,UAAIA,MAAMf,UAAUgB,MAAMR,IAAIR,KAAK,EAAGe,OAAMf,QAAQgB,MAAMR,IAAIR,KAAK;AAEnEc,qBAAc;AAAA,IAChB;AAEA,aAASS,oBAAoB;AAC3B,YAAMR,QAAQC,MAAMd,QAAQ;AAE5B,UAAI,CAACa,OAAO;AACVP,YAAIgB,eAAc;AAClB;AAAA,MACF;AAEA,YAAMC,SAASjB,IAAIkB,cAAc;AAAA,QAC/B1B,OAAOe,MAAMf;AAAAA,QACb2B,gBAAgBZ,MAAMY;AAAAA,QACtBC,cAAcb,MAAMa;AAAAA,QACpBC,oBAAoBd,MAAMc;AAAAA,QAC1BC,WAAWd,MAAMZ,MAAM;AAAA,MACzB,CAAC;AAED,UAAI,CAACqB,OAAQ;AAEb,UAAIV,MAAMY,mBAAmBF,OAAON,SAASJ,MAAMa,iBAAiBH,OAAOL,KAAK;AAC9EL,cAAMG,kBAAkBO,OAAON,OAAOM,OAAOL,KAAKK,OAAOJ,SAAS;AAAA,MACpE;AAAA,IACF;AAEA,aAASU,QAAQC,OAAc;AAC7B,YAAMC,aAAaD;AACnB,YAAME,SAASF,MAAME;AACrB,YAAMC,YAAYF,WAAWG,eAAepB,MAAMR,IAAI4B,WAAW;AAEjE,UAAID,aAAa3B,IAAI6B,UAAUH,OAAOlC,KAAK,EAAG;AAE9C,YAAMsC,OAAO9B,IAAI+B,SAASL,OAAOlC,KAAK;AAEtC,UAAIkC,OAAOlC,UAAUsC,KAAMJ,QAAOlC,QAAQsC;AAAAA,IAC5C;AAEA,aAASE,qBAAqB;AAC5BhC,UAAIiC,iBAAgB;AAAA,IACtB;AAEA,aAASC,oBAAoBV,OAAyB;AACpDxB,UAAImC,kBAAkBX,MAAMY,QAAQ,EAAE;AAAA,IACxC;AAEA,aAASC,iBAAiBb,OAAyB;AACjDxB,UAAIsC,eAAc;AAClBf,cAAQC,KAAK;AAAA,IACf;AAEA,aAASe,UAAU;AACjBzD,gBAAUU,QAAQ;AAElB,UAAIO,eAAgB;AACpB,UAAI,CAACS,MAAMd,QAAQ,EAAG;AAEtBM,UAAIwC,YAAW;AACflC,qBAAc;AAAA,IAChB;AAEA,aAASmC,SAAS;AAChB3D,gBAAUU,QAAQ;AAClBQ,UAAIgB,eAAc;AAAA,IACpB;AAEA,aAAS0B,UAAUlB,OAAsB;AACvC,UAAIA,MAAMmB,aAAanB,MAAMoB,QAAQ,eAAepB,MAAMoB,QAAQ,eAAe;AAC/E,cAAM/B,aAAcW,MAAMoB,QAAQ,cAAc,KAAK,MAAMpC,MAAMpB,KAAK,IAAI,KAAK;AAE/E,YAAIY,IAAI6C,gBAAgBhC,SAAS,GAAG;AAClCW,gBAAMsB,eAAc;AACpBhC,kBAAO;AAAA,QACT;AAEA;AAAA,MACF;AAEA,UAAIU,MAAMoB,QAAQ,eAAepB,MAAMoB,QAAQ,SAAU;AACzD,UAAI,CAACpB,MAAMuB,WAAW,CAACvB,MAAMwB,WAAW,CAACxB,MAAMyB,OAAQ;AAEvDzB,YAAMsB,eAAc;AACpB9C,UAAIkD,WAAW1B,MAAMoB,QAAQ,WAAW;AACxC9B,cAAO;AAAA,IACT;AAEA,aAASqC,cAAc3B,OAAmB;AACxC,YAAMtB,UAAUM,MAAMR,IAAIoD,gBAAgB;AAE1C,UAAI5B,MAAM6B,cAAc,gBAAgB7B,MAAMY,QAAQlC,WAAW,CAACA,QAAQoD,KAAK9B,MAAMY,IAAI,GAAG;AAC1FZ,cAAMsB,eAAc;AACpB;AAAA,MACF;AAEA,UAAItB,MAAM6B,cAAc,wBAAwB;AAC9C7B,cAAMsB,eAAc;AAEpB,cAAMvC,QAAQC,MAAMd,QAAQ;AAE5B,YAAI,CAACa,MAAO;AAEZ,cAAME,YAAYD,MAAMR,IAAIS,SAAS;AAErCT,YAAIuD,aAAY9C,uCAAWE,UAAS,IAAGF,uCAAWG,QAAOL,MAAMf,MAAMI,MAAM;AAC3EkB,gBAAO;AAEP;AAAA,MACF;AAEA,YAAM0C,aAAa,CAAC,sBAAsB,0BAA0B,wBAAwB,EAAEC,SAC5FjC,MAAM6B,SACR;AACA,YAAMK,YAAY,CAAC,qBAAqB,yBAAyB,uBAAuB,EAAED,SAASjC,MAAM6B,SAAS;AAElH,UAAI,CAACG,cAAc,CAACE,UAAW;AAE/BlC,YAAMsB,eAAc;AACpB9C,UAAIkD,WAAWM,UAAU;AACzB1C,cAAO;AAAA,IACT;AAEA,aAAS6C,QAAQnC,OAAuB;;AACtCA,YAAMsB,eAAc;AAEpB,YAAMvC,QAAQC,MAAMd,QAAQ;AAE5B,UAAI,CAACa,MAAO;AAEZ,YAAMqD,SAAOpC,WAAMqC,kBAANrC,mBAAqBsC,QAAQ,cAAcC,WAAU;AAClE,YAAMtD,YAAYD,MAAMR,IAAIS,SAAS;AAErCT,UAAIgE,OAAOJ,MAAM;AAAA,QACfjD,QAAOF,uCAAWE,UAAS;AAAA,QAC3BC,MAAKH,uCAAWG,QAAOL,MAAMf,MAAMI;AAAAA,MACrC,CAAC;AAEDkB,cAAO;AAAA,IACT;AAEA,aAASmD,QAAQC,OAAe;AAC9B,YAAM3D,QAAQC,MAAMd,QAAQ;AAE5B,UAAI,CAACa,MAAO;AAEZR,uBAAiB;AACjBQ,YAAM4D,MAAK;AACXpE,uBAAiB;AAEjBC,UAAIoE,WAAWF,KAAK;AACpB5D,qBAAc;AAAA,IAChB;AAEA,aAAS6D,QAAQ;;AACf3D,kBAAMd,QAAQ,MAAdc,mBAAiB2D;AAAAA,IACnB;AAEA,aAASE,OAAO;;AACd7D,kBAAMd,QAAQ,MAAdc,mBAAiB6D;AAAAA,IACnB;AAEAC,UACE5E,UACA,CAACa,OAAOgE,WAAWC,cAAc;AAC/B,UAAI,CAACjE,MAAO;AAEZA,YAAMkE,iBAAiB,mBAAmB1D,iBAAiB;AAC3DyD,gBAAU,MAAMjE,MAAMmE,oBAAoB,mBAAmB3D,iBAAiB,CAAC;AAAA,IACjF,GACA;AAAA,MAAE4D,WAAW;AAAA,IAAK,CACpB;AAEAL,UAAMhF,OAAQE,WAAU;AACtB,UAAIgB,MAAMR,IAAI4B,WAAW,EAAG;AAC5B,UAAIpC,MAAMI,WAAWY,MAAMZ,MAAM,EAAGxB,MAAK,UAAUoB,KAAK;AAAA,IAC1D,CAAC;AAEDoF,oBACE;AAAA,MACEC,UAAU;AAAA,QACRC,OAAOjF,MAAM,MAAM7B,MAAM8G,KAAK;AAAA,QAC9BC,WAAWlF,MAAM,MAAM7B,MAAM+G,SAAS;AAAA,QACtCC,aAAanF,MAAM,MAAM7B,MAAMgH,WAAW;AAAA,QAC1CC,SAASpF,MAAM,MAAM7B,MAAMiH,OAAO;AAAA,QAClCC,UAAUrF,MAAM,MAAM7B,MAAMkH,QAAQ;AAAA,QACpCC,OAAOtF,MAAM,MAAM7B,MAAMmH,KAAK;AAAA,QAC9BC,MAAMvF,MAAM,MAAM7B,MAAMoH,IAAI;AAAA,MAC9B;AAAA,IACF,GACA;AAAA,MAAEC,QAAQ;AAAA,IAAK,CACjB;AAEAC,YAAQC,mBAAmB;AAAA,MACzBC,UAAUxF,IAAI9B;AAAAA,MACdY;AAAAA,MACA2G,UAAU5F,MAAM,MAAM7B,MAAMyH,QAAQ;AAAA,MACpCC,SAAS7F,MAAM,MAAM7B,MAAM0H,OAAO;AAAA,MAClCC,QAAQ9F,MAAM,MAAM7B,MAAM2H,MAAM;AAAA,MAChC1B;AAAAA,IACF,CAAC;AA4FD2B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXlG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAZ;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAqF;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAwB,OAAO7F,IAAI6F;AAAAA,IACb,CAAC;WApHY,MAAM;;AACjB,YAAM;AAAA,QAAEC;AAAAA,MAAU,IAAIC;AACtB,YAAM,CAACC,WAAWC,UAAU,IAAIC,iBAAiB5H,KAAK;AACtD,YAAM6H,QAAQ3F,MAAMZ,MAAM;AAE1B,YAAMwG,SAASpI,MAAM2H,SAAMU,YAAAC,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAEtBC,MAAMC,KAAK;AAAA,UAAE7G,QAAQuG;AAAAA,WAAS,CAACO,GAAGxC,UAAKmC,YAAAM,aAAA;AAAA,UAAA,OACpBzC;AAAAA,UAAK,SAASA;AAAAA,QAAK,GAAA,IAAA,CACtC,CAAC;AAAA,OAAA,IAGJsC,MAAMC,KAAK;AAAA,QAAE7G,QAAQuG;AAAAA,SAAS,CAACO,GAAGxC,UAAKmC,YAAAO,UAAA,MAAA,EAEjC5I,MAAM0H,WAAWxH,MAAMwH,YAAYxB,UAAU,KAACmC,YAAAQ,aAAA;AAAA,QAAA,OACxB,WAAW3C,KAAK;AAAA,MAAE,GAAA;AAAA,QAAAqC,SAAAA,MAAAA;;AAAA,oBACrCrI,MAAAA,MAAMwH,YAANxH,gBAAAA,IAAAA,YAAgB;AAAA,YAAEgG,OAAOA,QAAQ;AAAA,UAAE,OAAMlG,MAAM0H,OAAO;AAAA;AAAA,OAAA,GAE1DW,YAAAM,aAAA;AAAA,QAAA,OAEiBzC;AAAAA,QAAK,SAASA;AAAAA,MAAK,GAAA,IAAA,CAAA,CAAA,CAExC;AAGH,aAAAmC,mBAAAS,WAAA;AAAA,QAAA,SAEWC,WACLjB,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,WAAW,GAAG,CAAC,CAAC9H,MAAM0H,WAAW,CAAC,CAACxH,MAAMwH;AAAAA,UACtD,CAAC,GAAGI,SAAS,UAAU,GAAG9H,MAAM2H;AAAAA,UAChC,CAAC,GAAGG,SAAS,YAAY,GAAG,CAAC,CAAC9H,MAAMkH;AAAAA,UACpC,CAAC,GAAGY,SAAS,SAAS,GAAG9H,MAAMmH;AAAAA,QACjC,GACA3E,MAAMhC,YAAY,GAClBgC,MAAM5B,WAAW,GACjBZ,MAAMgJ,KACR;AAAA,QAAC,SACM,CAAChJ,MAAMiJ,KAAK;AAAA,SACfjB,SAAS,IAAAK,YAAA,OAAA;AAAA,QAAA,SAED,GAAGP,SAAS;AAAA,QAAW,SAAS,CAACtF,MAAM9B,eAAe,CAAC;AAAA,QAAC,OAAO8B,MAAMpB,KAAK,IAAI,QAAQ;AAAA,MAAK,GAAA,CACpGlB,MAAMkI,SAASlI,MAAMkI,OAAM,IAAKA,QAEhCc,eAAcb,qBAAAS,WAAA;AAAA,QAAA,OAENpH;AAAAA,QAAQ,SACN,GAAGoG,SAAS;AAAA,QAAS,QAAA;AAAA,QAAA,aAEjBtF,MAAMR,IAAImH,SAAS;AAAA,QAAC,OAC1B3G,MAAMpB,KAAK,IAAI,QAAQ;AAAA,QAAK,gBAAA;AAAA,QAAA,eAAA;AAAA,QAAA,kBAAA;AAAA,QAAA,cAIrB;AAAA,QAAK,YACP,CAAC,CAACpB,MAAMkH;AAAAA,QAAQ,cACdhG,EAAElB,MAAMoJ,KAAK;AAAA,QAAC,SACnB5G,MAAMlB,KAAK;AAAA,MAAC,GACf2G,YAAU;AAAA,QAAA,WACL1E;AAAAA,QAAO,aACLmB;AAAAA,QAAS,iBACLS;AAAAA,QAAa,WACnBZ;AAAAA,QAAO,UACRE;AAAAA,QAAM,WACLkB;AAAAA,QAAO,sBACI3B;AAAAA,QAAkB,uBACjBE;AAAAA,QAAmB,oBACtBG;AAAAA,MAAgB,CAAA,GAAA,IAAA,GAEpC,CAAC,CAACgF,WAAYrI,aAAa,MAAM;AAAA,QAAEsI,MAAM;AAAA,MAAK,CAAC,CAAC,CAClD,GAACjB,YAAAkB,YAAA;AAAA,QAAA,aAAA;AAAA,QAAA,cAAA;AAAA,QAAA,gBAE8C,GAAGzB,SAAS;AAAA,QAAU,cAAc,CAAC,CAAC9H,MAAMwJ;AAAAA,MAAO,GAAA;AAAA,QAAAjB,SAAAA,MAAAA;;AAAA,oBAC/FrI,MAAAA,MAAMuJ,WAANvJ,gBAAAA,IAAAA,gBAAgBmI,YAAAqB,mBAAA;AAAA,YAAA,SAEN,OAAO1J,MAAMwJ,YAAY,YAAYG,SAAY3J,MAAMwJ;AAAAA,YAAO,iBAAA;AAAA,YAAA,QAE/D;AAAA,YAAE,SACD;AAAA,aAAC,IAAA,CAEX;AAAA;AAAA,MAAA,CAAA,IAGFtJ,WAAMqI,YAANrI,8BAAiB,CAAA,CAAA,CAAA;AAAA,IAI1B;AAAA;;"}

package/dist/es/src/components/CdsOtpInput/api/CdsOtpInput.props.js

@@ -10,43 +10,76 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsOtpInputProps = propsFactory(
   {
-    /** Символ-разделитель, который ставится между ячейками кода */
+    /**
+     * Символ-разделитель, который ставится между ячейками кода
+     * @en Separator character placed between the code cells
+     */
     divider: String,
-    /** Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную */
+    /**
+     * Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную
+     * @en Highlight all the cells while the field is focused, not only the active one
+     */
     focusAll: Boolean,
-    /** Слитный вид: ячейки объединяются в одно поле без промежутков между ними */
+    /**
+     * Слитный вид: ячейки объединяются в одно поле без промежутков между ними
+     * @en Merged look: the cells are joined into a single field with no gaps between them
+     */
     merged: Boolean,
-    /** Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp` */
+    /**
+     * Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp`
+     * @en Accessible name of the field (`aria-label`). Accepts a localization key such as `$cds.input.otp`
+     */
     label: {
       type: String,
       default: "$cds.input.otp"
     },
-    /** Количество ячеек кода */
+    /**
+     * Количество ячеек кода
+     * @en Number of code cells
+     */
     length: {
       type: [Number, String],
       default: 6
     },
-    /** Скрывать введённые символы точками */
+    /**
+     * Скрывать введённые символы точками
+     * @en Hide the entered characters behind dots
+     */
     masked: Boolean,
-    /** Значение компонента v-model */
+    /**
+     * Значение компонента v-model
+     * @en Value of the component (v-model)
+     */
     modelValue: {
       type: [Number, String],
       default: void 0
     },
-    /** Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение */
+    /**
+     * Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение
+     * @en Allowed characters: the name of a ready pattern (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) or your own regular expression
+     */
     pattern: {
       type: [String, Object],
       default: void 0
     },
-    /** Символ-заполнитель, который показывается в пустой ячейке */
+    /**
+     * Символ-заполнитель, который показывается в пустой ячейке
+     * @en Placeholder character shown in an empty cell
+     */
     placeholder: String,
-    /** Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы */
+    /**
+     * Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы
+     * @en Type of the code being entered. `number` limits the input to digits, `password` hides the characters
+     */
     type: {
       type: String,
       default: "number",
       validator: (value) => CdsOtpInputConstants.types.includes(value)
     },
-    /** Состояние ошибки */
+    /**
+     * Состояние ошибки
+     * @en Error state
+     */
     error: Boolean,
     ...defineAutofocusProps(),
     ...defineColorProps(),
@@ -62,7 +95,10 @@ const defineCdsOtpInputProps = propsFactory(
 );
 const defineCdsOtpFieldProps = propsFactory(
   {
-    /** Порядковый номер ячейки, начиная с нуля */
+    /**
+     * Порядковый номер ячейки, начиная с нуля
+     * @en Zero-based index of the cell
+     */
     index: {
       type: Number,
       required: true
@@ -73,7 +109,10 @@ const defineCdsOtpFieldProps = propsFactory(
 );
 const defineCdsOtpGroupProps = propsFactory(
   {
-    /** Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput` */
+    /**
+     * Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput`
+     * @en Merged look of the group. Inherited from the parent `CdsOtpInput` by default
+     */
     merged: {
       type: Boolean,
       default: null

package/dist/es/src/components/CdsOtpInput/api/CdsOtpInput.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsOtpInput.props.js","sources":["../../../../../../src/components/CdsOtpInput/api/CdsOtpInput.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineAutofocusProps, defineFocusProps } from '@cds/composables/useFocus';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport type { OtpInputPattern } from '../composables/useOtpInput';\nimport {\n  CdsOtpFieldConstants,\n  CdsOtpGroupConstants,\n  CdsOtpInputConstants,\n  CdsOtpSeparatorConstants\n} from './CdsOtpInput.constants';\nimport type { CdsOtpInputType } from './CdsOtpInput.types';\n\nexport const defineCdsOtpInputProps = propsFactory(\n  {\n    /** Символ-разделитель, который ставится между ячейками кода */\n    divider: String,\n    /** Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную */\n    focusAll: Boolean,\n    /** Слитный вид: ячейки объединяются в одно поле без промежутков между ними */\n    merged: Boolean,\n    /** Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp` */\n    label: {\n      type: String,\n      default: '$cds.input.otp'\n    },\n    /** Количество ячеек кода */\n    length: {\n      type: [Number, String] as PropType<number | string>,\n      default: 6\n    },\n    /** Скрывать введённые символы точками */\n    masked: Boolean,\n    /** Значение компонента v-model */\n    modelValue: {\n      type: [Number, String] as PropType<number | string>,\n      default: undefined\n    },\n    /** Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение */\n    pattern: {\n      type: [String, Object] as PropType<OtpInputPattern | RegExp>,\n      default: undefined\n    },\n    /** Символ-заполнитель, который показывается в пустой ячейке */\n    placeholder: String,\n    /** Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы */\n    type: {\n      type: String as PropType<CdsOtpInputType>,\n      default: 'number',\n      validator: (value: CdsOtpInputType) => CdsOtpInputConstants.types.includes(value)\n    },\n    /** Состояние ошибки */\n    error: Boolean,\n\n    ...defineAutofocusProps(),\n    ...defineColorProps(),\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineDisabledProps(),\n    ...defineFocusProps(),\n    ...defineLoaderProps(),\n    ...defineSizeProps(),\n    ...defineThemeProps()\n  },\n  CdsOtpInputConstants.name\n);\n\nexport const defineCdsOtpFieldProps = propsFactory(\n  {\n    /** Порядковый номер ячейки, начиная с нуля */\n    index: {\n      type: Number,\n      required: true as const\n    },\n\n    ...defineComponentProps()\n  },\n  CdsOtpFieldConstants.name\n);\n\nexport const defineCdsOtpGroupProps = propsFactory(\n  {\n    /** Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput` */\n    merged: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n\n    ...defineComponentProps()\n  },\n  CdsOtpGroupConstants.name\n);\n\nexport const defineCdsOtpSeparatorProps = propsFactory(\n  {\n    ...defineComponentProps()\n  },\n  CdsOtpSeparatorConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,SAAS;AAAA;AAAA,IAET,UAAU;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA;AAAA,IAER,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA;AAAA,IAEb,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAA2B,qBAAqB,MAAM,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA,IAGlF,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAGZ,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,qBAAqB;AACvB;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,qBAAqB;AACvB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;"}
+{"version":3,"file":"CdsOtpInput.props.js","sources":["../../../../../../src/components/CdsOtpInput/api/CdsOtpInput.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineAutofocusProps, defineFocusProps } from '@cds/composables/useFocus';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport type { OtpInputPattern } from '../composables/useOtpInput';\nimport {\n  CdsOtpFieldConstants,\n  CdsOtpGroupConstants,\n  CdsOtpInputConstants,\n  CdsOtpSeparatorConstants\n} from './CdsOtpInput.constants';\nimport type { CdsOtpInputType } from './CdsOtpInput.types';\n\nexport const defineCdsOtpInputProps = propsFactory(\n  {\n    /**\n     * Символ-разделитель, который ставится между ячейками кода\n     * @en Separator character placed between the code cells\n     */\n    divider: String,\n    /**\n     * Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную\n     * @en Highlight all the cells while the field is focused, not only the active one\n     */\n    focusAll: Boolean,\n    /**\n     * Слитный вид: ячейки объединяются в одно поле без промежутков между ними\n     * @en Merged look: the cells are joined into a single field with no gaps between them\n     */\n    merged: Boolean,\n    /**\n     * Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp`\n     * @en Accessible name of the field (`aria-label`). Accepts a localization key such as `$cds.input.otp`\n     */\n    label: {\n      type: String,\n      default: '$cds.input.otp'\n    },\n    /**\n     * Количество ячеек кода\n     * @en Number of code cells\n     */\n    length: {\n      type: [Number, String] as PropType<number | string>,\n      default: 6\n    },\n    /**\n     * Скрывать введённые символы точками\n     * @en Hide the entered characters behind dots\n     */\n    masked: Boolean,\n    /**\n     * Значение компонента v-model\n     * @en Value of the component (v-model)\n     */\n    modelValue: {\n      type: [Number, String] as PropType<number | string>,\n      default: undefined\n    },\n    /**\n     * Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение\n     * @en Allowed characters: the name of a ready pattern (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) or your own regular expression\n     */\n    pattern: {\n      type: [String, Object] as PropType<OtpInputPattern | RegExp>,\n      default: undefined\n    },\n    /**\n     * Символ-заполнитель, который показывается в пустой ячейке\n     * @en Placeholder character shown in an empty cell\n     */\n    placeholder: String,\n    /**\n     * Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы\n     * @en Type of the code being entered. `number` limits the input to digits, `password` hides the characters\n     */\n    type: {\n      type: String as PropType<CdsOtpInputType>,\n      default: 'number',\n      validator: (value: CdsOtpInputType) => CdsOtpInputConstants.types.includes(value)\n    },\n    /**\n     * Состояние ошибки\n     * @en Error state\n     */\n    error: Boolean,\n\n    ...defineAutofocusProps(),\n    ...defineColorProps(),\n    ...defineComponentProps(),\n    ...defineDimensionsProps(),\n    ...defineDisabledProps(),\n    ...defineFocusProps(),\n    ...defineLoaderProps(),\n    ...defineSizeProps(),\n    ...defineThemeProps()\n  },\n  CdsOtpInputConstants.name\n);\n\nexport const defineCdsOtpFieldProps = propsFactory(\n  {\n    /**\n     * Порядковый номер ячейки, начиная с нуля\n     * @en Zero-based index of the cell\n     */\n    index: {\n      type: Number,\n      required: true as const\n    },\n\n    ...defineComponentProps()\n  },\n  CdsOtpFieldConstants.name\n);\n\nexport const defineCdsOtpGroupProps = propsFactory(\n  {\n    /**\n     * Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput`\n     * @en Merged look of the group. Inherited from the parent `CdsOtpInput` by default\n     */\n    merged: {\n      type: Boolean as PropType<boolean | null>,\n      default: null\n    },\n\n    ...defineComponentProps()\n  },\n  CdsOtpGroupConstants.name\n);\n\nexport const defineCdsOtpSeparatorProps = propsFactory(\n  {\n    ...defineComponentProps()\n  },\n  CdsOtpSeparatorConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAA2B,qBAAqB,MAAM,SAAS,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlF,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAGZ,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,qBAAqB;AACvB;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,qBAAqB;AACvB;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,yBAAyB;AAC3B;"}

package/dist/es/src/components/CdsOverlay/CdsOverlay.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-overlay-container {
     position: absolute;

package/dist/es/src/components/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.js

@@ -216,27 +216,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("afterLeave");
     }
     __expose({
-      /** Корневой DOM-элемент оверлея. */
+      /**
+       * Корневой DOM-элемент оверлея.
+       * @en The root DOM element of the overlay.
+       */
       rootEl: root,
-      /** DOM-элемент подложки (scrim), затемняющей страницу. */
+      /**
+       * DOM-элемент подложки (scrim), затемняющей страницу.
+       * @en The DOM element of the scrim that dims the page.
+       */
       scrimEl,
-      /** DOM-элемент контента оверлея. */
+      /**
+       * DOM-элемент контента оверлея.
+       * @en The DOM element of the overlay content.
+       */
       contentEl,
-      /** DOM-элемент активатора. */
+      /**
+       * DOM-элемент активатора.
+       * @en The DOM element of the activator.
+       */
       activatorEl,
-      /** Template ref для назначения активатора вручную. */
+      /**
+       * Template ref для назначения активатора вручную.
+       * @en Template ref for assigning the activator manually.
+       */
       activatorRef,
-      /** DOM-элемент цели позиционирования. */
+      /**
+       * DOM-элемент цели позиционирования.
+       * @en The DOM element of the positioning target.
+       */
       targetEl,
-      /** Template ref для назначения цели позиционирования вручную. */
+      /**
+       * Template ref для назначения цели позиционирования вручную.
+       * @en Template ref for assigning the positioning target manually.
+       */
       targetRef,
-      /** Текущая цель позиционирования: элемент либо координаты `[x, y]`. */
+      /**
+       * Текущая цель позиционирования: элемент либо координаты `[x, y]`.
+       * @en The current positioning target: an element or the `[x, y]` coordinates.
+       */
       target,
-      /** Является ли оверлей верхним в глобальном стеке открытых оверлеев. */
+      /**
+       * Является ли оверлей верхним в глобальном стеке открытых оверлеев.
+       * @en Whether the overlay is the top one in the global stack of open overlays.
+       */
       globalTop,
-      /** Пересчитывает позицию контента относительно цели. */
+      /**
+       * Пересчитывает позицию контента относительно цели.
+       * @en Recalculates the position of the content relative to the target.
+       */
       updateLocation,
-      /** Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея. */
+      /**
+       * Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея.
+       * @en Runs the bounce animation of the content — the same as on a click outside a `persistent` overlay.
+       */
       animateClick
     });
     return () => {

package/dist/es/src/components/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsOverlay.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOverlay/CdsOverlay.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOverlay.scss';\n\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useFocusTrap } from '@cds/composables/useFocus';\nimport { useHydration } from '@cds/composables/useHydration';\nimport { useLazy } from '@cds/composables/useLazy';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useBackButton, useRouter } from '@cds/composables/useRouter';\nimport { useScopeId } from '@cds/composables/useScopeId';\nimport { useStack } from '@cds/composables/useStack';\nimport { useTeleport } from '@cds/composables/useTeleport';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { MaybeTransition, standardEasing } from '@cds/composables/useTransition';\nimport { getCurrentInstance, useDefaults, useProxyModel, useToggleScope } from '@cds/core';\nimport { ClickOutside } from '@cds/directives';\nimport { animate, classNames, convertToUnit, getScrollParent, IN_BROWSER } from '@cds/utils';\nimport { computed, mergeProps, onBeforeUnmount, ref, Teleport, unref, useAttrs, watch } from 'vue';\n\nimport { CdsOverlayConstants } from './api/CdsOverlay.constants';\nimport { defineCdsOverlayProps } from './api/CdsOverlay.props';\nimport type { CdsOverlayEvents, CdsOverlaySlots } from './api/CdsOverlay.types';\nimport { Scrim } from './components/Scrim';\nimport { useActivator } from './composables/useActivator';\nimport { useLocationStrategies } from './composables/useLocationStrategies';\nimport { useScrollStrategies } from './composables/useScrollStrategies';\n\ndefineOptions({\n  name: CdsOverlayConstants.name,\n  inheritAttrs: false,\n  directives: { ClickOutside }\n});\n\nconst _props = defineProps({ _disableGlobalStack: Boolean, ...defineCdsOverlayProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOverlaySlots>();\nconst emit = defineEmits([\"click:outside\", \"update:modelValue\", \"keydown\", \"afterEnter\", \"afterLeave\"]);\nconst attrs = useAttrs();\n\nconst vm = getCurrentInstance(CdsOverlayConstants.name);\nconst model = useProxyModel(props, 'modelValue');\nconst { themeClasses } = provideTheme(props);\nconst { rtlClasses, isRtl } = useRtl();\nconst { dimensionStyles } = useDimensions(props);\nconst { scopeId } = useScopeId();\nconst isMounted = useHydration();\n\nconst root = ref<HTMLElement>();\nconst scrimEl = ref<HTMLElement>();\nconst contentEl = ref<HTMLElement>();\n\nconst isActive = computed({\n  get: () => model.value,\n  set: (value) => {\n    if (!(value && props.disabled)) model.value = value;\n  }\n});\n\nconst { hasContent, onAfterLeave: _onAfterLeave } = useLazy(props, isActive);\n\nconst { globalTop, localTop, stackStyles } = useStack(isActive, () => props.zIndex, props._disableGlobalStack);\nconst { activatorEl, activatorRef, target, targetEl, targetRef, activatorEvents, contentEvents, scrimEvents } =\n  useActivator(props, { isActive, isTop: localTop, contentEl });\n\nconst scrimColor = useBackgroundColor(() => {\n  return typeof props.scrim === 'string' ? props.scrim : null;\n});\n\nconst { teleportTarget } = useTeleport(() => {\n  const target = props.attach || props.contained;\n  if (target) return target;\n\n  const rootNode = activatorEl?.value?.getRootNode() || vm.proxy?.$el?.getRootNode();\n  if (rootNode instanceof ShadowRoot) return rootNode;\n\n  return false;\n}, `${CdsOverlayConstants.rootClass}-container`);\n\nconst { contentStyles, updateLocation } = useLocationStrategies(props, {\n  isRtl,\n  contentEl,\n  target,\n  isActive\n});\nuseScrollStrategies(props, {\n  root,\n  contentEl,\n  targetEl,\n  target,\n  isActive,\n  updateLocation\n});\n\nuseFocusTrap(props, { isActive, localTop, contentEl, activatorEl });\n\nconst router = useRouter();\nuseToggleScope(\n  () => props.closeOnBack,\n  () => {\n    useBackButton(router, () => {\n      if (globalTop.value && isActive.value) {\n        if (!props.persistent) isActive.value = false;\n        else animateClick();\n        return false;\n      }\n      return undefined;\n    });\n  }\n);\n\nconst top = ref<number>();\nwatch(\n  () => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null,\n  (val) => {\n    if (val) {\n      const scrollParent = getScrollParent(root.value);\n      if (scrollParent && scrollParent !== document.scrollingElement) {\n        top.value = scrollParent.scrollTop;\n      }\n    }\n  }\n);\n\nwatch(\n  () => props.disabled,\n  (v) => {\n    if (v) isActive.value = false;\n  }\n);\n\nIN_BROWSER &&\n  watch(\n    isActive,\n    (val) => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown);\n      } else {\n        window.removeEventListener('keydown', onKeydown);\n      }\n    },\n    { immediate: true }\n  );\n\nonBeforeUnmount(() => {\n  if (!IN_BROWSER) return;\n\n  window.removeEventListener('keydown', onKeydown);\n});\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape' && globalTop.value) {\n    if (!unref(contentEl)?.contains(document.activeElement)) {\n      emit('keydown', e);\n    }\n\n    if (!props.persistent) {\n      isActive.value = false;\n      if (contentEl.value?.contains(document.activeElement)) {\n        activatorEl.value?.focus();\n      }\n    } else animateClick();\n  }\n}\n\nfunction onKeydownSelf(e: KeyboardEvent) {\n  if (e.key === 'Escape' && !globalTop.value) return;\n\n  emit('keydown', e);\n}\n\nfunction onClickOutside(e: MouseEvent) {\n  emit('click:outside', e);\n\n  if (!props.persistent) isActive.value = false;\n  else animateClick();\n}\n\nfunction closeConditional(e: Event) {\n  return (\n    isActive.value &&\n    localTop.value &&\n    (!props.scrim || e.target === scrimEl.value || (e instanceof MouseEvent && e.shadowTarget === scrimEl.value))\n  );\n}\n\nfunction animateClick() {\n  if (props.noClickAnimation) return;\n\n  contentEl.value &&\n    animate(\n      contentEl.value,\n      [{ transformOrigin: 'center' }, { transform: 'scale(1.03)' }, { transformOrigin: 'center' }],\n      {\n        duration: 150,\n        easing: standardEasing\n      }\n    );\n}\n\nfunction onAfterEnter() {\n  emit('afterEnter');\n}\n\nfunction onAfterLeave() {\n  _onAfterLeave();\n  emit('afterLeave');\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsOverlayConstants;\n\n  return (\n    <>\n      {slots.activator?.({\n        isActive: unref(isActive),\n        targetRef,\n        props: mergeProps(\n          {\n            ref: activatorRef\n          },\n          unref(activatorEvents),\n          props.activatorProps\n        )\n      })}\n\n      {unref(isMounted) && unref(hasContent) && (\n        <Teleport disabled={!unref(teleportTarget)} to={unref(teleportTarget)}>\n          <div\n            ref={root}\n            class={classNames(\n              rootClass,\n              {\n                [`${rootClass}--absolute`]: props.absolute || props.contained,\n                [`${rootClass}--contained`]: props.contained,\n                [`${rootClass}--active`]: unref(isActive)\n              },\n              unref(themeClasses),\n              unref(rtlClasses),\n              props.class\n            )}\n            style={[\n              unref(stackStyles),\n              {\n                '--cds-overlay-opacity': props.opacity,\n                top: convertToUnit(unref(top))\n              },\n              props.style\n            ]}\n            onKeydown={onKeydownSelf}\n            {...scopeId}\n            {...attrs}\n          >\n            <Scrim\n              ref={scrimEl}\n              modelValue={unref(isActive) && !!props.scrim}\n              color={scrimColor}\n              {...unref(scrimEvents)}\n            />\n            <MaybeTransition\n              target={unref(target)}\n              transition={props.transition}\n              appear\n              persisted\n              onAfterEnter={onAfterEnter}\n              onAfterLeave={onAfterLeave}\n            >\n              <div\n                ref={contentEl}\n                v-show={unref(isActive)}\n                v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [unref(activatorEl)] }}\n                class={classNames(`${rootClass}__content`, props.contentClass)}\n                style={[unref(dimensionStyles), unref(contentStyles)]}\n                {...unref(contentEvents)}\n                {...props.contentProps}\n              >\n                {slots.default?.({ isActive })}\n              </div>\n            </MaybeTransition>\n          </div>\n        </Teleport>\n      )}\n    </>\n  );\n});\n\ndefineExpose({\n  /** Корневой DOM-элемент оверлея. */\n  rootEl: root,\n  /** DOM-элемент подложки (scrim), затемняющей страницу. */\n  scrimEl,\n  /** DOM-элемент контента оверлея. */\n  contentEl,\n  /** DOM-элемент активатора. */\n  activatorEl,\n  /** Template ref для назначения активатора вручную. */\n  activatorRef,\n  /** DOM-элемент цели позиционирования. */\n  targetEl,\n  /** Template ref для назначения цели позиционирования вручную. */\n  targetRef,\n  /** Текущая цель позиционирования: элемент либо координаты `[x, y]`. */\n  target,\n  /** Является ли оверлей верхним в глобальном стеке открытых оверлеев. */\n  globalTop,\n  /** Пересчитывает позицию контента относительно цели. */\n  updateLocation,\n  /** Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея. */\n  animateClick\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","vm","getCurrentInstance","CdsOverlayConstants","name","model","useProxyModel","themeClasses","provideTheme","rtlClasses","isRtl","useRtl","dimensionStyles","useDimensions","scopeId","useScopeId","isMounted","useHydration","root","ref","scrimEl","contentEl","isActive","computed","get","value","set","disabled","hasContent","onAfterLeave","_onAfterLeave","useLazy","globalTop","localTop","stackStyles","useStack","zIndex","_disableGlobalStack","activatorEl","activatorRef","target","targetEl","targetRef","activatorEvents","contentEvents","scrimEvents","useActivator","isTop","scrimColor","useBackgroundColor","scrim","teleportTarget","useTeleport","attach","contained","rootNode","getRootNode","proxy","$el","ShadowRoot","rootClass","contentStyles","updateLocation","useLocationStrategies","useScrollStrategies","useFocusTrap","router","useRouter","useToggleScope","closeOnBack","useBackButton","persistent","animateClick","undefined","top","watch","absolute","val","scrollParent","getScrollParent","document","scrollingElement","scrollTop","v","IN_BROWSER","window","addEventListener","onKeydown","removeEventListener","immediate","onBeforeUnmount","e","key","unref","contains","activeElement","focus","onKeydownSelf","onClickOutside","closeConditional","MouseEvent","shadowTarget","noClickAnimation","animate","transformOrigin","transform","duration","easing","standardEasing","onAfterEnter","__expose","rootEl","_createVNode","_Fragment","activator","mergeProps","activatorProps","Teleport","default","_mergeProps","classNames","class","opacity","convertToUnit","style","Scrim","MaybeTransition","transition","_withDirectives","contentClass","contentProps","_vShow","_resolveDirective","handler","include"],"mappings":"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"}
+{"version":3,"file":"CdsOverlay.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsOverlay/CdsOverlay.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsOverlay.scss';\n\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useFocusTrap } from '@cds/composables/useFocus';\nimport { useHydration } from '@cds/composables/useHydration';\nimport { useLazy } from '@cds/composables/useLazy';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useBackButton, useRouter } from '@cds/composables/useRouter';\nimport { useScopeId } from '@cds/composables/useScopeId';\nimport { useStack } from '@cds/composables/useStack';\nimport { useTeleport } from '@cds/composables/useTeleport';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { MaybeTransition, standardEasing } from '@cds/composables/useTransition';\nimport { getCurrentInstance, useDefaults, useProxyModel, useToggleScope } from '@cds/core';\nimport { ClickOutside } from '@cds/directives';\nimport { animate, classNames, convertToUnit, getScrollParent, IN_BROWSER } from '@cds/utils';\nimport { computed, mergeProps, onBeforeUnmount, ref, Teleport, unref, useAttrs, watch } from 'vue';\n\nimport { CdsOverlayConstants } from './api/CdsOverlay.constants';\nimport { defineCdsOverlayProps } from './api/CdsOverlay.props';\nimport type { CdsOverlayEvents, CdsOverlaySlots } from './api/CdsOverlay.types';\nimport { Scrim } from './components/Scrim';\nimport { useActivator } from './composables/useActivator';\nimport { useLocationStrategies } from './composables/useLocationStrategies';\nimport { useScrollStrategies } from './composables/useScrollStrategies';\n\ndefineOptions({\n  name: CdsOverlayConstants.name,\n  inheritAttrs: false,\n  directives: { ClickOutside }\n});\n\nconst _props = defineProps({ _disableGlobalStack: Boolean, ...defineCdsOverlayProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsOverlaySlots>();\nconst emit = defineEmits([\"click:outside\", \"update:modelValue\", \"keydown\", \"afterEnter\", \"afterLeave\"]);\nconst attrs = useAttrs();\n\nconst vm = getCurrentInstance(CdsOverlayConstants.name);\nconst model = useProxyModel(props, 'modelValue');\nconst { themeClasses } = provideTheme(props);\nconst { rtlClasses, isRtl } = useRtl();\nconst { dimensionStyles } = useDimensions(props);\nconst { scopeId } = useScopeId();\nconst isMounted = useHydration();\n\nconst root = ref<HTMLElement>();\nconst scrimEl = ref<HTMLElement>();\nconst contentEl = ref<HTMLElement>();\n\nconst isActive = computed({\n  get: () => model.value,\n  set: (value) => {\n    if (!(value && props.disabled)) model.value = value;\n  }\n});\n\nconst { hasContent, onAfterLeave: _onAfterLeave } = useLazy(props, isActive);\n\nconst { globalTop, localTop, stackStyles } = useStack(isActive, () => props.zIndex, props._disableGlobalStack);\nconst { activatorEl, activatorRef, target, targetEl, targetRef, activatorEvents, contentEvents, scrimEvents } =\n  useActivator(props, { isActive, isTop: localTop, contentEl });\n\nconst scrimColor = useBackgroundColor(() => {\n  return typeof props.scrim === 'string' ? props.scrim : null;\n});\n\nconst { teleportTarget } = useTeleport(() => {\n  const target = props.attach || props.contained;\n  if (target) return target;\n\n  const rootNode = activatorEl?.value?.getRootNode() || vm.proxy?.$el?.getRootNode();\n  if (rootNode instanceof ShadowRoot) return rootNode;\n\n  return false;\n}, `${CdsOverlayConstants.rootClass}-container`);\n\nconst { contentStyles, updateLocation } = useLocationStrategies(props, {\n  isRtl,\n  contentEl,\n  target,\n  isActive\n});\nuseScrollStrategies(props, {\n  root,\n  contentEl,\n  targetEl,\n  target,\n  isActive,\n  updateLocation\n});\n\nuseFocusTrap(props, { isActive, localTop, contentEl, activatorEl });\n\nconst router = useRouter();\nuseToggleScope(\n  () => props.closeOnBack,\n  () => {\n    useBackButton(router, () => {\n      if (globalTop.value && isActive.value) {\n        if (!props.persistent) isActive.value = false;\n        else animateClick();\n        return false;\n      }\n      return undefined;\n    });\n  }\n);\n\nconst top = ref<number>();\nwatch(\n  () => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null,\n  (val) => {\n    if (val) {\n      const scrollParent = getScrollParent(root.value);\n      if (scrollParent && scrollParent !== document.scrollingElement) {\n        top.value = scrollParent.scrollTop;\n      }\n    }\n  }\n);\n\nwatch(\n  () => props.disabled,\n  (v) => {\n    if (v) isActive.value = false;\n  }\n);\n\nIN_BROWSER &&\n  watch(\n    isActive,\n    (val) => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown);\n      } else {\n        window.removeEventListener('keydown', onKeydown);\n      }\n    },\n    { immediate: true }\n  );\n\nonBeforeUnmount(() => {\n  if (!IN_BROWSER) return;\n\n  window.removeEventListener('keydown', onKeydown);\n});\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape' && globalTop.value) {\n    if (!unref(contentEl)?.contains(document.activeElement)) {\n      emit('keydown', e);\n    }\n\n    if (!props.persistent) {\n      isActive.value = false;\n      if (contentEl.value?.contains(document.activeElement)) {\n        activatorEl.value?.focus();\n      }\n    } else animateClick();\n  }\n}\n\nfunction onKeydownSelf(e: KeyboardEvent) {\n  if (e.key === 'Escape' && !globalTop.value) return;\n\n  emit('keydown', e);\n}\n\nfunction onClickOutside(e: MouseEvent) {\n  emit('click:outside', e);\n\n  if (!props.persistent) isActive.value = false;\n  else animateClick();\n}\n\nfunction closeConditional(e: Event) {\n  return (\n    isActive.value &&\n    localTop.value &&\n    (!props.scrim || e.target === scrimEl.value || (e instanceof MouseEvent && e.shadowTarget === scrimEl.value))\n  );\n}\n\nfunction animateClick() {\n  if (props.noClickAnimation) return;\n\n  contentEl.value &&\n    animate(\n      contentEl.value,\n      [{ transformOrigin: 'center' }, { transform: 'scale(1.03)' }, { transformOrigin: 'center' }],\n      {\n        duration: 150,\n        easing: standardEasing\n      }\n    );\n}\n\nfunction onAfterEnter() {\n  emit('afterEnter');\n}\n\nfunction onAfterLeave() {\n  _onAfterLeave();\n  emit('afterLeave');\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsOverlayConstants;\n\n  return (\n    <>\n      {slots.activator?.({\n        isActive: unref(isActive),\n        targetRef,\n        props: mergeProps(\n          {\n            ref: activatorRef\n          },\n          unref(activatorEvents),\n          props.activatorProps\n        )\n      })}\n\n      {unref(isMounted) && unref(hasContent) && (\n        <Teleport disabled={!unref(teleportTarget)} to={unref(teleportTarget)}>\n          <div\n            ref={root}\n            class={classNames(\n              rootClass,\n              {\n                [`${rootClass}--absolute`]: props.absolute || props.contained,\n                [`${rootClass}--contained`]: props.contained,\n                [`${rootClass}--active`]: unref(isActive)\n              },\n              unref(themeClasses),\n              unref(rtlClasses),\n              props.class\n            )}\n            style={[\n              unref(stackStyles),\n              {\n                '--cds-overlay-opacity': props.opacity,\n                top: convertToUnit(unref(top))\n              },\n              props.style\n            ]}\n            onKeydown={onKeydownSelf}\n            {...scopeId}\n            {...attrs}\n          >\n            <Scrim\n              ref={scrimEl}\n              modelValue={unref(isActive) && !!props.scrim}\n              color={scrimColor}\n              {...unref(scrimEvents)}\n            />\n            <MaybeTransition\n              target={unref(target)}\n              transition={props.transition}\n              appear\n              persisted\n              onAfterEnter={onAfterEnter}\n              onAfterLeave={onAfterLeave}\n            >\n              <div\n                ref={contentEl}\n                v-show={unref(isActive)}\n                v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [unref(activatorEl)] }}\n                class={classNames(`${rootClass}__content`, props.contentClass)}\n                style={[unref(dimensionStyles), unref(contentStyles)]}\n                {...unref(contentEvents)}\n                {...props.contentProps}\n              >\n                {slots.default?.({ isActive })}\n              </div>\n            </MaybeTransition>\n          </div>\n        </Teleport>\n      )}\n    </>\n  );\n});\n\ndefineExpose({\n  /**\n   * Корневой DOM-элемент оверлея.\n   * @en The root DOM element of the overlay.\n   */\n  rootEl: root,\n  /**\n   * DOM-элемент подложки (scrim), затемняющей страницу.\n   * @en The DOM element of the scrim that dims the page.\n   */\n  scrimEl,\n  /**\n   * DOM-элемент контента оверлея.\n   * @en The DOM element of the overlay content.\n   */\n  contentEl,\n  /**\n   * DOM-элемент активатора.\n   * @en The DOM element of the activator.\n   */\n  activatorEl,\n  /**\n   * Template ref для назначения активатора вручную.\n   * @en Template ref for assigning the activator manually.\n   */\n  activatorRef,\n  /**\n   * DOM-элемент цели позиционирования.\n   * @en The DOM element of the positioning target.\n   */\n  targetEl,\n  /**\n   * Template ref для назначения цели позиционирования вручную.\n   * @en Template ref for assigning the positioning target manually.\n   */\n  targetRef,\n  /**\n   * Текущая цель позиционирования: элемент либо координаты `[x, y]`.\n   * @en The current positioning target: an element or the `[x, y]` coordinates.\n   */\n  target,\n  /**\n   * Является ли оверлей верхним в глобальном стеке открытых оверлеев.\n   * @en Whether the overlay is the top one in the global stack of open overlays.\n   */\n  globalTop,\n  /**\n   * Пересчитывает позицию контента относительно цели.\n   * @en Recalculates the position of the content relative to the target.\n   */\n  updateLocation,\n  /**\n   * Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея.\n   * @en Runs the bounce animation of the content — the same as on a click outside a `persistent` overlay.\n   */\n  animateClick\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","vm","getCurrentInstance","CdsOverlayConstants","name","model","useProxyModel","themeClasses","provideTheme","rtlClasses","isRtl","useRtl","dimensionStyles","useDimensions","scopeId","useScopeId","isMounted","useHydration","root","ref","scrimEl","contentEl","isActive","computed","get","value","set","disabled","hasContent","onAfterLeave","_onAfterLeave","useLazy","globalTop","localTop","stackStyles","useStack","zIndex","_disableGlobalStack","activatorEl","activatorRef","target","targetEl","targetRef","activatorEvents","contentEvents","scrimEvents","useActivator","isTop","scrimColor","useBackgroundColor","scrim","teleportTarget","useTeleport","attach","contained","rootNode","getRootNode","proxy","$el","ShadowRoot","rootClass","contentStyles","updateLocation","useLocationStrategies","useScrollStrategies","useFocusTrap","router","useRouter","useToggleScope","closeOnBack","useBackButton","persistent","animateClick","undefined","top","watch","absolute","val","scrollParent","getScrollParent","document","scrollingElement","scrollTop","v","IN_BROWSER","window","addEventListener","onKeydown","removeEventListener","immediate","onBeforeUnmount","e","key","unref","contains","activeElement","focus","onKeydownSelf","onClickOutside","closeConditional","MouseEvent","shadowTarget","noClickAnimation","animate","transformOrigin","transform","duration","easing","standardEasing","onAfterEnter","__expose","rootEl","_createVNode","_Fragment","activator","mergeProps","activatorProps","Teleport","default","_mergeProps","classNames","class","opacity","convertToUnit","style","Scrim","MaybeTransition","transition","_withDirectives","contentClass","contentProps","_vShow","_resolveDirective","handler","include"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,OAAOC;AACb,UAAMC,QAAQC,SAAQ;AAEtB,UAAMC,KAAKC,mBAAmBC,oBAAoBC,IAAI;AACtD,UAAMC,QAAQC,cAAcb,OAAO,YAAY;AAC/C,UAAM;AAAA,MAAEc;AAAAA,IAAa,IAAIC,aAAaf,KAAK;AAC3C,UAAM;AAAA,MAAEgB;AAAAA,MAAYC;AAAAA,QAAUC,OAAM;AACpC,UAAM;AAAA,MAAEC;AAAAA,IAAgB,IAAIC,cAAcpB,KAAK;AAC/C,UAAM;AAAA,MAAEqB;AAAAA,QAAYC,WAAU;AAC9B,UAAMC,YAAYC,aAAY;AAE9B,UAAMC,OAAOC,IAAG;AAChB,UAAMC,UAAUD,IAAG;AACnB,UAAME,YAAYF,IAAG;AAErB,UAAMG,WAAWC,SAAS;AAAA,MACxBC,KAAKA,MAAMnB,MAAMoB;AAAAA,MACjBC,KAAMD,WAAU;AACd,YAAI,EAAEA,SAAShC,MAAMkC,UAAWtB,OAAMoB,QAAQA;AAAAA,MAChD;AAAA,IACF,CAAC;AAED,UAAM;AAAA,MAAEG;AAAAA,MAAYC,cAAcC;AAAAA,IAAc,IAAIC,QAAQtC,OAAO6B,QAAQ;AAE3E,UAAM;AAAA,MAAEU;AAAAA,MAAWC;AAAAA,MAAUC;AAAAA,IAAY,IAAIC,SAASb,UAAU,MAAM7B,MAAM2C,QAAQ3C,MAAM4C,mBAAmB;AAC7G,UAAM;AAAA,MAAEC;AAAAA,MAAaC;AAAAA,MAAcC;AAAAA,MAAQC;AAAAA,MAAUC;AAAAA,MAAWC;AAAAA,MAAiBC;AAAAA,MAAeC;AAAAA,IAAY,IAC1GC,aAAarD,OAAO;AAAA,MAAE6B;AAAAA,MAAUyB,OAAOd;AAAAA,MAAUZ;AAAAA,IAAU,CAAC;AAE9D,UAAM2B,aAAaC,mBAAmB,MAAM;AAC1C,aAAO,OAAOxD,MAAMyD,UAAU,WAAWzD,MAAMyD,QAAQ;AAAA,IACzD,CAAC;AAED,UAAM;AAAA,MAAEC;AAAAA,QAAmBC,YAAY,MAAM;;AAC3C,YAAMZ,UAAS/C,MAAM4D,UAAU5D,MAAM6D;AACrC,UAAId,QAAQ,QAAOA;AAEnB,YAAMe,aAAWjB,gDAAab,UAAba,mBAAoBkB,oBAAiBvD,cAAGwD,UAAHxD,mBAAUyD,QAAVzD,mBAAeuD;AACrE,UAAID,oBAAoBI,WAAY,QAAOJ;AAE3C,aAAO;AAAA,IACT,GAAG,GAAGpD,oBAAoByD,SAAS,YAAY;AAE/C,UAAM;AAAA,MAAEC;AAAAA,MAAeC;AAAAA,IAAe,IAAIC,sBAAsBtE,OAAO;AAAA,MACrEiB;AAAAA,MACAW;AAAAA,MACAmB;AAAAA,MACAlB;AAAAA,IACF,CAAC;AACD0C,wBAAoBvE,OAAO;AAAA,MACzByB;AAAAA,MACAG;AAAAA,MACAoB;AAAAA,MACAD;AAAAA,MACAlB;AAAAA,MACAwC;AAAAA,IACF,CAAC;AAEDG,iBAAaxE,OAAO;AAAA,MAAE6B;AAAAA,MAAUW;AAAAA,MAAUZ;AAAAA,IAAuB,CAAC;AAElE,UAAM6C,SAASC,UAAS;AACxBC,mBACE,MAAM3E,MAAM4E,aACZ,MAAM;AACJC,oBAAcJ,QAAQ,MAAM;AAC1B,YAAIlC,UAAUP,SAASH,SAASG,OAAO;AACrC,cAAI,CAAChC,MAAM8E,WAAYjD,UAASG,QAAQ;AAAA,cACnC+C,cAAY;AACjB,iBAAO;AAAA,QACT;AACA,eAAOC;AAAAA,MACT,CAAC;AAAA,IACH,CACF;AAEA,UAAMC,MAAMvD,IAAG;AACfwD,UACE,MAAMrD,SAASG,UAAUhC,MAAMmF,YAAYnF,MAAM6D,cAAcH,eAAe1B,SAAS,MACtFoD,SAAQ;AACP,UAAIA,KAAK;AACP,cAAMC,eAAeC,gBAAgB7D,KAAKO,KAAK;AAC/C,YAAIqD,gBAAgBA,iBAAiBE,SAASC,kBAAkB;AAC9DP,cAAIjD,QAAQqD,aAAaI;AAAAA,QAC3B;AAAA,MACF;AAAA,IACF,CACF;AAEAP,UACE,MAAMlF,MAAMkC,UACXwD,OAAM;AACL,UAAIA,EAAG7D,UAASG,QAAQ;AAAA,IAC1B,CACF;AAEA2D,kBACET,MACErD,UACCuD,SAAQ;AACP,UAAIA,KAAK;AACPQ,eAAOC,iBAAiB,WAAWC,SAAS;AAAA,MAC9C,OAAO;AACLF,eAAOG,oBAAoB,WAAWD,SAAS;AAAA,MACjD;AAAA,IACF,GACA;AAAA,MAAEE,WAAW;AAAA,IAAK,CACpB;AAEFC,oBAAgB,MAAM;AACpB,UAAI,CAACN,WAAY;AAEjBC,aAAOG,oBAAoB,WAAWD,SAAS;AAAA,IACjD,CAAC;AAED,aAASA,UAAUI,GAAkB;;AACnC,UAAIA,EAAEC,QAAQ,YAAY5D,UAAUP,OAAO;AACzC,YAAI,GAACoE,WAAMxE,SAAS,MAAfwE,mBAAkBC,SAASd,SAASe,iBAAgB;AACvDlG,eAAK,WAAW8F,CAAC;AAAA,QACnB;AAEA,YAAI,CAAClG,MAAM8E,YAAY;AACrBjD,mBAASG,QAAQ;AACjB,eAAIJ,eAAUI,UAAVJ,mBAAiByE,SAASd,SAASe,gBAAgB;AACrDzD,8BAAYb,UAAZa,mBAAmB0D;AAAAA,UACrB;AAAA,QACF,MAAOxB,cAAY;AAAA,MACrB;AAAA,IACF;AAEA,aAASyB,cAAcN,GAAkB;AACvC,UAAIA,EAAEC,QAAQ,YAAY,CAAC5D,UAAUP,MAAO;AAE5C5B,WAAK,WAAW8F,CAAC;AAAA,IACnB;AAEA,aAASO,eAAeP,GAAe;AACrC9F,WAAK,iBAAiB8F,CAAC;AAEvB,UAAI,CAAClG,MAAM8E,WAAYjD,UAASG,QAAQ;AAAA,UACnC+C,cAAY;AAAA,IACnB;AAEA,aAAS2B,iBAAiBR,GAAU;AAClC,aACErE,SAASG,SACTQ,SAASR,UACR,CAAChC,MAAMyD,SAASyC,EAAEnD,WAAWpB,QAAQK,SAAUkE,aAAaS,cAAcT,EAAEU,iBAAiBjF,QAAQK;AAAAA,IAE1G;AAEA,aAAS+C,eAAe;AACtB,UAAI/E,MAAM6G,iBAAkB;AAE5BjF,gBAAUI,SACR8E,QACElF,UAAUI,OACV,CAAC;AAAA,QAAE+E,iBAAiB;AAAA,MAAS,GAAG;AAAA,QAAEC,WAAW;AAAA,MAAc,GAAG;AAAA,QAAED,iBAAiB;AAAA,MAAS,CAAC,GAC3F;AAAA,QACEE,UAAU;AAAA,QACVC,QAAQC;AAAAA,MACV,CACF;AAAA,IACJ;AAEA,aAASC,eAAe;AACtBhH,WAAK,YAAY;AAAA,IACnB;AAEA,aAASgC,eAAe;AACtBC,oBAAa;AACbjC,WAAK,YAAY;AAAA,IACnB;AA+EAiH,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXC,QAAQ7F;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKRE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAiB;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAF;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAR;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKA8B;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAU;AAAAA,IACF,CAAC;WArIY,MAAM;;AACjB,YAAM;AAAA,QAAEZ;AAAAA,MAAU,IAAIzD;AAEtB,aAAA6G,YAAAC,kBAEKtH,WAAMuH,cAANvH,+BAAkB;AAAA,QACjB2B,UAAUuE,MAAMvE,QAAQ;AAAA,QACxBoB;AAAAA,QACAjD,OAAO0H,WACL;AAAA,UACEhG,KAAKoB;AAAAA,WAEPsD,MAAMlD,eAAe,GACrBlD,MAAM2H,cACR;AAAA,MACF,IAECvB,MAAM7E,SAAS,KAAK6E,MAAMjE,UAAU,KAACoF,YAAAK,UAAA;AAAA,QAAA,YAChB,CAACxB,MAAM1C,cAAc;AAAA,QAAC,MAAM0C,MAAM1C,cAAc;AAAA,MAAC,GAAA;AAAA,QAAAmE,SAAAA,MAAA,CAAAN,mBAAAO,WAAA;AAAA,UAAA,OAE5DrG;AAAAA,UAAI,SACFsG,WACL5D,WACA;AAAA,YACE,CAAC,GAAGA,SAAS,YAAY,GAAGnE,MAAMmF,YAAYnF,MAAM6D;AAAAA,YACpD,CAAC,GAAGM,SAAS,aAAa,GAAGnE,MAAM6D;AAAAA,YACnC,CAAC,GAAGM,SAAS,UAAU,GAAGiC,MAAMvE,QAAQ;AAAA,UAC1C,GACAuE,MAAMtF,YAAY,GAClBsF,MAAMpF,UAAU,GAChBhB,MAAMgI,KACR;AAAA,UAAC,SACM,CACL5B,MAAM3D,WAAW,GACjB;AAAA,YACE,yBAAyBzC,MAAMiI;AAAAA,YAC/BhD,KAAKiD,cAAc9B,MAAMnB,GAAG,CAAC;AAAA,UAC/B,GACAjF,MAAMmI,KAAI;AAAA,UACX,aACU3B;AAAAA,WACPnF,SACAf,KAAK,GAAA,CAAAiH,YAAAa,OAAAN,WAAA;AAAA,UAAA,OAGFnG;AAAAA,UAAO,cACAyE,MAAMvE,QAAQ,KAAK,CAAC,CAAC7B,MAAMyD;AAAAA,UAAK,SACrCF;AAAAA,QAAU,GACb6C,MAAMhD,WAAW,CAAC,GAAA,IAAA,GAAAmE,YAAAc,iBAAA;AAAA,UAAA,UAGdjC,MAAMrD,MAAM;AAAA,UAAC,cACT/C,MAAMsI;AAAAA,UAAU,UAAA;AAAA,UAAA,aAAA;AAAA,UAAA,gBAGdlB;AAAAA,UAAY,gBACZhF;AAAAA,QAAY,GAAA;AAAA,UAAAyF,SAAAA,MAAAA;;AAAA,oBAAAU,eAAAhB,mBAAAO,WAAA;AAAA,cAAA,OAGnBlG;AAAAA,cAAS,SAGPmG,WAAW,GAAG5D,SAAS,aAAanE,MAAMwI,YAAY;AAAA,cAAC,SACvD,CAACpC,MAAMjF,eAAe,GAAGiF,MAAMhC,aAAa,CAAC;AAAA,YAAC,GACjDgC,MAAMjD,aAAa,GACnBnD,MAAMyI,YAAY,GAAA,EAErBvI,MAAAA,MAAM2H,YAAN3H,gBAAAA,IAAAA,YAAgB;AAAA,cAAE2B;AAAAA,cAAW,CAAA,GAAA,CAAA,CAAA6G,OAPtBtC,MAAMvE,QAAQ,CAAC,GAAA,CAAA8G,iBAAA,eAAA,GACN;AAAA,cAAEC,SAASnC;AAAAA,cAAgBC;AAAAA,cAAkBmC,SAASA,MAAM,CAACzC,MAAMvD,WAAW,CAAC;AAAA,aAAG,CAAA,CAAA,CAAA;AAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAW5G,CAAA;AAAA,IAGP;AAAA;;"}

package/dist/es/src/components/CdsOverlay/api/CdsOverlay.props.js

@@ -12,49 +12,77 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsOverlayProps = propsFactory(
   {
-    /** Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`. */
+    /**
+     * Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`.
+     * @en Positions the element absolutely instead of fixed. This is useful for overlays that must stay inside a certain area, for example inside a container with `position: relative`.
+     */
     absolute: Boolean,
     /**
      * Указывает, в какой элемент DOM следует переместить содержимое overlay.
      * Может быть прямой ссылкой на элемент, строкой querySelector или значением true для отключения перемещения.
      * По умолчанию используется элемент body.
      * Как правило, не рекомендуется изменять это свойство, за исключением крайних случаев: алгоритм позиционирования по умолчанию должен справляться с большинством сценариев лучше, чем это возможно без перемещения, и может возникнуть непредвиденное поведение, если меню окажется дочерним элементом своего активатора.
+     * @en Sets the DOM element the overlay content is moved to. It accepts a direct element reference, a querySelector string, or true to disable moving. By default the body element is used. Changing this prop is usually not recommended except for edge cases: the default positioning algorithm handles most scenarios better than it can without moving, and unexpected behavior may appear if the menu ends up being a child of its activator.
      */
     attach: [Boolean, String, Object],
     /**
      * Ограничивает размер компонента и сетки в соответствии с его смещенным родительским элементом.
      * Подразумевает использование свойств `absolute` и `attach`. (Примечание: родительский элемент должен иметь свойство `position: relative`.)
+     * @en Limits the size of the component and of its grid to the offset parent. Implies the `absolute` and `attach` props. (Note: the parent element must have `position: relative`.)
      */
     contained: Boolean,
     /**
      * Применяет пользовательский класс к отдельному элементу.
      * Это удобно, поскольку содержимое перемещается в начало компонента cds-app (если не указан параметр `attach`) и не может быть выделено с помощью классов, переданных непосредственно в компонент.
+     * @en Applies a custom class to the content element. This is handy because the content is moved to the beginning of the cds-app component (unless `attach` is set) and cannot be selected with classes passed to the component directly.
      */
     contentClass: null,
-    /** Применяет кастомные свойства (props) к перемещаемому контенту */
+    /**
+     * Применяет кастомные свойства (props) к перемещаемому контенту
+     * @en Applies custom props to the moved content
+     */
     contentProps: null,
-    /** Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`. */
+    /**
+     * Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`.
+     * @en Opacity of the scrim element. Applies only when `scrim=true`.
+     */
     opacity: [Number, String],
-    /** Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив. */
+    /**
+     * Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив.
+     * @en The v-model value of the component. If the component supports the **multiple** prop, an empty array is used by default.
+     */
     modelValue: Boolean,
-    /** Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию. */
+    /**
+     * Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию.
+     * @en A click outside the element or the Esc key does not close it.
+     */
     persistent: Boolean,
-    /** Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent. */
+    /**
+     * Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent.
+     * @en Disables the bounce effect on a click outside the content element when `persistent` is set.
+     */
     noClickAnimation: Boolean,
     /**
      * Закрывает содержимое оверлея при нажатии кнопки «Назад» в браузере или вызове $router.back(), отменяя исходную навигацию.
      * `persistent` оверлеи отменяют навигацию и анимируются так, как будто по ним щелкнули за пределами оверлея, вместо того чтобы закрываться.
+     * @en Closes the overlay content when the browser Back button is pressed or $router.back() is called, cancelling the original navigation. `persistent` overlays cancel the navigation and animate as if they were clicked outside instead of closing.
      */
     closeOnBack: {
       type: Boolean,
       default: true
     },
-    /** Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета. */
+    /**
+     * Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета.
+     * @en Backdrop shown while the overlay is active. Accepts true/false to toggle the backdrop and a string to set its color.
+     */
     scrim: {
       type: [Boolean, String],
       default: true
     },
-    /** Значение z-index для компонента. */
+    /**
+     * Значение z-index для компонента.
+     * @en The z-index value of the component.
+     */
     zIndex: {
       type: [Number, String],
       default: 2e3

package/dist/es/src/components/CdsOverlay/api/CdsOverlay.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsOverlay.props.js","sources":["../../../../../../src/components/CdsOverlay/api/CdsOverlay.props.ts"],"sourcesContent":["import { defineLocationStrategiesProps } from '@cds/components/CdsOverlay/composables/useLocationStrategies';\nimport { defineScrollStrategiesProps } from '@cds/components/CdsOverlay/composables/useScrollStrategies';\nimport { defineDimensionsProps } from '@cds/composables';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineFocusTrapProps } from '@cds/composables/useFocus';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { defineActivatorProps } from '../composables/useActivator';\nimport { CdsOverlayConstants } from './CdsOverlay.constants';\n\nexport const defineCdsOverlayProps = propsFactory(\n  {\n    /** Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`. */\n    absolute: Boolean,\n    /**\n     * Указывает, в какой элемент DOM следует переместить содержимое overlay.\n     * Может быть прямой ссылкой на элемент, строкой querySelector или значением true для отключения перемещения.\n     * По умолчанию используется элемент body.\n     * Как правило, не рекомендуется изменять это свойство, за исключением крайних случаев: алгоритм позиционирования по умолчанию должен справляться с большинством сценариев лучше, чем это возможно без перемещения, и может возникнуть непредвиденное поведение, если меню окажется дочерним элементом своего активатора.\n     */\n    attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n    /**\n     * Ограничивает размер компонента и сетки в соответствии с его смещенным родительским элементом.\n     * Подразумевает использование свойств `absolute` и `attach`. (Примечание: родительский элемент должен иметь свойство `position: relative`.)\n     */\n    contained: Boolean,\n    /**\n     * Применяет пользовательский класс к отдельному элементу.\n     * Это удобно, поскольку содержимое перемещается в начало компонента cds-app (если не указан параметр `attach`) и не может быть выделено с помощью классов, переданных непосредственно в компонент.\n     */\n    contentClass: null,\n    /** Применяет кастомные свойства (props) к перемещаемому контенту */\n    contentProps: null,\n    /** Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`. */\n    opacity: [Number, String],\n    /** Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив. */\n    modelValue: Boolean,\n    /** Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию. */\n    persistent: Boolean,\n    /** Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent. */\n    noClickAnimation: Boolean,\n    /**\n     * Закрывает содержимое оверлея при нажатии кнопки «Назад» в браузере или вызове $router.back(), отменяя исходную навигацию.\n     * `persistent` оверлеи отменяют навигацию и анимируются так, как будто по ним щелкнули за пределами оверлея, вместо того чтобы закрываться.\n     */\n    closeOnBack: {\n      type: Boolean,\n      default: true\n    },\n    /** Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета. */\n    scrim: {\n      type: [Boolean, String],\n      default: true\n    },\n    /** Значение z-index для компонента. */\n    zIndex: {\n      type: [Number, String],\n      default: 2000\n    },\n\n    ...defineActivatorProps(),\n    ...defineLocationStrategiesProps(),\n    ...defineScrollStrategiesProps(),\n    ...defineLazyProps(),\n    ...defineFocusTrapProps(),\n    ...defineDimensionsProps(),\n    ...defineDisabledProps(),\n    ...defineTransitionProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsOverlayConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOV,QAAQ,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA;AAAA,IAEd,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,IAExB,YAAY;AAAA;AAAA,IAEZ,YAAY;AAAA;AAAA,IAEZ,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,8BAAA;AAAA,IACH,GAAG,4BAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}
+{"version":3,"file":"CdsOverlay.props.js","sources":["../../../../../../src/components/CdsOverlay/api/CdsOverlay.props.ts"],"sourcesContent":["import { defineLocationStrategiesProps } from '@cds/components/CdsOverlay/composables/useLocationStrategies';\nimport { defineScrollStrategiesProps } from '@cds/components/CdsOverlay/composables/useScrollStrategies';\nimport { defineDimensionsProps } from '@cds/composables';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineFocusTrapProps } from '@cds/composables/useFocus';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { defineActivatorProps } from '../composables/useActivator';\nimport { CdsOverlayConstants } from './CdsOverlay.constants';\n\nexport const defineCdsOverlayProps = propsFactory(\n  {\n    /**\n     * Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`.\n     * @en Positions the element absolutely instead of fixed. This is useful for overlays that must stay inside a certain area, for example inside a container with `position: relative`.\n     */\n    absolute: Boolean,\n    /**\n     * Указывает, в какой элемент DOM следует переместить содержимое overlay.\n     * Может быть прямой ссылкой на элемент, строкой querySelector или значением true для отключения перемещения.\n     * По умолчанию используется элемент body.\n     * Как правило, не рекомендуется изменять это свойство, за исключением крайних случаев: алгоритм позиционирования по умолчанию должен справляться с большинством сценариев лучше, чем это возможно без перемещения, и может возникнуть непредвиденное поведение, если меню окажется дочерним элементом своего активатора.\n     * @en Sets the DOM element the overlay content is moved to. It accepts a direct element reference, a querySelector string, or true to disable moving. By default the body element is used. Changing this prop is usually not recommended except for edge cases: the default positioning algorithm handles most scenarios better than it can without moving, and unexpected behavior may appear if the menu ends up being a child of its activator.\n     */\n    attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n    /**\n     * Ограничивает размер компонента и сетки в соответствии с его смещенным родительским элементом.\n     * Подразумевает использование свойств `absolute` и `attach`. (Примечание: родительский элемент должен иметь свойство `position: relative`.)\n     * @en Limits the size of the component and of its grid to the offset parent. Implies the `absolute` and `attach` props. (Note: the parent element must have `position: relative`.)\n     */\n    contained: Boolean,\n    /**\n     * Применяет пользовательский класс к отдельному элементу.\n     * Это удобно, поскольку содержимое перемещается в начало компонента cds-app (если не указан параметр `attach`) и не может быть выделено с помощью классов, переданных непосредственно в компонент.\n     * @en Applies a custom class to the content element. This is handy because the content is moved to the beginning of the cds-app component (unless `attach` is set) and cannot be selected with classes passed to the component directly.\n     */\n    contentClass: null,\n    /**\n     * Применяет кастомные свойства (props) к перемещаемому контенту\n     * @en Applies custom props to the moved content\n     */\n    contentProps: null,\n    /**\n     * Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`.\n     * @en Opacity of the scrim element. Applies only when `scrim=true`.\n     */\n    opacity: [Number, String],\n    /**\n     * Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив.\n     * @en The v-model value of the component. If the component supports the **multiple** prop, an empty array is used by default.\n     */\n    modelValue: Boolean,\n    /**\n     * Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию.\n     * @en A click outside the element or the Esc key does not close it.\n     */\n    persistent: Boolean,\n    /**\n     * Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent.\n     * @en Disables the bounce effect on a click outside the content element when `persistent` is set.\n     */\n    noClickAnimation: Boolean,\n    /**\n     * Закрывает содержимое оверлея при нажатии кнопки «Назад» в браузере или вызове $router.back(), отменяя исходную навигацию.\n     * `persistent` оверлеи отменяют навигацию и анимируются так, как будто по ним щелкнули за пределами оверлея, вместо того чтобы закрываться.\n     * @en Closes the overlay content when the browser Back button is pressed or $router.back() is called, cancelling the original navigation. `persistent` overlays cancel the navigation and animate as if they were clicked outside instead of closing.\n     */\n    closeOnBack: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета.\n     * @en Backdrop shown while the overlay is active. Accepts true/false to toggle the backdrop and a string to set its color.\n     */\n    scrim: {\n      type: [Boolean, String],\n      default: true\n    },\n    /**\n     * Значение z-index для компонента.\n     * @en The z-index value of the component.\n     */\n    zIndex: {\n      type: [Number, String],\n      default: 2000\n    },\n\n    ...defineActivatorProps(),\n    ...defineLocationStrategiesProps(),\n    ...defineScrollStrategiesProps(),\n    ...defineLazyProps(),\n    ...defineFocusTrapProps(),\n    ...defineDimensionsProps(),\n    ...defineDisabledProps(),\n    ...defineTransitionProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsOverlayConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,wBAAwB;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQV,QAAQ,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,8BAAA;AAAA,IACH,GAAG,4BAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,oBAAoB;AACtB;"}