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

package/dist/es/src/composables/useVirtual/useVirtual.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtual.js","sources":["../../../../../src/composables/useVirtual/useVirtual.ts"],"sourcesContent":["import { useDisplay } from '@cds/composables/useDisplay';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { propsFactory } from '@cds/core';\nimport { clamp, debounce, getPropertyFromItem, IN_BROWSER, type SelectItemKey } from '@cds/utils';\nimport {\n  computed,\n  type ExtractPublicPropTypes,\n  nextTick,\n  onScopeDispose,\n  type PropType,\n  type Ref,\n  ref,\n  shallowRef,\n  unref,\n  watch,\n  watchEffect\n} from 'vue';\n\nexport const defineVirtualProps = propsFactory(\n  {\n    /** Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически. */\n    itemHeight: {\n      type: [Number, String],\n      default: null\n    },\n    /** Ключ элемента для идентификации (имя поля, путь или функция). По умолчанию используется индекс. */\n    itemKey: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: null\n    },\n    /** Высота области просмотра виртуального списка. */\n    height: [Number, String]\n  },\n  'virtual'\n);\n\nexport interface VirtualProps extends ExtractPublicPropTypes<ReturnType<typeof defineVirtualProps>> {}\n\nconst UP = -1;\nconst DOWN = 1;\nconst BUFFER_PX = 100;\n\nexport function useVirtual<T>(props: VirtualProps, items: Ref<readonly T[]>) {\n  const display = useDisplay();\n\n  const itemHeight = shallowRef(0);\n  watchEffect(() => {\n    itemHeight.value = parseFloat(props.itemHeight || 0);\n  });\n\n  const paddingTop = shallowRef(0);\n  const paddingBottom = shallowRef(0);\n  const first = shallowRef(0);\n  const last = shallowRef(Math.ceil((parseInt(props.height!) || display.height.value) / (itemHeight.value || 16)) || 1);\n\n  const containerRef = ref<HTMLElement>();\n  const markerRef = ref<HTMLElement>();\n  let markerOffset = 0;\n\n  const { resizeRef, contentRect } = useResizeObserver();\n\n  watchEffect(() => {\n    resizeRef.value = unref(containerRef);\n  });\n\n  const viewportHeight = computed(() => {\n    return containerRef.value === document.documentElement\n      ? display.height.value\n      : contentRect.value?.height || parseInt(props.height!) || 0;\n  });\n\n  const hasInitialRender = computed(() => {\n    return !!(unref(containerRef) && unref(markerRef) && unref(viewportHeight) && unref(itemHeight));\n  });\n\n  let sizes = Array.from<number | null>({ length: items.value.length });\n  let offsets = Array.from<number>({ length: items.value.length });\n  let targetScrollIndex = -1;\n\n  const updateTime = shallowRef(0);\n\n  const updateOffsets = debounce(() => {\n    const start = performance.now();\n    offsets[0] = 0;\n    const length = items.value.length;\n    for (let i = 1; i <= length; i++) {\n      offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);\n    }\n    updateTime.value = Math.max(updateTime.value, performance.now() - start);\n  }, updateTime);\n\n  const unwatch = watch(hasInitialRender, (v) => {\n    if (!v) return;\n\n    unwatch();\n\n    markerOffset = markerRef.value!.offsetTop;\n    updateOffsets.immediate();\n    calculateVisibleItems();\n\n    if (!~targetScrollIndex) return;\n\n    nextTick(() => {\n      IN_BROWSER &&\n        window.requestAnimationFrame(() => {\n          scrollToIndex(targetScrollIndex);\n          targetScrollIndex = -1;\n        });\n    });\n  });\n\n  onScopeDispose(() => {\n    updateOffsets.clear();\n  });\n\n  function getSize(index: number) {\n    return sizes[index] || itemHeight.value;\n  }\n\n  function handleItemResize(index: number, height: number) {\n    const prevHeight = sizes[index];\n    const prevMinHeight = itemHeight.value;\n\n    itemHeight.value = prevMinHeight ? Math.min(itemHeight.value, height) : height;\n\n    if (prevHeight !== height || prevMinHeight !== itemHeight.value) {\n      sizes[index] = height;\n      updateOffsets();\n    }\n  }\n\n  function calculateOffset(index: number) {\n    index = clamp(index, 0, items.value.length);\n    const whole = Math.floor(index);\n    const fraction = index % 1;\n    const next = whole + 1;\n    const wholeOffset = offsets[whole] || 0;\n    const nextOffset = offsets[next] || wholeOffset;\n    return wholeOffset + (nextOffset - wholeOffset) * fraction;\n  }\n\n  function calculateIndex(scrollTop: number) {\n    return binaryClosest(offsets, scrollTop);\n  }\n\n  let lastScrollTop = 0;\n  let scrollVelocity = 0;\n  let lastScrollTime = 0;\n\n  watch(viewportHeight, (val, oldVal) => {\n    calculateVisibleItems();\n    if (val < oldVal) {\n      requestAnimationFrame(() => {\n        scrollVelocity = 0;\n        calculateVisibleItems();\n      });\n    }\n  });\n\n  let scrollTimeout = -1;\n  function handleScroll() {\n    if (!containerRef.value || !markerRef.value) return;\n\n    const scrollTop = containerRef.value.scrollTop;\n    const scrollTime = performance.now();\n    const scrollDeltaT = scrollTime - lastScrollTime;\n\n    if (scrollDeltaT > 500) {\n      scrollVelocity = Math.sign(scrollTop - lastScrollTop);\n      markerOffset = markerRef.value.offsetTop;\n    } else {\n      scrollVelocity = scrollTop - lastScrollTop;\n    }\n\n    lastScrollTop = scrollTop;\n    lastScrollTime = scrollTime;\n\n    window.clearTimeout(scrollTimeout);\n    scrollTimeout = window.setTimeout(handleScrollend, 500);\n\n    calculateVisibleItems();\n  }\n\n  function handleScrollend() {\n    if (!containerRef.value || !markerRef.value) return;\n\n    scrollVelocity = 0;\n    lastScrollTime = 0;\n\n    window.clearTimeout(scrollTimeout);\n    calculateVisibleItems();\n  }\n\n  let raf = -1;\n  function calculateVisibleItems() {\n    cancelAnimationFrame(raf);\n    raf = requestAnimationFrame(_calculateVisibleItems);\n  }\n\n  function _calculateVisibleItems() {\n    if (!containerRef.value || !viewportHeight.value || !itemHeight.value) return;\n    const scrollTop = lastScrollTop - markerOffset;\n    const direction = Math.sign(scrollVelocity);\n\n    const startPx = Math.max(0, scrollTop - BUFFER_PX);\n    const start = clamp(calculateIndex(startPx), 0, items.value.length);\n\n    const endPx = scrollTop + viewportHeight.value + BUFFER_PX;\n    const end = clamp(calculateIndex(endPx) + 1, start + 1, items.value.length);\n\n    if (\n      // Only update the side we're scrolling towards,\n      // the other side will be updated incidentally\n      (direction !== UP || start < first.value) &&\n      (direction !== DOWN || end > last.value)\n    ) {\n      const topOverflow = calculateOffset(first.value) - calculateOffset(start);\n      const bottomOverflow = calculateOffset(end) - calculateOffset(last.value);\n      const bufferOverflow = Math.max(topOverflow, bottomOverflow);\n\n      if (bufferOverflow > BUFFER_PX) {\n        first.value = start;\n        last.value = end;\n      } else {\n        // Only update the side that's reached its limit if there's still buffer left\n        if (start <= 0) first.value = start;\n        if (end >= items.value.length) last.value = end;\n      }\n    }\n\n    paddingTop.value = calculateOffset(first.value);\n    paddingBottom.value = calculateOffset(items.value.length) - calculateOffset(last.value);\n  }\n\n  function scrollToIndex(index: number) {\n    const offset = calculateOffset(index);\n    if (!containerRef.value || (index && !offset)) {\n      targetScrollIndex = index;\n    } else {\n      containerRef.value.scrollTop = offset;\n    }\n  }\n\n  const computedItems = computed(() => {\n    return items.value.slice(first.value, last.value).map((item, index) => {\n      const _index = index + first.value;\n      return {\n        raw: item,\n        index: _index,\n        key: getPropertyFromItem(item, props.itemKey, _index)\n      };\n    });\n  });\n\n  watch(\n    items,\n    () => {\n      sizes = Array.from({ length: items.value.length });\n      offsets = Array.from({ length: items.value.length });\n      updateOffsets.immediate();\n      calculateVisibleItems();\n    },\n    { deep: 1 }\n  );\n\n  return {\n    containerRef,\n    markerRef,\n    computedItems,\n    paddingTop,\n    paddingBottom,\n    calculateVisibleItems,\n    scrollToIndex,\n    handleScroll,\n    handleScrollend,\n    handleItemResize\n  };\n}\n\nfunction binaryClosest(arr: ArrayLike<number>, val: number) {\n  let high = arr.length - 1;\n  let low = 0;\n  let mid = 0;\n  let item = null;\n  let target = -1;\n\n  if (arr[high]! < val) {\n    return high;\n  }\n\n  while (low <= high) {\n    mid = (low + high) >> 1;\n    item = arr[mid]!;\n\n    if (item > val) {\n      high = mid - 1;\n    } else if (item < val) {\n      target = mid;\n      low = mid + 1;\n    } else if (item === val) {\n      return mid;\n    } else {\n      return low;\n    }\n  }\n\n  return target;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVirtual.js","sources":["../../../../../src/composables/useVirtual/useVirtual.ts"],"sourcesContent":["import { useDisplay } from '@cds/composables/useDisplay';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { propsFactory } from '@cds/core';\nimport { clamp, debounce, getPropertyFromItem, IN_BROWSER, type SelectItemKey } from '@cds/utils';\nimport {\n  computed,\n  type ExtractPublicPropTypes,\n  nextTick,\n  onScopeDispose,\n  type PropType,\n  type Ref,\n  ref,\n  shallowRef,\n  unref,\n  watch,\n  watchEffect\n} from 'vue';\n\nexport const defineVirtualProps = propsFactory(\n  {\n    /**\n     * Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически.\n     * @en Height of a single item in pixels. When omitted, the height is measured automatically.\n     */\n    itemHeight: {\n      type: [Number, String],\n      default: null\n    },\n    /**\n     * Ключ элемента для идентификации (имя поля, путь или функция). По умолчанию используется индекс.\n     * @en Key that identifies an item (a field name, a path or a function). The index is used by default.\n     */\n    itemKey: {\n      type: [String, Array, Function] as PropType<SelectItemKey>,\n      default: null\n    },\n    /**\n     * Высота области просмотра виртуального списка.\n     * @en Height of the viewport of the virtual list.\n     */\n    height: [Number, String]\n  },\n  'virtual'\n);\n\nexport interface VirtualProps extends ExtractPublicPropTypes<ReturnType<typeof defineVirtualProps>> {}\n\nconst UP = -1;\nconst DOWN = 1;\nconst BUFFER_PX = 100;\n\nexport function useVirtual<T>(props: VirtualProps, items: Ref<readonly T[]>) {\n  const display = useDisplay();\n\n  const itemHeight = shallowRef(0);\n  watchEffect(() => {\n    itemHeight.value = parseFloat(props.itemHeight || 0);\n  });\n\n  const paddingTop = shallowRef(0);\n  const paddingBottom = shallowRef(0);\n  const first = shallowRef(0);\n  const last = shallowRef(Math.ceil((parseInt(props.height!) || display.height.value) / (itemHeight.value || 16)) || 1);\n\n  const containerRef = ref<HTMLElement>();\n  const markerRef = ref<HTMLElement>();\n  let markerOffset = 0;\n\n  const { resizeRef, contentRect } = useResizeObserver();\n\n  watchEffect(() => {\n    resizeRef.value = unref(containerRef);\n  });\n\n  const viewportHeight = computed(() => {\n    return containerRef.value === document.documentElement\n      ? display.height.value\n      : contentRect.value?.height || parseInt(props.height!) || 0;\n  });\n\n  const hasInitialRender = computed(() => {\n    return !!(unref(containerRef) && unref(markerRef) && unref(viewportHeight) && unref(itemHeight));\n  });\n\n  let sizes = Array.from<number | null>({ length: items.value.length });\n  let offsets = Array.from<number>({ length: items.value.length });\n  let targetScrollIndex = -1;\n\n  const updateTime = shallowRef(0);\n\n  const updateOffsets = debounce(() => {\n    const start = performance.now();\n    offsets[0] = 0;\n    const length = items.value.length;\n    for (let i = 1; i <= length; i++) {\n      offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);\n    }\n    updateTime.value = Math.max(updateTime.value, performance.now() - start);\n  }, updateTime);\n\n  const unwatch = watch(hasInitialRender, (v) => {\n    if (!v) return;\n\n    unwatch();\n\n    markerOffset = markerRef.value!.offsetTop;\n    updateOffsets.immediate();\n    calculateVisibleItems();\n\n    if (!~targetScrollIndex) return;\n\n    nextTick(() => {\n      IN_BROWSER &&\n        window.requestAnimationFrame(() => {\n          scrollToIndex(targetScrollIndex);\n          targetScrollIndex = -1;\n        });\n    });\n  });\n\n  onScopeDispose(() => {\n    updateOffsets.clear();\n  });\n\n  function getSize(index: number) {\n    return sizes[index] || itemHeight.value;\n  }\n\n  function handleItemResize(index: number, height: number) {\n    const prevHeight = sizes[index];\n    const prevMinHeight = itemHeight.value;\n\n    itemHeight.value = prevMinHeight ? Math.min(itemHeight.value, height) : height;\n\n    if (prevHeight !== height || prevMinHeight !== itemHeight.value) {\n      sizes[index] = height;\n      updateOffsets();\n    }\n  }\n\n  function calculateOffset(index: number) {\n    index = clamp(index, 0, items.value.length);\n    const whole = Math.floor(index);\n    const fraction = index % 1;\n    const next = whole + 1;\n    const wholeOffset = offsets[whole] || 0;\n    const nextOffset = offsets[next] || wholeOffset;\n    return wholeOffset + (nextOffset - wholeOffset) * fraction;\n  }\n\n  function calculateIndex(scrollTop: number) {\n    return binaryClosest(offsets, scrollTop);\n  }\n\n  let lastScrollTop = 0;\n  let scrollVelocity = 0;\n  let lastScrollTime = 0;\n\n  watch(viewportHeight, (val, oldVal) => {\n    calculateVisibleItems();\n    if (val < oldVal) {\n      requestAnimationFrame(() => {\n        scrollVelocity = 0;\n        calculateVisibleItems();\n      });\n    }\n  });\n\n  let scrollTimeout = -1;\n  function handleScroll() {\n    if (!containerRef.value || !markerRef.value) return;\n\n    const scrollTop = containerRef.value.scrollTop;\n    const scrollTime = performance.now();\n    const scrollDeltaT = scrollTime - lastScrollTime;\n\n    if (scrollDeltaT > 500) {\n      scrollVelocity = Math.sign(scrollTop - lastScrollTop);\n      markerOffset = markerRef.value.offsetTop;\n    } else {\n      scrollVelocity = scrollTop - lastScrollTop;\n    }\n\n    lastScrollTop = scrollTop;\n    lastScrollTime = scrollTime;\n\n    window.clearTimeout(scrollTimeout);\n    scrollTimeout = window.setTimeout(handleScrollend, 500);\n\n    calculateVisibleItems();\n  }\n\n  function handleScrollend() {\n    if (!containerRef.value || !markerRef.value) return;\n\n    scrollVelocity = 0;\n    lastScrollTime = 0;\n\n    window.clearTimeout(scrollTimeout);\n    calculateVisibleItems();\n  }\n\n  let raf = -1;\n  function calculateVisibleItems() {\n    cancelAnimationFrame(raf);\n    raf = requestAnimationFrame(_calculateVisibleItems);\n  }\n\n  function _calculateVisibleItems() {\n    if (!containerRef.value || !viewportHeight.value || !itemHeight.value) return;\n    const scrollTop = lastScrollTop - markerOffset;\n    const direction = Math.sign(scrollVelocity);\n\n    const startPx = Math.max(0, scrollTop - BUFFER_PX);\n    const start = clamp(calculateIndex(startPx), 0, items.value.length);\n\n    const endPx = scrollTop + viewportHeight.value + BUFFER_PX;\n    const end = clamp(calculateIndex(endPx) + 1, start + 1, items.value.length);\n\n    if (\n      // Only update the side we're scrolling towards,\n      // the other side will be updated incidentally\n      (direction !== UP || start < first.value) &&\n      (direction !== DOWN || end > last.value)\n    ) {\n      const topOverflow = calculateOffset(first.value) - calculateOffset(start);\n      const bottomOverflow = calculateOffset(end) - calculateOffset(last.value);\n      const bufferOverflow = Math.max(topOverflow, bottomOverflow);\n\n      if (bufferOverflow > BUFFER_PX) {\n        first.value = start;\n        last.value = end;\n      } else {\n        // Only update the side that's reached its limit if there's still buffer left\n        if (start <= 0) first.value = start;\n        if (end >= items.value.length) last.value = end;\n      }\n    }\n\n    paddingTop.value = calculateOffset(first.value);\n    paddingBottom.value = calculateOffset(items.value.length) - calculateOffset(last.value);\n  }\n\n  function scrollToIndex(index: number) {\n    const offset = calculateOffset(index);\n    if (!containerRef.value || (index && !offset)) {\n      targetScrollIndex = index;\n    } else {\n      containerRef.value.scrollTop = offset;\n    }\n  }\n\n  const computedItems = computed(() => {\n    return items.value.slice(first.value, last.value).map((item, index) => {\n      const _index = index + first.value;\n      return {\n        raw: item,\n        index: _index,\n        key: getPropertyFromItem(item, props.itemKey, _index)\n      };\n    });\n  });\n\n  watch(\n    items,\n    () => {\n      sizes = Array.from({ length: items.value.length });\n      offsets = Array.from({ length: items.value.length });\n      updateOffsets.immediate();\n      calculateVisibleItems();\n    },\n    { deep: 1 }\n  );\n\n  return {\n    containerRef,\n    markerRef,\n    computedItems,\n    paddingTop,\n    paddingBottom,\n    calculateVisibleItems,\n    scrollToIndex,\n    handleScroll,\n    handleScrollend,\n    handleItemResize\n  };\n}\n\nfunction binaryClosest(arr: ArrayLike<number>, val: number) {\n  let high = arr.length - 1;\n  let low = 0;\n  let mid = 0;\n  let item = null;\n  let target = -1;\n\n  if (arr[high]! < val) {\n    return high;\n  }\n\n  while (low <= high) {\n    mid = (low + high) >> 1;\n    item = arr[mid]!;\n\n    if (item > val) {\n      high = mid - 1;\n    } else if (item < val) {\n      target = mid;\n      low = mid + 1;\n    } else if (item === val) {\n      return mid;\n    } else {\n      return low;\n    }\n  }\n\n  return target;\n}\n"],"names":[],"mappings":"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"}

package/dist/es/src/core/defineComponent.js

@@ -16,7 +16,10 @@ const defineComponentProps = propsFactory(
 );
 const defineTagProps = propsFactory(
   {
-    /** Пользовательский HTML-тег для отображения */
+    /**
+     * Пользовательский HTML-тег для отображения
+     * @en Custom HTML tag or component to render
+     */
     tag: {
       type: [String, Object, Function],
       default: "div"

package/dist/es/src/core/defineComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"defineComponent.js","sources":["../../../../src/core/defineComponent.ts"],"sourcesContent":["import { propsFactory } from '@cds/core/propsFactory';\nimport { useDefaults } from '@cds/core/useDefaults';\nimport { classNames, kebabCase, pick } from '@cds/utils';\nimport {\n  type ComponentPublicInstance,\n  defineComponent,\n  type ExtractPublicPropTypes,\n  type FunctionalComponent,\n  h,\n  type PropType,\n  type StyleValue,\n  type VNodeChild\n} from 'vue';\n\nexport type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>;\n\nexport type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {\n  $children?:\n    | VNodeChild\n    | (T extends { default: infer V } ? V : {})\n    | { [K in keyof T]?: T[K] }\n    | { $stable?: boolean };\n  'v-slots'?: { [K in keyof T]?: T[K] | false };\n} & {\n  [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;\n};\n\nexport type ClassValue = any;\n\n/**\n * Defines the properties for a customizable component.\n *\n * The `defineComponentProps` object is constructed using the `propsFactory` function,\n * and it provides two configurable props for a component:\n *\n * 1. `class`: A flexible prop that accepts a string, array, or object\n *    for defining CSS class names. This allows dynamic class application based on user input.\n *\n * 2. `style`: A versatile prop that accepts a string, array, or object\n *    for defining inline styles. The default value for this prop is `null`.\n */\nexport const defineComponentProps = propsFactory(\n  {\n    class: [String, Array, Object] as PropType<ClassValue>,\n    style: {\n      type: [String, Array, Object] as PropType<StyleValue>,\n      default: null\n    }\n  },\n  'component'\n);\n\nexport type ComponentProps = ExtractPublicPropTypes<ReturnType<typeof defineComponentProps>>;\n\n/**\n * Defines configurable properties for a custom tag component.\n *\n * The `defineTagProps` is a property factory function that creates\n * reactive and type-safe props for a custom tag component. It primarily\n * includes a `tag` property to specify the HTML tag or component to render.\n */\nexport const defineTagProps = propsFactory(\n  {\n    /** Пользовательский HTML-тег для отображения */\n    tag: {\n      type: [String, Object, Function] as PropType<string | JSXComponent>,\n      default: 'div'\n    }\n  },\n  'tag'\n);\n\nexport type TagProps = ExtractPublicPropTypes<ReturnType<typeof defineTagProps>>;\n\ntype PropsFactoryFn = (defaults?: any) => Record<string, any>;\n\n/**\n * Filters the given props object to include only the keys defined in the provided factory function.\n *\n * @example\n * const inputProps = filterProps(defineCdsInputProps, props);\n * const fieldProps = filterProps(defineCdsFieldProps, props);\n */\nexport function filterProps<F extends PropsFactoryFn, P extends Record<string, any>>(\n  factory: F,\n  props: P\n): Pick<P, Extract<keyof P, Exclude<keyof ReturnType<F>, 'class' | 'style'>>> {\n  const factoryProps = factory();\n  const keys = Object.keys(factoryProps).filter((key) => key !== 'class' && key !== 'style');\n  return pick(props, keys as Extract<keyof P, string>[]) as any;\n}\n\ntype RawSlots = Record<string, unknown>;\ntype Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;\ntype MakeInternalSlots<T extends RawSlots> = {\n  [K in keyof T]: Slot<T[K]>;\n};\n\n/**\n * Creates a simple functional Vue component with the specified class name, tag, and optional name.\n *\n * @param {string} componentName - Name of the component.\n * @param {string} className - The class name to apply to the root element of the component.\n * @param {string} [tag='div'] - The HTML tag name to be used as the root element. Defaults to 'div'.\n * @return {import('vue').DefineComponent} A Vue component with the specified configuration.\n */\nexport function createSimpleFunctionalComponent(componentName: string, className?: string, tag = 'div') {\n  return defineComponent({\n    name: componentName,\n    props: {\n      ...defineTagProps(),\n      ...defineComponentProps()\n    },\n    setup(_props, { slots }) {\n      const props = useDefaults(_props);\n      return () =>\n        h(\n          props.tag || tag,\n          { class: classNames(className ?? kebabCase(componentName), props.class), style: props.style },\n          slots.default?.()\n        );\n    }\n  });\n}\n"],"names":[],"mappings":";;;;;;AAyCO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,OAAO,CAAC,QAAQ,OAAO,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAWO,MAAM,iBAAiB;AAAA,EAC5B;AAAA;AAAA,IAEE,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAaO,SAAS,YACd,SACA,OAC4E;AAC5E,QAAM,eAAe,QAAA;AACrB,QAAM,OAAO,OAAO,KAAK,YAAY,EAAE,OAAO,CAAC,QAAQ,QAAQ,WAAW,QAAQ,OAAO;AACzF,SAAO,KAAK,OAAO,IAAkC;AACvD;AAgBO,SAAS,gCAAgC,eAAuB,WAAoB,MAAM,OAAO;AACtG,SAAO,gBAAgB;AAAA,IACrB,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG,eAAA;AAAA,MACH,GAAG,qBAAA;AAAA,IAAqB;AAAA,IAE1B,MAAM,QAAQ,EAAE,SAAS;AACvB,YAAM,QAAQ,YAAY,MAAM;AAChC,aAAO;;AACL;AAAA,UACE,MAAM,OAAO;AAAA,UACb,EAAE,OAAO,WAAW,aAAa,UAAU,aAAa,GAAG,MAAM,KAAK,GAAG,OAAO,MAAM,MAAA;AAAA,WACtF,WAAM,YAAN;AAAA,QAAgB;AAAA;AAAA,IAEtB;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"defineComponent.js","sources":["../../../../src/core/defineComponent.ts"],"sourcesContent":["import { propsFactory } from '@cds/core/propsFactory';\nimport { useDefaults } from '@cds/core/useDefaults';\nimport { classNames, kebabCase, pick } from '@cds/utils';\nimport {\n  type ComponentPublicInstance,\n  defineComponent,\n  type ExtractPublicPropTypes,\n  type FunctionalComponent,\n  h,\n  type PropType,\n  type StyleValue,\n  type VNodeChild\n} from 'vue';\n\nexport type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>;\n\nexport type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {\n  $children?:\n    | VNodeChild\n    | (T extends { default: infer V } ? V : {})\n    | { [K in keyof T]?: T[K] }\n    | { $stable?: boolean };\n  'v-slots'?: { [K in keyof T]?: T[K] | false };\n} & {\n  [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;\n};\n\nexport type ClassValue = any;\n\n/**\n * Defines the properties for a customizable component.\n *\n * The `defineComponentProps` object is constructed using the `propsFactory` function,\n * and it provides two configurable props for a component:\n *\n * 1. `class`: A flexible prop that accepts a string, array, or object\n *    for defining CSS class names. This allows dynamic class application based on user input.\n *\n * 2. `style`: A versatile prop that accepts a string, array, or object\n *    for defining inline styles. The default value for this prop is `null`.\n */\nexport const defineComponentProps = propsFactory(\n  {\n    class: [String, Array, Object] as PropType<ClassValue>,\n    style: {\n      type: [String, Array, Object] as PropType<StyleValue>,\n      default: null\n    }\n  },\n  'component'\n);\n\nexport type ComponentProps = ExtractPublicPropTypes<ReturnType<typeof defineComponentProps>>;\n\n/**\n * Defines configurable properties for a custom tag component.\n *\n * The `defineTagProps` is a property factory function that creates\n * reactive and type-safe props for a custom tag component. It primarily\n * includes a `tag` property to specify the HTML tag or component to render.\n */\nexport const defineTagProps = propsFactory(\n  {\n    /**\n     * Пользовательский HTML-тег для отображения\n     * @en Custom HTML tag or component to render\n     */\n    tag: {\n      type: [String, Object, Function] as PropType<string | JSXComponent>,\n      default: 'div'\n    }\n  },\n  'tag'\n);\n\nexport type TagProps = ExtractPublicPropTypes<ReturnType<typeof defineTagProps>>;\n\ntype PropsFactoryFn = (defaults?: any) => Record<string, any>;\n\n/**\n * Filters the given props object to include only the keys defined in the provided factory function.\n *\n * @example\n * const inputProps = filterProps(defineCdsInputProps, props);\n * const fieldProps = filterProps(defineCdsFieldProps, props);\n */\nexport function filterProps<F extends PropsFactoryFn, P extends Record<string, any>>(\n  factory: F,\n  props: P\n): Pick<P, Extract<keyof P, Exclude<keyof ReturnType<F>, 'class' | 'style'>>> {\n  const factoryProps = factory();\n  const keys = Object.keys(factoryProps).filter((key) => key !== 'class' && key !== 'style');\n  return pick(props, keys as Extract<keyof P, string>[]) as any;\n}\n\ntype RawSlots = Record<string, unknown>;\ntype Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;\ntype MakeInternalSlots<T extends RawSlots> = {\n  [K in keyof T]: Slot<T[K]>;\n};\n\n/**\n * Creates a simple functional Vue component with the specified class name, tag, and optional name.\n *\n * @param {string} componentName - Name of the component.\n * @param {string} className - The class name to apply to the root element of the component.\n * @param {string} [tag='div'] - The HTML tag name to be used as the root element. Defaults to 'div'.\n * @return {import('vue').DefineComponent} A Vue component with the specified configuration.\n */\nexport function createSimpleFunctionalComponent(componentName: string, className?: string, tag = 'div') {\n  return defineComponent({\n    name: componentName,\n    props: {\n      ...defineTagProps(),\n      ...defineComponentProps()\n    },\n    setup(_props, { slots }) {\n      const props = useDefaults(_props);\n      return () =>\n        h(\n          props.tag || tag,\n          { class: classNames(className ?? kebabCase(componentName), props.class), style: props.style },\n          slots.default?.()\n        );\n    }\n  });\n}\n"],"names":[],"mappings":";;;;;;AAyCO,MAAM,uBAAuB;AAAA,EAClC;AAAA,IACE,OAAO,CAAC,QAAQ,OAAO,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAWO,MAAM,iBAAiB;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF;AACF;AAaO,SAAS,YACd,SACA,OAC4E;AAC5E,QAAM,eAAe,QAAA;AACrB,QAAM,OAAO,OAAO,KAAK,YAAY,EAAE,OAAO,CAAC,QAAQ,QAAQ,WAAW,QAAQ,OAAO;AACzF,SAAO,KAAK,OAAO,IAAkC;AACvD;AAgBO,SAAS,gCAAgC,eAAuB,WAAoB,MAAM,OAAO;AACtG,SAAO,gBAAgB;AAAA,IACrB,MAAM;AAAA,IACN,OAAO;AAAA,MACL,GAAG,eAAA;AAAA,MACH,GAAG,qBAAA;AAAA,IAAqB;AAAA,IAE1B,MAAM,QAAQ,EAAE,SAAS;AACvB,YAAM,QAAQ,YAAY,MAAM;AAChC,aAAO;;AACL;AAAA,UACE,MAAM,OAAO;AAAA,UACb,EAAE,OAAO,WAAW,aAAa,UAAU,aAAa,GAAG,MAAM,KAAK,GAAG,OAAO,MAAM,MAAA;AAAA,WACtF,WAAM,YAAN;AAAA,QAAgB;AAAA;AAAA,IAEtB;AAAA,EAAA,CACD;AACH;"}

package/dist/es/src/core/useDefaults.js

@@ -2,7 +2,7 @@ import { g as getCurrentInstance } from "./getCurrentInstance.js";
 import { i as injectSelf } from "./injectSelf.js";
 import { k as kebabCase } from "../utils/changeCase.js";
 import { a1 as mergeDeep } from "../utils/helpers.js";
-import { computed, unref, shallowRef, watchEffect, provide, inject, ref } from "vue";
+import { ref, inject, computed, unref, shallowRef, watchEffect, provide } from "vue";
 const DefaultsSymbol = Symbol.for("cds:defaults");
 function createDefaults(options) {
   return ref(options);
@@ -107,7 +107,9 @@ function propIsDefined(vnode, prop) {
 }
 export {
   DefaultsSymbol as D,
+  internalUseDefaults as a,
   createDefaults as c,
+  injectDefaults as i,
   provideDefaults as p,
   useDefaults as u
 };

package/dist/es/src/locales/adapters/cdsLocaleAdapter.js

@@ -1,4 +1,5 @@
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { e as en } from "../en.js";
 import { r as ru } from "../ru.js";
 import { L as getObjectValueByPath } from "../../utils/helpers.js";
 import { w as warn } from "../../utils/dom/console.js";
@@ -12,7 +13,7 @@ const replace = (str, params) => {
 function createCdsLocaleAdapter(options) {
   const current = shallowRef((options == null ? void 0 : options.locale) ?? "ru");
   const fallback = shallowRef((options == null ? void 0 : options.fallback) ?? "ru");
-  const messages = ref({ ru, ...options == null ? void 0 : options.messages });
+  const messages = ref({ ru, en, ...options == null ? void 0 : options.messages });
   return {
     name: "cds",
     current,

package/dist/es/src/locales/adapters/cdsLocaleAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"cdsLocaleAdapter.js","sources":["../../../../../src/locales/adapters/cdsLocaleAdapter.ts"],"sourcesContent":["import type { LocaleInstance, LocaleMessages, LocaleOptions } from '@cds/composables/useLocale';\nimport { useProxyModel } from '@cds/core';\nimport ru from '@cds/locales/ru';\nimport { getObjectValueByPath, warn } from '@cds/utils';\nimport { type Ref, ref, shallowRef, toRef, watch } from 'vue';\n\nconst LANG_PREFIX = '$cds.';\n\nconst replace = (str: string, params: unknown[]) => {\n  return str.replace(/\\{(\\d+)\\}/g, (match: string, index: string) => {\n    return String(params[Number(index)]);\n  });\n};\n\nexport function createCdsLocaleAdapter(options?: LocaleOptions): LocaleInstance {\n  const current = shallowRef(options?.locale ?? 'ru');\n  const fallback = shallowRef(options?.fallback ?? 'ru');\n  const messages = ref({ ru, ...options?.messages });\n\n  return {\n    name: 'cds',\n    current,\n    fallback,\n    messages,\n    decimalSeparator: toRef(() => options?.decimalSeparator ?? inferDecimalSeparator(current, fallback)),\n    t: createTranslateFunction(current, fallback, messages),\n    n: createNumberFunction(current, fallback),\n    provide: createProvideFunction({ current, fallback, messages })\n  };\n}\n\nconst createTranslateFunction = (current: Ref<string>, fallback: Ref<string>, messages: Ref<LocaleMessages>) => {\n  return (key: string, ...params: unknown[]) => {\n    if (!key.startsWith(LANG_PREFIX)) {\n      return replace(key, params);\n    }\n\n    const shortKey = key.replace(LANG_PREFIX, '');\n    const currentLocale = current.value && messages.value[current.value];\n    const fallbackLocale = fallback.value && messages.value[fallback.value];\n\n    let str: string = getObjectValueByPath(currentLocale, shortKey, null);\n\n    if (!str) {\n      warn('useLocale', `Translation key \"${key}\" not found in \"${current.value}\", trying fallback locale`);\n      str = getObjectValueByPath(fallbackLocale, shortKey, null);\n    }\n\n    if (!str) {\n      warn('useLocale', `Translation key \"${key}\" not found in fallback`);\n      str = key;\n    }\n\n    if (typeof str !== 'string') {\n      warn('useLocale', `Translation key \"${key}\" has a non-string value`);\n      str = key;\n    }\n\n    return replace(str, params);\n  };\n};\n\nfunction createNumberFunction(current: Ref<string>, fallback: Ref<string>) {\n  return (value: number, options?: Intl.NumberFormatOptions) => {\n    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options);\n\n    return numberFormat.format(value);\n  };\n}\n\nfunction inferDecimalSeparator(current: Ref<string>, fallback: Ref<string>) {\n  const format = createNumberFunction(current, fallback);\n  return format(0.1).includes(',') ? ',' : '.';\n}\n\nfunction useProvided<T>(props: any, prop: string, provided: Ref<T>) {\n  const internal = useProxyModel(props, prop, props[prop] ?? provided.value);\n\n  internal.value = props[prop] ?? provided.value;\n\n  watch(provided, (_v) => {\n    if (props[prop] == null) {\n      internal.value = provided.value;\n    }\n  });\n\n  return internal as Ref<T>;\n}\n\nfunction createProvideFunction(state: { current: Ref<string>; fallback: Ref<string>; messages: Ref<LocaleMessages> }) {\n  return (props: LocaleOptions): LocaleInstance => {\n    const current = useProvided(props, 'locale', state.current);\n    const fallback = useProvided(props, 'fallback', state.fallback);\n    const messages = useProvided(props, 'messages', state.messages);\n\n    return {\n      name: 'vuetify',\n      current,\n      fallback,\n      messages,\n      decimalSeparator: toRef(() => inferDecimalSeparator(current, fallback)),\n      t: createTranslateFunction(current, fallback, messages),\n      n: createNumberFunction(current, fallback),\n      provide: createProvideFunction({ current, fallback, messages })\n    };\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdsLocaleAdapter.js","sources":["../../../../../src/locales/adapters/cdsLocaleAdapter.ts"],"sourcesContent":["import type { LocaleInstance, LocaleMessages, LocaleOptions } from '@cds/composables/useLocale';\nimport { useProxyModel } from '@cds/core';\nimport en from '@cds/locales/en';\nimport ru from '@cds/locales/ru';\nimport { getObjectValueByPath, warn } from '@cds/utils';\nimport { type Ref, ref, shallowRef, toRef, watch } from 'vue';\n\nconst LANG_PREFIX = '$cds.';\n\nconst replace = (str: string, params: unknown[]) => {\n  return str.replace(/\\{(\\d+)\\}/g, (match: string, index: string) => {\n    return String(params[Number(index)]);\n  });\n};\n\nexport function createCdsLocaleAdapter(options?: LocaleOptions): LocaleInstance {\n  const current = shallowRef(options?.locale ?? 'ru');\n  const fallback = shallowRef(options?.fallback ?? 'ru');\n  // Встроенные словари: русский и английский. Словарь языка, переданный в `messages`,\n  // заменяет встроенный целиком — по ключам они не сливаются.\n  const messages = ref({ ru, en, ...options?.messages });\n\n  return {\n    name: 'cds',\n    current,\n    fallback,\n    messages,\n    decimalSeparator: toRef(() => options?.decimalSeparator ?? inferDecimalSeparator(current, fallback)),\n    t: createTranslateFunction(current, fallback, messages),\n    n: createNumberFunction(current, fallback),\n    provide: createProvideFunction({ current, fallback, messages })\n  };\n}\n\nconst createTranslateFunction = (current: Ref<string>, fallback: Ref<string>, messages: Ref<LocaleMessages>) => {\n  return (key: string, ...params: unknown[]) => {\n    if (!key.startsWith(LANG_PREFIX)) {\n      return replace(key, params);\n    }\n\n    const shortKey = key.replace(LANG_PREFIX, '');\n    const currentLocale = current.value && messages.value[current.value];\n    const fallbackLocale = fallback.value && messages.value[fallback.value];\n\n    let str: string = getObjectValueByPath(currentLocale, shortKey, null);\n\n    if (!str) {\n      warn('useLocale', `Translation key \"${key}\" not found in \"${current.value}\", trying fallback locale`);\n      str = getObjectValueByPath(fallbackLocale, shortKey, null);\n    }\n\n    if (!str) {\n      warn('useLocale', `Translation key \"${key}\" not found in fallback`);\n      str = key;\n    }\n\n    if (typeof str !== 'string') {\n      warn('useLocale', `Translation key \"${key}\" has a non-string value`);\n      str = key;\n    }\n\n    return replace(str, params);\n  };\n};\n\nfunction createNumberFunction(current: Ref<string>, fallback: Ref<string>) {\n  return (value: number, options?: Intl.NumberFormatOptions) => {\n    const numberFormat = new Intl.NumberFormat([current.value, fallback.value], options);\n\n    return numberFormat.format(value);\n  };\n}\n\nfunction inferDecimalSeparator(current: Ref<string>, fallback: Ref<string>) {\n  const format = createNumberFunction(current, fallback);\n  return format(0.1).includes(',') ? ',' : '.';\n}\n\nfunction useProvided<T>(props: any, prop: string, provided: Ref<T>) {\n  const internal = useProxyModel(props, prop, props[prop] ?? provided.value);\n\n  internal.value = props[prop] ?? provided.value;\n\n  watch(provided, (_v) => {\n    if (props[prop] == null) {\n      internal.value = provided.value;\n    }\n  });\n\n  return internal as Ref<T>;\n}\n\nfunction createProvideFunction(state: { current: Ref<string>; fallback: Ref<string>; messages: Ref<LocaleMessages> }) {\n  return (props: LocaleOptions): LocaleInstance => {\n    const current = useProvided(props, 'locale', state.current);\n    const fallback = useProvided(props, 'fallback', state.fallback);\n    const messages = useProvided(props, 'messages', state.messages);\n\n    return {\n      name: 'vuetify',\n      current,\n      fallback,\n      messages,\n      decimalSeparator: toRef(() => inferDecimalSeparator(current, fallback)),\n      t: createTranslateFunction(current, fallback, messages),\n      n: createNumberFunction(current, fallback),\n      provide: createProvideFunction({ current, fallback, messages })\n    };\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/es/src/locales/en.js

@@ -0,0 +1,70 @@
+const en = {
+  badge: "Badge",
+  noDataText: "No data available",
+  selectAll: "Select all",
+  close: "Close",
+  open: "Open",
+  dismiss: "Dismiss",
+  confirmEdit: {
+    ok: "OK",
+    cancel: "Cancel"
+  },
+  carousel: {
+    prev: "Previous slide",
+    next: "Next slide",
+    delimiter: "Slide {0} of {1}"
+  },
+  input: {
+    clear: "Clear {0}",
+    otp: "Please enter OTP character",
+    prependAction: "{0} prepended action",
+    appendAction: "{0} appended action"
+  },
+  fileInput: {
+    counter: "{0} files",
+    counterSize: "{0} files ({1} in total)"
+  },
+  fileUpload: {
+    title: "Drag and drop files here",
+    divider: "or",
+    browse: "Browse files"
+  },
+  steps: {
+    prev: "Back",
+    next: "Next"
+  },
+  table: {
+    filterTitle: "Filter menu",
+    filterConfirm: "OK",
+    filterReset: "Reset",
+    filterEmptyText: "No filters",
+    filterCheckAll: "Select all items",
+    filterSearchPlaceholder: "Search in filters",
+    emptyText: "No data",
+    selectAll: "Select current page",
+    selectInvert: "Invert current page",
+    selectNone: "Clear all data",
+    selectionAll: "Select all data",
+    sortTitle: "Sort",
+    expand: "Expand row",
+    collapse: "Collapse row",
+    triggerDesc: "Click to sort descending",
+    triggerAsc: "Click to sort ascending",
+    cancelSort: "Click to cancel sorting",
+    showed: "Showed",
+    from: "from",
+    rowOnPage: "Row on page"
+  },
+  uploader: {
+    uploading: "Uploading...",
+    uploadFile: "Upload file",
+    downloadFile: "Download file",
+    removeFile: "Remove file",
+    uploadError: "Upload error",
+    previewFile: "Preview file"
+  }
+};
+export {
+  en as e
+};
+//# sourceMappingURL=en.js.map

package/dist/es/src/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sources":["../../../../src/locales/en.ts"],"sourcesContent":["export default {\n  badge: 'Badge',\n  noDataText: 'No data available',\n  selectAll: 'Select all',\n  close: 'Close',\n  open: 'Open',\n  dismiss: 'Dismiss',\n  confirmEdit: {\n    ok: 'OK',\n    cancel: 'Cancel'\n  },\n  carousel: {\n    prev: 'Previous slide',\n    next: 'Next slide',\n    delimiter: 'Slide {0} of {1}'\n  },\n  input: {\n    clear: 'Clear {0}',\n    otp: 'Please enter OTP character',\n    prependAction: '{0} prepended action',\n    appendAction: '{0} appended action'\n  },\n  fileInput: {\n    counter: '{0} files',\n    counterSize: '{0} files ({1} in total)'\n  },\n  fileUpload: {\n    title: 'Drag and drop files here',\n    divider: 'or',\n    browse: 'Browse files'\n  },\n  steps: {\n    prev: 'Back',\n    next: 'Next'\n  },\n  table: {\n    filterTitle: 'Filter menu',\n    filterConfirm: 'OK',\n    filterReset: 'Reset',\n    filterEmptyText: 'No filters',\n    filterCheckAll: 'Select all items',\n    filterSearchPlaceholder: 'Search in filters',\n    emptyText: 'No data',\n    selectAll: 'Select current page',\n    selectInvert: 'Invert current page',\n    selectNone: 'Clear all data',\n    selectionAll: 'Select all data',\n    sortTitle: 'Sort',\n    expand: 'Expand row',\n    collapse: 'Collapse row',\n    triggerDesc: 'Click to sort descending',\n    triggerAsc: 'Click to sort ascending',\n    cancelSort: 'Click to cancel sorting',\n    showed: 'Showed',\n    from: 'from',\n    rowOnPage: 'Row on page'\n  },\n  uploader: {\n    uploading: 'Uploading...',\n    uploadFile: 'Upload file',\n    downloadFile: 'Download file',\n    removeFile: 'Remove file',\n    uploadError: 'Upload error',\n    previewFile: 'Preview file'\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAA,KAAe;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,OAAO;AAAA,IACL,OAAO;AAAA,IACP,KAAK;AAAA,IACL,eAAe;AAAA,IACf,cAAc;AAAA,EAAA;AAAA,EAEhB,WAAW;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAAA,EAEf,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,UAAU;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB;"}

package/dist/es/src/locales/index.js

@@ -0,0 +1,18 @@
+import { D as DEFAULT_DATE_LOCALE, d as dateLocales } from "./date/index.js";
+import { e as en } from "./en.js";
+import { r as ru } from "./ru.js";
+import { e as enDate } from "./date/en.js";
+import { r as ruDate } from "./date/ru.js";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_DATE_LOCALE,
+  dateLocales,
+  en,
+  enDate,
+  ru,
+  ruDate
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as i
+};
+//# sourceMappingURL=index.js.map

package/dist/es/src/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/es/src/themes/index.js

@@ -2,6 +2,8 @@ import { b as b2bDark } from "./b2bDark.js";
 import { b as b2bLight } from "./b2bLight.js";
 import { c as cdsDark } from "./cdsDark.js";
 import { c as cdsLight } from "./cdsLight.js";
+import { l as lumaDark } from "./lumaDark.js";
+import { l as lumaLight } from "./lumaLight.js";
 import { p as promoDark } from "./promoDark.js";
 import { p as promoLight } from "./promoLight.js";
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -10,6 +12,8 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   b2bLight,
   cdsDark,
   cdsLight,
+  lumaDark,
+  lumaLight,
   promoDark,
   promoLight
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/es/src/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/es/src/themes/lumaDark.js

@@ -0,0 +1,24 @@
+import { c as cdsDark } from "./cdsDark.js";
+const lumaDark = {
+  ...cdsDark,
+  colors: {
+    ...cdsDark.colors,
+    "surface-secondary": "#24262C",
+    "surface-primary": "#1B1D21",
+    "surface-elevated": "#24262C",
+    "page-primary": "#16171A",
+    "brand-secondary-hover": "#8A1034",
+    "brand-secondary-border": "#A01639",
+    "brand-secondary-active": "#A01639",
+    "brand-secondary": "#6F0C28",
+    "brand-primary-hover": "#8A1034",
+    "brand-primary-content": "#FFD9E1",
+    "brand-primary-border": "#D2154B",
+    "brand-primary-active": "#650B25",
+    "brand-primary": "#D2154B"
+  }
+};
+export {
+  lumaDark as l
+};
+//# sourceMappingURL=lumaDark.js.map

package/dist/es/src/themes/lumaDark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lumaDark.js","sources":["../../../../src/themes/lumaDark.ts"],"sourcesContent":["import cdsDark from './cdsDark';\n\nexport default {\n  ...cdsDark,\n  colors: {\n    ...cdsDark.colors,\n    'surface-secondary': '#24262C',\n    'surface-primary': '#1B1D21',\n    'surface-elevated': '#24262C',\n    'page-primary': '#16171A',\n    'brand-secondary-hover': '#8A1034',\n    'brand-secondary-border': '#A01639',\n    'brand-secondary-active': '#A01639',\n    'brand-secondary': '#6F0C28',\n    'brand-primary-hover': '#8A1034',\n    'brand-primary-content': '#FFD9E1',\n    'brand-primary-border': '#D2154B',\n    'brand-primary-active': '#650B25',\n    'brand-primary': '#D2154B'\n  }\n};\n"],"names":[],"mappings":";AAEA,MAAA,WAAe;AAAA,EACb,GAAG;AAAA,EACH,QAAQ;AAAA,IACN,GAAG,QAAQ;AAAA,IACX,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,EAAA;AAErB;"}

package/dist/es/src/themes/lumaLight.js

@@ -0,0 +1,20 @@
+import { c as cdsLight } from "./cdsLight.js";
+const lumaLight = {
+  ...cdsLight,
+  colors: {
+    ...cdsLight.colors,
+    "brand-secondary-hover": "#F7CFDA",
+    "brand-secondary-border": "#FBE7EC",
+    "brand-secondary-active": "#F0A8BC",
+    "brand-secondary": "#FBE7EC",
+    "brand-primary-hover": "#D2154B",
+    "brand-primary-content": "#7D0E27",
+    "brand-primary-border": "#C71B3C",
+    "brand-primary-active": "#E0476E",
+    "brand-primary": "#C71B3C"
+  }
+};
+export {
+  lumaLight as l
+};
+//# sourceMappingURL=lumaLight.js.map

package/dist/es/src/themes/lumaLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lumaLight.js","sources":["../../../../src/themes/lumaLight.ts"],"sourcesContent":["import cdsLight from './cdsLight';\n\nexport default {\n  ...cdsLight,\n  colors: {\n    ...cdsLight.colors,\n    'brand-secondary-hover': '#F7CFDA',\n    'brand-secondary-border': '#FBE7EC',\n    'brand-secondary-active': '#F0A8BC',\n    'brand-secondary': '#FBE7EC',\n    'brand-primary-hover': '#D2154B',\n    'brand-primary-content': '#7D0E27',\n    'brand-primary-border': '#C71B3C',\n    'brand-primary-active': '#E0476E',\n    'brand-primary': '#C71B3C'\n  }\n};\n"],"names":[],"mappings":";AAEA,MAAA,YAAe;AAAA,EACb,GAAG;AAAA,EACH,QAAQ;AAAA,IACN,GAAG,SAAS;AAAA,IACZ,yBAAyB;AAAA,IACzB,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,EAAA;AAErB;"}

package/dist/es/src/utils/date/date.js

@@ -378,14 +378,14 @@ function endOfDate(date, unit, utc) {
 }
 function getMaxDate(date, ...args) {
   let _date = new Date(date);
-  Array.prototype.slice.call(args, 1).forEach((date2) => {
+  args.forEach((date2) => {
     _date = Math.max(_date, new Date(date2));
   });
   return _date;
 }
 function getMinDate(date, ...args) {
   let _date = new Date(date);
-  Array.prototype.slice.call(args, 1).forEach((date2) => {
+  args.forEach((date2) => {
     _date = Math.min(_date, new Date(date2));
   });
   return _date;
@@ -621,7 +621,7 @@ function formatTimezone(offset, delimiter = "") {
 function applyYearMonthDayChange(date, modified, sign) {
   let year = date.getFullYear();
   let month = date.getMonth();
-  const day = date.getMonth();
+  const day = date.getDate();
   if (modified.year) {
     year += sign * modified.year;
     delete modified.year;
@@ -659,7 +659,7 @@ function applyYearMonthDay(date, modified, middle) {
 function getChange(date, rawModified, sign) {
   const modified = normalizeModified(rawModified);
   const _date = new Date(date);
-  const changedDate = modified.year || modified.month || modified.date ? applyYearMonthDayChange(date, modified, sign) : _date;
+  const changedDate = modified.year || modified.month || modified.date ? applyYearMonthDayChange(_date, modified, sign) : _date;
   for (const key in modified) {
     const op = key.charAt(0).toUpperCase() + key.slice(1);
     changedDate[`set${op}`](