@central-design-system/components 4.0.0-alpha.0 → 4.0.0-alpha.1

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

@@ -1,7 +1,7 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsLayoutConstants } from "./CdsLayout.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLayoutProps = propsFactory(
   {
     /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */

package/dist/es/src/components/CdsLayout/internal/LayoutResizeObserver.js

@@ -1,6 +1,6 @@
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.js";
-import { defineComponent, onMounted, onBeforeUnmount, nextTick } from "vue";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { defineComponent, onMounted, onBeforeUnmount, nextTick } from "vue";
 const hasObserver = IN_BROWSER && typeof ResizeObserver !== "undefined";
 const noop = () => void 0;
 const LayoutResizeObserver = defineComponent({

package/dist/es/src/components/CdsLayout/internal/LayoutScrollObserver.js

@@ -1,7 +1,7 @@
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.js";
-import { defineComponent, onMounted, onBeforeUnmount, watch } from "vue";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
 import { e as getScrollTarget, h as getVerticalScrollPosition, g as getHorizontalScrollPosition } from "../../../utils/dom/getScrollParent.js";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { defineComponent, onMounted, onBeforeUnmount, watch } from "vue";
 const axisValues = ["both", "horizontal", "vertical"];
 const noop = () => void 0;
 const LayoutScrollObserver = defineComponent({

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, createVNode, mergeProps, unref } from "vue";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useText } from "../../composables/useText/useText.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsLinkConstants } from "./api/CdsLink.constants.js";
 import { d as defineCdsLinkProps } from "./api/CdsLink.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLinkConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsLinkConstants } from "./CdsLink.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLinkProps = propsFactory(
   {
     /** Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1 */

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

@@ -1,15 +1,15 @@
 import { defineComponent, useSlots, useAttrs, useId, toRef, watch, unref, createVNode } from "vue";
 import { b as useNested } from "../../composables/useNested/useNested.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
+import { u as convertToUnit } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsListConstants } from "./api/CdsList.constants.js";
 import { b as defineCdsListProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.js";
 import { p as provideList, c as createList } from "./composables/useList.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { u as convertToUnit } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListConstants.name

package/dist/es/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.js

@@ -7,11 +7,11 @@ import { u as useSsrBoot } from "../../composables/useSsrBoot/useSsrBoot.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as CdsTransitionExpand } from "../../transitions/index.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as CdsListGroupConstants } from "./api/CdsList.constants.js";
 import { c as defineCdsListGroupProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$2 } from "./components/ListGroupActivator.vue_vue_type_script_setup_true_lang.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListGroupConstants.name

package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js

@@ -5,17 +5,17 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { u as useList } from "./composables/useList.js";
 import { a as useNestedItem } from "../../composables/useNested/useNested.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as CdsListItemConstants, C as CdsListConstants } from "./api/CdsList.constants.js";
 import { a as defineCdsListItemProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
-import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemConstants.name

package/dist/es/src/components/CdsList/CdsListItemAction.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
-import { i as CdsListItemActionConstants } from "./api/CdsList.constants.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { i as CdsListItemActionConstants } from "./api/CdsList.constants.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemActionConstants.name

package/dist/es/src/components/CdsList/CdsListItemDivider.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, mergeProps } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { d as CdsListItemDividerConstants } from "./api/CdsList.constants.js";
 import { e as defineCdsListItemDividerProps } from "./api/CdsList.props.js";
 import { C as CdsDivider } from "../CdsDivider/index.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemDividerConstants.name

package/dist/es/src/components/CdsList/CdsListItemMedia.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
-import { k as CdsListItemMediaConstants } from "./api/CdsList.constants.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { k as CdsListItemMediaConstants } from "./api/CdsList.constants.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemMediaConstants.name

package/dist/es/src/components/CdsList/CdsListSubheader.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as CdsListSubheaderConstants } from "./api/CdsList.constants.js";
 import { d as defineCdsListSubheaderProps } from "./api/CdsList.props.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListSubheaderConstants.name

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

@@ -4,13 +4,13 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
 import { d as defineNestedProps } from "../../../composables/useNested/useNested.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
+import { E as EventProp, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { E as EventProp, a7 as pick } from "../../../utils/helpers.js";
 const defineCdsListProps = propsFactory(
   {
     /** Класс, применяемый к элементам списка, когда они находятся в активном состоянии */

package/dist/es/src/components/CdsList/composables/useList.js

@@ -1,8 +1,8 @@
 import { u as useItems } from "../../../composables/useItems/useItems.js";
 import { u as useProxyModel } from "../../../core/useProxyModel.js";
+import { H as focusChild, _ as keyNames } from "../../../utils/helpers.js";
 import { inject, ref, shallowRef, useId, provide, unref } from "vue";
 import { e as CdsListSymbol } from "../api/CdsList.constants.js";
-import { H as focusChild, _ as keyNames } from "../../../utils/helpers.js";
 function createList(options = { filterable: false }) {
   const parent = inject(CdsListSymbol, {
     filterable: false,

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

@@ -1,10 +1,10 @@
 import { defineComponent, useAttrs, createVNode, unref, mergeProps } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsLoaderConstants } from "./api/CdsLoader.constants.js";
 import { d as defineCdsLoaderProps } from "./api/CdsLoader.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLoaderConstants.name,

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { w as warn } from "../../utils/dom/console.js";
 import { C as CdsMainConstants } from "./api/CdsMain.constants.js";
 import { d as defineCdsMainProps } from "./api/CdsMain.props.js";
 import { p as provideMain } from "./context.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { w as warn } from "../../utils/dom/console.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMainConstants.name

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

@@ -8,10 +8,10 @@ import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
-import { a as CdsMenuConstants, C as CdsMenuSymbol } from "./api/CdsMenu.constants.js";
-import { d as defineCdsMenuProps } from "./api/CdsMenu.props.js";
 import { O as isClickInsideElement, _ as keyNames, H as focusChild, e as includes, K as getNextElement, I as focusableChildren } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { a as CdsMenuConstants, C as CdsMenuSymbol } from "./api/CdsMenu.constants.js";
+import { d as defineCdsMenuProps } from "./api/CdsMenu.props.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMenuConstants.name

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

@@ -1,7 +1,7 @@
 import { d as defineCdsOverlayProps } from "../../CdsOverlay/api/CdsOverlay.props.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { a as CdsMenuConstants } from "./CdsMenu.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { a as CdsMenuConstants } from "./CdsMenu.constants.js";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.js";
 const defineCdsMenuProps = propsFactory(
   {

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { ac as wrapInArray } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsMessagesConstants } from "./api/CdsMessages.constants.js";
 import { d as defineCdsMessagesProps } from "./api/CdsMessages.props.js";
-import { ac as wrapInArray } from "../../utils/helpers.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMessagesConstants.name

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

@@ -7,9 +7,9 @@ import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsModalConstants } from "./api/CdsModal.constants.js";
 import { d as defineCdsModalProps } from "./api/CdsModal.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsModalConstants.name

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

@@ -2,16 +2,16 @@ import { defineComponent, useSlots, toRef, unref, createVNode, mergeProps } from
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
 import { u as useText } from "../../composables/useText/useText.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsNotificationConstants, n as notificationStatusIcons } from "./api/CdsNotification.constants.js";
 import { d as defineCdsNotificationProps } from "./api/CdsNotification.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsNotificationConstants.name

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

@@ -1,11 +1,11 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsNotificationConstants } from "./CdsNotification.constants.js";
 import { a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsNotificationConstants } from "./CdsNotification.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsNotificationProps = propsFactory(
   {

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

@@ -8,11 +8,11 @@ import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { d as deprecate } from "../../utils/dom/console.js";
 import { C as CdsNotificationAlertConstants } from "./api/CdsNotificationAlert.constants.js";
 import { d as defineCdsNotificationAlertProps } from "./api/CdsNotificationAlert.props.js";
 import { u as useNotificationStack } from "./composables/useNotificationStack.js";
-import { d as deprecate } from "../../utils/dom/console.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsNotificationAlertConstants.name

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

@@ -6,8 +6,8 @@ import { d as defineStatusProps } from "../../../composables/useStatus/useStatus
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
 import { a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsNotificationAlertConstants } from "./CdsNotificationAlert.constants.js";
 import { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsNotificationAlertConstants } from "./CdsNotificationAlert.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsNotificationAlertProps = propsFactory(
   {

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

@@ -7,12 +7,16 @@ import { a as useRouter, b as useBackButton } from "../../composables/useRouter/
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStack } from "../../composables/useStack/useStack.js";
 import { u as useTeleport } from "../../composables/useTeleport/useTeleport.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { s as standardEasing, M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { u as useToggleScope } from "../../core/useToggleScope.js";
+import { u as convertToUnit } from "../../utils/helpers.js";
+import { a as animate } from "../../utils/dom/animation.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.js";
+import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsOverlayConstants } from "./api/CdsOverlay.constants.js";
 import { d as defineCdsOverlayProps } from "./api/CdsOverlay.props.js";
 import { S as Scrim } from "./components/Scrim.js";
@@ -20,19 +24,15 @@ import { u as useActivator } from "./composables/useActivator.js";
 import { u as useLocationStrategies } from "./composables/useLocationStrategies.js";
 import { u as useScrollStrategies } from "./composables/useScrollStrategies.js";
 import { C as ClickOutside } from "../../directives/click-outside/index.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
-import { c as getScrollParent } from "../../utils/dom/getScrollParent.js";
-import { a as IN_BROWSER } from "../../utils/dom/globals.js";
-import { a as animate } from "../../utils/dom/animation.js";
-import { u as convertToUnit } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsOverlayConstants.name,
     inheritAttrs: false,
     directives: {
-      vClickOutside: ClickOutside
+      ClickOutside
     }
   },
   __name: "CdsOverlay",

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 as vClickOutside } 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: { vClickOutside }\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  /** Корневой 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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"}

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

@@ -3,12 +3,12 @@ import { d as defineScrollStrategiesProps } from "../composables/useScrollStrate
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineFocusTrapProps } from "../../../composables/useFocus/useFocusTrap.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { d as defineActivatorProps } from "../composables/useActivator.js";
 import { C as CdsOverlayConstants } from "./CdsOverlay.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsOverlayProps = propsFactory(
   {

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

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, unref } from "vue";
-import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { c as classNames } from "../../../utils/dom/classNames.js";
+import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.js";
 function Scrim(props) {
   const restProps = omit(props, ["modelValue", "color"]);
   return createVNode(Transition, {

package/dist/es/src/components/CdsOverlay/composables/useActivator.js

@@ -2,10 +2,10 @@ import { C as CdsMenuSymbol } from "../../CdsMenu/api/CdsMenu.constants.js";
 import { d as defineDelayProps, u as useDelay } from "../../../composables/useDelay/useDelay.js";
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
 import { ab as templateRef, a0 as matchesSelector } from "../../../utils/helpers.js";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
 import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.js";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
 const defineActivatorProps = propsFactory({
   /** Элемент, который будет активировать компонент */
   activator: [String, Object],

package/dist/es/src/components/CdsOverlay/composables/useLocationStrategies.js

@@ -1,14 +1,14 @@
 import { a as anchorToPoint, g as getOffset } from "../utils/point.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { u as useToggleScope } from "../../../core/useToggleScope.js";
-import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 import { Q as isFixedPosition, z as destructComputed, x as deepEqual, u as convertToUnit, c as clamp, C as CircularBuffer } from "../../../utils/helpers.js";
 import { p as parseAnchor, b as flipSide, f as flipAlign, a as flipCorner, g as getAxis } from "../../../utils/dom/anchor.js";
+import { n as nullifyTransforms } from "../../../utils/dom/animation.js";
 import { B as Box, b as getTargetBox, g as getElementBox, a as getOverflow } from "../../../utils/dom/box.js";
-import { d as getScrollParents } from "../../../utils/dom/getScrollParent.js";
 import { e as error } from "../../../utils/dom/console.js";
-import { n as nullifyTransforms } from "../../../utils/dom/animation.js";
+import { d as getScrollParents } from "../../../utils/dom/getScrollParent.js";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 const locationStrategies = {
   static: staticLocationStrategy,
   // specific viewport position, usually centered

package/dist/es/src/components/CdsOverlay/composables/useScrollStrategies.js

@@ -1,9 +1,9 @@
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { onScopeDispose, watchEffect, effectScope } from "vue";
-import { r as requestNewFrame } from "../utils/requestNewFrame.js";
-import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.js";
 import { u as convertToUnit } from "../../../utils/helpers.js";
+import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.js";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { onScopeDispose, watchEffect, effectScope } from "vue";
+import { r as requestNewFrame } from "../utils/requestNewFrame.js";
 const scrollStrategies = {
   none: null,
   close: closeScrollStrategy,

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { w as warn } from "../../utils/dom/console.js";
 import { u as useInjectMain } from "../CdsMain/context.js";
 import { C as CdsPageConstants } from "./api/CdsPage.constants.js";
 import { d as defineCdsPageProps } from "./api/CdsPage.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { w as warn } from "../../utils/dom/console.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPageConstants.name

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

@@ -1,17 +1,17 @@
 import { defineComponent, useSlots, shallowRef, ref, computed, unref, createVNode, nextTick } from "vue";
 import { u as useDisabled } from "../../composables/useDisabled/useDisabled.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { v as createRange, _ as keyNames } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsPaginationConstants } from "./api/CdsPagination.constants.js";
 import { d as defineCdsPaginationProps } from "./api/CdsPagination.props.js";
-import { v as createRange, _ as keyNames } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPaginationConstants.name