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

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

@@ -6,14 +6,14 @@ import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { l as isObject, u as convertToUnit } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as CdsTabsConstants, d as CdsTabsSymbol } from "./api/CdsTabs.constants.js";
 import { c as defineCdsTabsProps } from "./api/CdsTabs.props.js";
 import { _ as _sfc_main$1 } from "./CdsTab.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$2 } from "./CdsTabsView.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$3 } from "./CdsTabsViewItem.vue_vue_type_script_setup_true_lang.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
-import { l as isObject, u as convertToUnit } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTabsConstants.name

package/dist/es/src/components/CdsTabs/CdsTabsView.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,8 @@ import { a as defineCdsTabsView } from "./api/CdsTabs.props.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
-import { a as CdsTabsViewConstants, d as CdsTabsSymbol } from "./api/CdsTabs.constants.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { a as CdsTabsViewConstants, d as CdsTabsSymbol } from "./api/CdsTabs.constants.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTabsViewConstants.name

package/dist/es/src/components/CdsTabs/CdsTabsViewItem.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import { a as CdsSlideViewItem } from "../CdsSlideView/index.js";
 import { a as defineCdsSlideViewItemProps } from "../CdsSlideView/api/CdsSlideView.props.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as CdsTabsViewItemConstants } from "./api/CdsTabs.constants.js";
 import { b as defineCdsTabsViewItem } from "./api/CdsTabs.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTabsViewItemConstants.name

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

@@ -4,8 +4,8 @@ import { d as defineCdsSlideViewProps, a as defineCdsSlideViewItemProps } from "
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
 import { a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsTabConstants, a as CdsTabsViewConstants, b as CdsTabsViewItemConstants, c as CdsTabsConstants } from "./CdsTabs.constants.js";
 import { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsTabConstants, a as CdsTabsViewConstants, b as CdsTabsViewItemConstants, c as CdsTabsConstants } from "./CdsTabs.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTabProps = propsFactory(
   {

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

@@ -25,13 +25,18 @@
     min-width: 0;
     max-width: 100%;
     height: calc(24px / var(--cds-base-unit) * 1rem);
+    padding-block: 0;
     padding-inline: var(--cds-spacing-200);
+    margin: 0;
     overflow: hidden;
     vertical-align: middle;
     color: rgb(var(--cds-color-content-primary));
+    text-align: left;
     white-space: nowrap;
     text-decoration: none;
+    appearance: none;
     background: rgb(var(--cds-color-fill-secondary));
+    border: none;
     border-radius: var(--cds-border-radius-300);
     font-family: inherit;
     font-size: var(--cds-font-size-100);

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

@@ -8,10 +8,10 @@ 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 { a as CdsTransitionExpandX } from "../../transitions/index.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagConstants, a as CdsTagGroupSymbol } from "./api/CdsTag.constants.js";
 import { d as defineCdsTagProps } from "./api/CdsTag.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsAvatar } from "../CdsAvatar/index.js";
@@ -118,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [`${props.activeClass}`]: props.activeClass && ((_a = link.isActive) == null ? void 0 : _a.value)
         }, unref(themeClasses), unref(sizeClasses), unref(backgroundColorClasses), unref(textColorClasses), unref(group == null ? void 0 : group.selectedClass), props.class),
         "style": [unref(textColorStyles), unref(backgroundColorStyles), props.style],
+        "type": Tag === "button" ? "button" : void 0,
         "disabled": props.disabled || void 0,
         "draggable": props.draggable,
         "tabindex": unref(isClickable) ? 0 : void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTag.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTag/CdsTag.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTag.scss';\n\nimport { CdsAvatar, CdsDefaultsProvider, CdsIcon } from '@cds/components';\nimport { CdsSlideGroupSymbol } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.constants';\nimport { useBackgroundColor, useTextColor } from '@cds/composables';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsTagConstants, CdsTagGroupSymbol } from './api/CdsTag.constants';\nimport { defineCdsTagProps } from './api/CdsTag.props';\nimport type { CdsTagEvents, CdsTagSlots } from './api/CdsTag.types';\n\ndefineOptions({\n  name: CdsTagConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagSlots>();\nconst attrs = useAttrs();\nconst emit = defineEmits([\"click\", \"click:close\", \"update:modelValue\", \"group:selected\"]);\n\nconst { t } = useLocale();\nconst { sizeClasses } = useSize(props);\nconst { themeClasses } = provideTheme(props);\nconst { displayText } = useText(props);\n\nconst isActive = useProxyModel(props, 'modelValue');\n\nconst group = useGroupItem(props, CdsTagGroupSymbol, false);\nconst slideGroup = useGroupItem(props, CdsSlideGroupSymbol, false);\n\n// Цвет — inline-стиль, поэтому он перекрывает состояния из CSS. Заблокированный\n// тег красит `.cds-tag--disabled`, а выбранный в группе без `activeColor` —\n// сама группа (`.cds-tag--selected`): в этих состояниях свой цвет не применяем.\nconst isSelectedInGroup = computed(() => !!unref(group?.isSelected));\nconst color = computed(() => {\n  if (props.disabled) return undefined;\n\n  return unref(isSelectedInGroup) ? props.activeColor : props.color;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(color, 'fill');\nconst { textColorClasses, textColorStyles } = useTextColor(\n  () => (props.disabled ? undefined : props.textColor),\n  'content'\n);\n\nconst link = useLink(props, attrs);\nconst isLink = toRef(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value)\n);\nconst closeProps = toRef(() => ({\n  'aria-label': t(props.closeLabel),\n  disabled: !!props.disabled,\n  onClick(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    isActive.value = false;\n\n    emit('click:close', e);\n  }\n}));\n\nwatch(isActive, (val) => {\n  if (val) {\n    group?.register();\n    slideGroup?.register();\n  } else {\n    group?.unregister();\n    slideGroup?.unregister();\n  }\n});\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n\n  if (!isClickable.value) return;\n\n  link.navigate.value?.(e);\n  group?.toggle();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsTagConstants;\n  const Tag = link.isLink.value ? 'a' : props.tag;\n\n  const hasAppendMedia = !!(props.appendIcon || props.appendAvatar);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasClose = !!(slots.close || props.closable || props.removable);\n  const hasFilter = !!(slots.filter || props.filter) && group;\n  const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  return (\n    unref(isActive) && (\n      <Tag\n        {...link.linkProps}\n        class={classNames(\n          rootClass,\n          {\n            [`${rootClass}--disabled`]: props.disabled,\n            [`${rootClass}--label`]: props.label,\n            [`${rootClass}--link`]: unref(isClickable),\n            [`${rootClass}--filter`]: hasFilter,\n            [`${rootClass}--pill`]: props.pill,\n            [`${props.activeClass}`]: props.activeClass && link.isActive?.value\n          },\n          unref(themeClasses),\n          unref(sizeClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(group?.selectedClass),\n          props.class\n        )}\n        style={[unref(textColorStyles), unref(backgroundColorStyles), props.style]}\n        disabled={props.disabled || undefined}\n        draggable={props.draggable}\n        tabindex={unref(isClickable) ? 0 : undefined}\n        onClick={onClick}\n        onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n      >\n        {hasFilter && (\n          <CdsTransitionExpandX key=\"filter\">\n            <div class={`${rootClass}__filter`} v-show={group.isSelected.value}>\n              {!slots.filter ? (\n                <CdsIcon key=\"filter-icon\" icon={props.filterIcon} />\n              ) : (\n                <CdsDefaultsProvider\n                  key=\"filter-defaults\"\n                  disabled={!props.filterIcon}\n                  defaults={{\n                    CdsIcon: { icon: props.filterIcon }\n                  }}\n                  v-slots:default={slots.filter}\n                />\n              )}\n            </div>\n          </CdsTransitionExpandX>\n        )}\n\n        {hasPrepend && (\n          <div key=\"prepend\" class={`${rootClass}__prepend`}>\n            {!slots.prepend ? (\n              <>\n                {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} start />}\n                {props.prependAvatar && (\n                  <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} size={props.size} start />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"prepend-defaults\"\n                disabled={!hasPrependMedia}\n                defaults={{\n                  CdsAvatar: {\n                    image: props.prependAvatar,\n                    start: true\n                  },\n                  CdsIcon: {\n                    icon: props.prependIcon,\n                    start: true\n                  }\n                }}\n                v-slots:default={slots.prepend}\n              />\n            )}\n          </div>\n        )}\n\n        <div class={`${rootClass}__content`} data-no-activator=\"\">\n          {slots.default?.({\n            value: unref(group?.value),\n            isSelected: unref(group?.isSelected),\n            selectedClass: unref(group?.selectedClass),\n            disabled: !!props.disabled,\n            select: group?.select,\n            toggle: group?.toggle\n          }) ?? unref(displayText)}\n        </div>\n\n        {hasAppend && (\n          <div key=\"append\" class={`${rootClass}__append`}>\n            {!slots.append ? (\n              <>\n                {props.appendIcon && <CdsIcon key=\"append-icon\" end icon={props.appendIcon} />}\n                {props.appendAvatar && (\n                  <CdsAvatar key=\"append-avatar\" end image={props.appendAvatar} size={props.size} />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"append-defaults\"\n                disabled={!hasAppendMedia}\n                defaults={{\n                  CdsAvatar: {\n                    end: true,\n                    image: props.appendAvatar\n                  },\n                  CdsIcon: {\n                    end: true,\n                    icon: props.appendIcon\n                  }\n                }}\n                v-slots:default={slots.append}\n              />\n            )}\n          </div>\n        )}\n\n        {hasClose && (\n          <button key=\"close\" class={`${rootClass}__close`} type=\"button\" {...unref(closeProps)}>\n            {!slots.close ? (\n              <CdsIcon key=\"close-icon\" icon={props.closeIcon} size=\"sm\" />\n            ) : (\n              <CdsDefaultsProvider\n                key=\"close-defaults\"\n                defaults={{\n                  CdsIcon: {\n                    icon: props.closeIcon,\n                    size: 'sm'\n                  }\n                }}\n                v-slots:default={slots.close}\n              />\n            )}\n          </button>\n        )}\n      </Tag>\n    )\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","emit","__emit","t","useLocale","sizeClasses","useSize","themeClasses","provideTheme","displayText","useText","isActive","useProxyModel","group","useGroupItem","CdsTagGroupSymbol","slideGroup","CdsSlideGroupSymbol","isSelectedInGroup","computed","unref","isSelected","color","disabled","undefined","activeColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","textColorClasses","textColorStyles","useTextColor","textColor","link","useLink","isLink","toRef","value","isClickable","closeProps","closeLabel","onClick","e","preventDefault","stopPropagation","watch","val","register","unregister","navigate","toggle","onKeyDown","key","rootClass","CdsTagConstants","Tag","tag","hasAppendMedia","appendIcon","appendAvatar","hasAppend","append","hasClose","close","closable","removable","hasFilter","filter","hasPrependMedia","prependIcon","prependAvatar","hasPrepend","prepend","_createVNode","_mergeProps","linkProps","classNames","label","pill","activeClass","selectedClass","class","style","draggable","default","CdsTransitionExpandX","_withDirectives","CdsIcon","filterIcon","CdsDefaultsProvider","icon","_vShow","_Fragment","CdsAvatar","size","image","start","select","end","closeIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AACd,UAAMC,QAAQC,SAAQ;AACtB,UAAMC,OAAOC;AAEb,UAAM;AAAA,MAAEC;AAAAA,QAAMC,UAAS;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAY,IAAIC,QAAQX,KAAK;AACrC,UAAM;AAAA,MAAEY;AAAAA,IAAa,IAAIC,aAAab,KAAK;AAC3C,UAAM;AAAA,MAAEc;AAAAA,IAAY,IAAIC,QAAQf,KAAK;AAErC,UAAMgB,WAAWC,cAAcjB,OAAO,YAAY;AAElD,UAAMkB,QAAQC,aAAanB,OAAOoB,mBAAmB,KAAK;AAC1D,UAAMC,aAAaF,aAAanB,OAAOsB,qBAAqB,KAAK;AAKjE,UAAMC,oBAAoBC,SAAS,MAAM,CAAC,CAACC,MAAMP,+BAAOQ,UAAU,CAAC;AACnE,UAAMC,QAAQH,SAAS,MAAM;AAC3B,UAAIxB,MAAM4B,SAAU,QAAOC;AAE3B,aAAOJ,MAAMF,iBAAiB,IAAIvB,MAAM8B,cAAc9B,MAAM2B;AAAAA,IAC9D,CAAC;AAED,UAAM;AAAA,MAAEI;AAAAA,MAAwBC;AAAAA,IAAsB,IAAIC,mBAAmBN,OAAO,MAAM;AAC1F,UAAM;AAAA,MAAEO;AAAAA,MAAkBC;AAAAA,IAAgB,IAAIC,aAC5C,MAAOpC,MAAM4B,WAAWC,SAAY7B,MAAMqC,WAC1C,SACF;AAEA,UAAMC,OAAOC,QAAQvC,OAAOI,KAAK;AACjC,UAAMoC,SAASC,MAAM,MAAMzC,MAAMsC,SAAS,SAASA,KAAKE,OAAOE,KAAK;AACpE,UAAMC,cAAcnB,SAClB,MAAM,CAACxB,MAAM4B,YAAY5B,MAAMsC,SAAS,UAAU,CAAC,CAACpB,SAASlB,MAAMsC,QAAQA,KAAKK,YAAYD,MAC9F;AACA,UAAME,aAAaH,MAAM,OAAO;AAAA,MAC9B,cAAcjC,EAAER,MAAM6C,UAAU;AAAA,MAChCjB,UAAU,CAAC,CAAC5B,MAAM4B;AAAAA,MAClBkB,QAAQC,GAAe;AACrBA,UAAEC,eAAc;AAChBD,UAAEE,gBAAe;AAEjBjC,iBAAS0B,QAAQ;AAEjBpC,aAAK,eAAeyC,CAAC;AAAA,MACvB;AAAA,IACF,EAAE;AAEFG,UAAMlC,UAAWmC,SAAQ;AACvB,UAAIA,KAAK;AACPjC,uCAAOkC;AACP/B,iDAAY+B;AAAAA,MACd,OAAO;AACLlC,uCAAOmC;AACPhC,iDAAYgC;AAAAA,MACd;AAAA,IACF,CAAC;AAED,aAASP,QAAQC,GAAe;;AAC9BzC,WAAK,SAASyC,CAAC;AAEf,UAAI,CAACJ,YAAYD,MAAO;AAExBJ,uBAAKgB,UAASZ,UAAdJ,4BAAsBS;AACtB7B,qCAAOqC;AAAAA,IACT;AAEA,aAASC,UAAUT,GAAkB;AACnC,UAAIA,EAAEU,QAAQ,WAAWV,EAAEU,QAAQ,KAAK;AACtCV,UAAEC,eAAc;AAChBF,gBAAQC,CAAsB;AAAA,MAChC;AAAA,IACF;WAEa,MAAM;;AACjB,YAAM;AAAA,QAAEW;AAAAA,MAAU,IAAIC;AACtB,YAAMC,MAAMtB,KAAKE,OAAOE,QAAQ,MAAM1C,MAAM6D;AAE5C,YAAMC,iBAAiB,CAAC,EAAE9D,MAAM+D,cAAc/D,MAAMgE;AACpD,YAAMC,YAAY,CAAC,EAAEH,kBAAkB5D,MAAMgE;AAC7C,YAAMC,WAAW,CAAC,EAAEjE,MAAMkE,SAASpE,MAAMqE,YAAYrE,MAAMsE;AAC3D,YAAMC,YAAY,CAAC,EAAErE,MAAMsE,UAAUxE,MAAMwE,WAAWtD;AACtD,YAAMuD,kBAAkB,CAAC,EAAEzE,MAAM0E,eAAe1E,MAAM2E;AACtD,YAAMC,aAAa,CAAC,EAAEH,mBAAmBvE,MAAM2E;AAE/C,aACEpD,MAAMT,QAAQ,KAAC8D,YAAAlB,KAAAmB,WAEPzC,KAAK0C,WAAS;AAAA,QAAA,SACXC,WACLvB,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,YAAY,GAAG1D,MAAM4B;AAAAA,UAClC,CAAC,GAAG8B,SAAS,SAAS,GAAG1D,MAAMkF;AAAAA,UAC/B,CAAC,GAAGxB,SAAS,QAAQ,GAAGjC,MAAMkB,WAAW;AAAA,UACzC,CAAC,GAAGe,SAAS,UAAU,GAAGa;AAAAA,UAC1B,CAAC,GAAGb,SAAS,QAAQ,GAAG1D,MAAMmF;AAAAA,UAC9B,CAAC,GAAGnF,MAAMoF,WAAW,EAAE,GAAGpF,MAAMoF,iBAAe9C,UAAKtB,aAALsB,mBAAeI;AAAAA,QAChE,GACAjB,MAAMb,YAAY,GAClBa,MAAMf,WAAW,GACjBe,MAAMM,sBAAsB,GAC5BN,MAAMS,gBAAgB,GACtBT,MAAMP,+BAAOmE,aAAa,GAC1BrF,MAAMsF,KACR;AAAA,QAAC,SACM,CAAC7D,MAAMU,eAAe,GAAGV,MAAMO,qBAAqB,GAAGhC,MAAMuF,KAAK;AAAA,QAAC,YAChEvF,MAAM4B,YAAYC;AAAAA,QAAS,aAC1B7B,MAAMwF;AAAAA,QAAS,YAChB/D,MAAMkB,WAAW,IAAI,IAAId;AAAAA,QAAS,WACnCiB;AAAAA,QAAO,aACLrB,MAAMkB,WAAW,KAAK,CAAClB,MAAMe,MAAM,KAAKgB;AAAAA,MAAS,CAAA,GAAA;AAAA,QAAAiC,SAAAA,MAAAA;;AAAA,kBAE3DlB,aAASO,YAAAY,sBAAA;AAAA,YAAA,OAAA;AAAA,UAAA,GAAA;AAAA,YAAAD,SAAAA,MAAA,CAAAE,eAAAb,YAAA,OAAA;AAAA,cAAA,SAEM,GAAGpB,SAAS;AAAA,YAAU,GAAA,CAC/B,CAACxD,MAAMsE,SAAMM,YAAAc,SAAA;AAAA,cAAA,OAAA;AAAA,cAAA,QACqB5F,MAAM6F;AAAAA,eAAU,IAAA,IAAAf,YAAAgB,qBAAA;AAAA,cAAA,OAAA;AAAA,cAAA,YAIrC,CAAC9F,MAAM6F;AAAAA,cAAU,YACjB;AAAA,gBACRD,SAAS;AAAA,kBAAEG,MAAM/F,MAAM6F;AAAAA,gBAAW;AAAA,cACpC;AAAA,eACiB3F,MAAMsE,MAAM,CAEhC,CAAA,GAAA,CAAA,CAAAwB,OAZyC9E,MAAMQ,WAAWgB,KAAK,CAAA,CAAA,CAAA;AAAA,WAAA,GAiBrEkC,cAAUE,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACiB,GAAGpB,SAAS;AAAA,UAAW,GAAA,CAC9C,CAACxD,MAAM2E,UAAOC,YAAAmB,UAAA,MAAA,CAEVjG,MAAM0E,eAAWI,YAAAc,SAAA;AAAA,YAAA,OAAA;AAAA,YAAA,QAAsC5F,MAAM0E;AAAAA,YAAW,SAAA;AAAA,UAAA,GAAA,IAAA,GACxE1E,MAAM2E,iBAAaG,YAAAoB,WAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACqBlG,MAAM2E;AAAAA,YAAa,QAAQ3E,MAAMmG;AAAAA,YAAI,SAAA;AAAA,aAAA,IAAA,CAC7E,CAAA,IAAArB,YAAAgB,qBAAA;AAAA,YAAA,OAAA;AAAA,YAAA,YAKS,CAACrB;AAAAA,YAAe,YAChB;AAAA,cACRyB,WAAW;AAAA,gBACTE,OAAOpG,MAAM2E;AAAAA,gBACb0B,OAAO;AAAA;cAETT,SAAS;AAAA,gBACPG,MAAM/F,MAAM0E;AAAAA,gBACZ2B,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UAAC,GACgBnG,MAAM2E,OAAO,CAEjC,CAAA,GAEJC,YAAA,OAAA;AAAA,YAAA,SAEW,GAAGpB,SAAS;AAAA,YAAW,qBAAA;AAAA,aAAA,GAChCxD,MAAAA,MAAMuF,YAANvF,gBAAAA,IAAAA,YAAgB;AAAA,YACfwC,OAAOjB,MAAMP,+BAAOwB,KAAK;AAAA,YACzBhB,YAAYD,MAAMP,+BAAOQ,UAAU;AAAA,YACnC2D,eAAe5D,MAAMP,+BAAOmE,aAAa;AAAA,YACzCzD,UAAU,CAAC,CAAC5B,MAAM4B;AAAAA,YAClB0E,QAAQpF,+BAAOoF;AAAAA,YACf/C,QAAQrC,+BAAOqC;AAAAA,iBACX9B,MAAMX,WAAW,CAAC,CAAA,GAGzBmD,aAASa,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACiB,GAAGpB,SAAS;AAAA,UAAU,GAAA,CAC5C,CAACxD,MAAMgE,SAAMY,YAAAmB,UAAA,MAAA,CAETjG,MAAM+D,cAAUe,YAAAc,SAAA;AAAA,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,QAAyC5F,MAAM+D;AAAAA,UAAU,GAAA,IAAA,GACzE/D,MAAMgE,gBAAYc,YAAAoB,WAAA;AAAA,YAAA,OAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACyBlG,MAAMgE;AAAAA,YAAY,QAAQhE,MAAMmG;AAAAA,aAAI,IAAA,CAC/E,CAAA,IAAArB,YAAAgB,qBAAA;AAAA,YAAA,OAAA;AAAA,YAAA,YAKS,CAAChC;AAAAA,YAAc,YACf;AAAA,cACRoC,WAAW;AAAA,gBACTK,KAAK;AAAA,gBACLH,OAAOpG,MAAMgE;AAAAA;cAEf4B,SAAS;AAAA,gBACPW,KAAK;AAAA,gBACLR,MAAM/F,MAAM+D;AAAAA,cACd;AAAA,YACF;AAAA,aACiB7D,MAAMgE,MAAM,CAEhC,CAAA,GAIJC,YAAQW,YAAA,UAAAC,WAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SACoB,GAAGrB,SAAS;AAAA,YAAS,QAAA;AAAA,UAAA,GAAoBjC,MAAMmB,UAAU,CAAC,GAAA,CAClF,CAAC1C,MAAMkE,QAAKU,YAAAc,SAAA;AAAA,YAAA,OAAA;AAAA,YAAA,QACqB5F,MAAMwG;AAAAA,YAAS,QAAA;AAAA,aAAA,IAAA,IAAA1B,YAAAgB,qBAAA;AAAA,YAAA,OAAA;AAAA,YAAA,YAInC;AAAA,cACRF,SAAS;AAAA,gBACPG,MAAM/F,MAAMwG;AAAAA,gBACZL,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UAAC,GACgBjG,MAAMkE,KAAK,CAE/B,CAAA,CAEJ;AAAA;AAAA,OAAA;AAAA,IAIT;AAAA;;"}
+{"version":3,"file":"CdsTag.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTag/CdsTag.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTag.scss';\n\nimport { CdsAvatar, CdsDefaultsProvider, CdsIcon } from '@cds/components';\nimport { CdsSlideGroupSymbol } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.constants';\nimport { useBackgroundColor, useTextColor } from '@cds/composables';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsTagConstants, CdsTagGroupSymbol } from './api/CdsTag.constants';\nimport { defineCdsTagProps } from './api/CdsTag.props';\nimport type { CdsTagEvents, CdsTagSlots } from './api/CdsTag.types';\n\ndefineOptions({\n  name: CdsTagConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagSlots>();\nconst attrs = useAttrs();\nconst emit = defineEmits([\"click\", \"click:close\", \"update:modelValue\", \"group:selected\"]);\n\nconst { t } = useLocale();\nconst { sizeClasses } = useSize(props);\nconst { themeClasses } = provideTheme(props);\nconst { displayText } = useText(props);\n\nconst isActive = useProxyModel(props, 'modelValue');\n\nconst group = useGroupItem(props, CdsTagGroupSymbol, false);\nconst slideGroup = useGroupItem(props, CdsSlideGroupSymbol, false);\n\n// Цвет — inline-стиль, поэтому он перекрывает состояния из CSS. Заблокированный\n// тег красит `.cds-tag--disabled`, а выбранный в группе без `activeColor` —\n// сама группа (`.cds-tag--selected`): в этих состояниях свой цвет не применяем.\nconst isSelectedInGroup = computed(() => !!unref(group?.isSelected));\nconst color = computed(() => {\n  if (props.disabled) return undefined;\n\n  return unref(isSelectedInGroup) ? props.activeColor : props.color;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(color, 'fill');\nconst { textColorClasses, textColorStyles } = useTextColor(\n  () => (props.disabled ? undefined : props.textColor),\n  'content'\n);\n\nconst link = useLink(props, attrs);\nconst isLink = toRef(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value)\n);\nconst closeProps = toRef(() => ({\n  'aria-label': t(props.closeLabel),\n  disabled: !!props.disabled,\n  onClick(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    isActive.value = false;\n\n    emit('click:close', e);\n  }\n}));\n\nwatch(isActive, (val) => {\n  if (val) {\n    group?.register();\n    slideGroup?.register();\n  } else {\n    group?.unregister();\n    slideGroup?.unregister();\n  }\n});\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n\n  if (!isClickable.value) return;\n\n  link.navigate.value?.(e);\n  group?.toggle();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsTagConstants;\n  const Tag = link.isLink.value ? 'a' : props.tag;\n\n  const hasAppendMedia = !!(props.appendIcon || props.appendAvatar);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasClose = !!(slots.close || props.closable || props.removable);\n  const hasFilter = !!(slots.filter || props.filter) && group;\n  const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  return (\n    unref(isActive) && (\n      <Tag\n        {...link.linkProps}\n        class={classNames(\n          rootClass,\n          {\n            [`${rootClass}--disabled`]: props.disabled,\n            [`${rootClass}--label`]: props.label,\n            [`${rootClass}--link`]: unref(isClickable),\n            [`${rootClass}--filter`]: hasFilter,\n            [`${rootClass}--pill`]: props.pill,\n            [`${props.activeClass}`]: props.activeClass && link.isActive?.value\n          },\n          unref(themeClasses),\n          unref(sizeClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(group?.selectedClass),\n          props.class\n        )}\n        style={[unref(textColorStyles), unref(backgroundColorStyles), props.style]}\n        type={Tag === 'button' ? 'button' : undefined}\n        disabled={props.disabled || undefined}\n        draggable={props.draggable}\n        tabindex={unref(isClickable) ? 0 : undefined}\n        onClick={onClick}\n        onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n      >\n        {hasFilter && (\n          <CdsTransitionExpandX key=\"filter\">\n            <div class={`${rootClass}__filter`} v-show={group.isSelected.value}>\n              {!slots.filter ? (\n                <CdsIcon key=\"filter-icon\" icon={props.filterIcon} />\n              ) : (\n                <CdsDefaultsProvider\n                  key=\"filter-defaults\"\n                  disabled={!props.filterIcon}\n                  defaults={{\n                    CdsIcon: { icon: props.filterIcon }\n                  }}\n                  v-slots:default={slots.filter}\n                />\n              )}\n            </div>\n          </CdsTransitionExpandX>\n        )}\n\n        {hasPrepend && (\n          <div key=\"prepend\" class={`${rootClass}__prepend`}>\n            {!slots.prepend ? (\n              <>\n                {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} start />}\n                {props.prependAvatar && (\n                  <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} size={props.size} start />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"prepend-defaults\"\n                disabled={!hasPrependMedia}\n                defaults={{\n                  CdsAvatar: {\n                    image: props.prependAvatar,\n                    start: true\n                  },\n                  CdsIcon: {\n                    icon: props.prependIcon,\n                    start: true\n                  }\n                }}\n                v-slots:default={slots.prepend}\n              />\n            )}\n          </div>\n        )}\n\n        <div class={`${rootClass}__content`} data-no-activator=\"\">\n          {slots.default?.({\n            value: unref(group?.value),\n            isSelected: unref(group?.isSelected),\n            selectedClass: unref(group?.selectedClass),\n            disabled: !!props.disabled,\n            select: group?.select,\n            toggle: group?.toggle\n          }) ?? unref(displayText)}\n        </div>\n\n        {hasAppend && (\n          <div key=\"append\" class={`${rootClass}__append`}>\n            {!slots.append ? (\n              <>\n                {props.appendIcon && <CdsIcon key=\"append-icon\" end icon={props.appendIcon} />}\n                {props.appendAvatar && (\n                  <CdsAvatar key=\"append-avatar\" end image={props.appendAvatar} size={props.size} />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"append-defaults\"\n                disabled={!hasAppendMedia}\n                defaults={{\n                  CdsAvatar: {\n                    end: true,\n                    image: props.appendAvatar\n                  },\n                  CdsIcon: {\n                    end: true,\n                    icon: props.appendIcon\n                  }\n                }}\n                v-slots:default={slots.append}\n              />\n            )}\n          </div>\n        )}\n\n        {hasClose && (\n          <button key=\"close\" class={`${rootClass}__close`} type=\"button\" {...unref(closeProps)}>\n            {!slots.close ? (\n              <CdsIcon key=\"close-icon\" icon={props.closeIcon} size=\"sm\" />\n            ) : (\n              <CdsDefaultsProvider\n                key=\"close-defaults\"\n                defaults={{\n                  CdsIcon: {\n                    icon: props.closeIcon,\n                    size: 'sm'\n                  }\n                }}\n                v-slots:default={slots.close}\n              />\n            )}\n          </button>\n        )}\n      </Tag>\n    )\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","emit","__emit","t","useLocale","sizeClasses","useSize","themeClasses","provideTheme","displayText","useText","isActive","useProxyModel","group","useGroupItem","CdsTagGroupSymbol","slideGroup","CdsSlideGroupSymbol","isSelectedInGroup","computed","unref","isSelected","color","disabled","undefined","activeColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","textColorClasses","textColorStyles","useTextColor","textColor","link","useLink","isLink","toRef","value","isClickable","closeProps","closeLabel","onClick","e","preventDefault","stopPropagation","watch","val","register","unregister","navigate","toggle","onKeyDown","key","rootClass","CdsTagConstants","Tag","tag","hasAppendMedia","appendIcon","appendAvatar","hasAppend","append","hasClose","close","closable","removable","hasFilter","filter","hasPrependMedia","prependIcon","prependAvatar","hasPrepend","prepend","_createVNode","_mergeProps","linkProps","classNames","label","pill","activeClass","selectedClass","class","style","draggable","default","CdsTransitionExpandX","_withDirectives","CdsIcon","filterIcon","CdsDefaultsProvider","icon","_vShow","_Fragment","CdsAvatar","size","image","start","select","end","closeIcon"],"mappings":"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"}

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

@@ -4,9 +4,9 @@ import { d as defineRouterProps } from "../../../composables/useRouter/useRouter
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
+import { a7 as pick, E as EventProp } from "../../../utils/helpers.js";
 import { C as CdsTagConstants } from "./CdsTag.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
-import { a7 as pick, E as EventProp } from "../../../utils/helpers.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagProps = propsFactory(

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

@@ -6,9 +6,9 @@ import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagGroupConstants } from "./api/CdsTagGroup.constants.js";
 import { d as defineCdsTagGroupProps } from "./api/CdsTagGroup.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTagGroupConstants.name

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

@@ -3,8 +3,8 @@ import { C as CdsTagConstants } from "../../CdsTag/api/CdsTag.constants.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsTagGroupConstants } from "./CdsTagGroup.constants.js";
 import { a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsTagGroupConstants } from "./CdsTagGroup.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagGroupProps = propsFactory(
   {

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

@@ -11,11 +11,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 { D as filterInputAttrs, a3 as omit, u as convertToUnit, r as callEvent, c as clamp } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTextAreaConstants } from "./api/CdsTextArea.constants.js";
 import { d as defineCdsTextAreaProps } from "./api/CdsTextArea.props.js";
 import { I as Intersect } from "../../directives/intersect/index.js";
-import { D as filterInputAttrs, a3 as omit, u as convertToUnit, r as callEvent, c as clamp } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTextAreaConstants.name,

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

@@ -3,8 +3,8 @@ import { d as defineAutocompleteProps } from "../../CdsField/composables/useAuto
 import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.js";
 import { a as defineAutofocusProps } from "../../../composables/useFocus/useFocus.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsTextAreaConstants } from "./CdsTextArea.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { C as CdsTextAreaConstants } from "./CdsTextArea.constants.js";
 const defineCdsTextAreaProps = propsFactory(
   {
     /** Автоматическое увеличение высоты текстовой области при вводе */

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

@@ -10,11 +10,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 { D as filterInputAttrs, a3 as omit, r as callEvent } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTextInputConstants, i as inputActiveTypes } from "./api/CdsTextInput.constants.js";
 import { d as defineCdsTextInputProps } from "./api/CdsTextInput.props.js";
 import { I as Intersect } from "../../directives/intersect/index.js";
-import { D as filterInputAttrs, a3 as omit, r as callEvent } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTextInputConstants.name,

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

@@ -3,8 +3,8 @@ import { d as defineAutocompleteProps } from "../../CdsField/composables/useAuto
 import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.js";
 import { a as defineAutofocusProps } from "../../../composables/useFocus/useFocus.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsTextInputConstants } from "./CdsTextInput.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { C as CdsTextInputConstants } from "./CdsTextInput.constants.js";
 const defineCdsTextInputProps = propsFactory(
   {
     /** Тип нативного поля ввода */

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

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed, watch, unref, nextTick, createVNode, mergeProps, createTextVNode } from "vue";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { h as formatDate } from "../../utils/date/date.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsButton } from "../CdsButton/index.js";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsTabs, a as CdsTab } from "../CdsTabs/index.js";
@@ -9,8 +11,6 @@ import { C as CdsTimePickerConstants } from "./api/CdsTimePicker.constants.js";
 import { d as defineCdsTimePickerProps } from "./api/CdsTimePicker.props.js";
 import { u as useTime, f as findClosestExtremeNumber } from "./composables/useTime.js";
 import { u as useDatetime } from "../../composables/useDatetime/useDatetime.js";
-import { h as formatDate } from "../../utils/date/date.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTimePickerConstants.name

package/dist/es/src/components/CdsTimePicker/composables/useTime.js

@@ -1,7 +1,7 @@
 import { u as useProxyModel } from "../../../core/useProxyModel.js";
-import { computed, ref } from "vue";
 import { t as splitDate } from "../../../utils/date/date.js";
 import { d as pad } from "../../../utils/helpers.js";
+import { computed, ref } from "vue";
 import { g as getDayHash } from "../../../composables/useDatetime/useDatetime.js";
 function useTime(props, internalLocale, internalMask, getCurrentDate) {
   const defaultDateModel = computed(() => getDefaultDateModel());

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

@@ -15,12 +15,12 @@ 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 { a9 as refElement, u as convertToUnit } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsToastConstants } from "./api/CdsToast.constants.js";
 import { d as defineCdsToastProps } from "./api/CdsToast.props.js";
 import { u as useCountdown } from "./composables/useCountdown.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
-import { a9 as refElement, u as convertToUnit } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsToastConstants.name

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

@@ -4,8 +4,8 @@ import { d as definePositionProps } from "../../../composables/usePosition/usePo
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsToastConstants } from "./CdsToast.constants.js";
 import { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsToastConstants } from "./CdsToast.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToastProps = propsFactory(
   {

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

@@ -7,11 +7,11 @@ import { u as useDelay } from "../../composables/useDelay/useDelay.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { a3 as omit } from "../../utils/helpers.js";
 import { a as CdsToastQueueConstants } from "./api/CdsToastQueue.constants.js";
 import { d as defineCdsToastQueueProps } from "./api/CdsToastQueue.props.js";
 import { u as useDocumentVisibility } from "./composables/useDocumentVisibility.js";
 import { a as useToastQueue } from "./composables/useToastQueue.js";
-import { a3 as omit } from "../../utils/helpers.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsToastQueueConstants.name,

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

@@ -1,7 +1,7 @@
 import { d as defineCdsToastProps } from "../../CdsToast/api/CdsToast.props.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { a as CdsToastQueueConstants } from "./CdsToastQueue.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { a as CdsToastQueueConstants } from "./CdsToastQueue.constants.js";
 const defineCdsToastQueueProps = propsFactory(
   {
     /** Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки. */

package/dist/es/src/components/CdsToastQueue/composables/useDocumentVisibility.js

@@ -1,5 +1,5 @@
-import { shallowRef, onScopeDispose } from "vue";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { shallowRef, onScopeDispose } from "vue";
 function useDocumentVisibility() {
   const visibility = shallowRef(IN_BROWSER ? document.visibilityState : "visible");
   if (IN_BROWSER) {

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

@@ -7,6 +7,8 @@ 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 { d as CdsTransitionScale } from "../../transitions/index.js";
+import { D as filterInputAttrs } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsInput } from "../CdsInput/index.js";
@@ -18,8 +20,6 @@ import { C as CdsToggleConstants } from "./api/CdsToggle.constants.js";
 import { d as defineCdsToggleProps } from "./api/CdsToggle.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
-import { D as filterInputAttrs } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsToggleConstants.name,

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

@@ -1,9 +1,9 @@
 import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.js";
 import { d as defineCdsSelectionControlProps } from "../../CdsSelectionControl/api/CdsSelectionControl.props.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
+import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsToggleConstants } from "./CdsToggle.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
-import { a3 as omit } from "../../../utils/helpers.js";
 const defineCdsToggleProps = propsFactory(
   {
     /** Неопределённое состояние переключателя. */

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

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, computed, createVNode, unref } 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 CdsToolbarConstants } from "./api/CdsToolbar.constants.js";
 import { d as defineCdsToolbarProps } from "./api/CdsToolbar.props.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: CdsToolbarConstants.name

package/dist/es/src/components/CdsToolbar/CdsToolbarTitle.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import "./CdsToolbar.vue_vue_type_script_setup_true_lang.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as CdsToolbarTitleConstants } from "./api/CdsToolbar.constants.js";
 import { a as defineCdsToolbarTitleProps } from "./api/CdsToolbar.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsToolbarTitleConstants.name

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

@@ -1,8 +1,8 @@
 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 CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.js";
 import { a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToolbarProps = propsFactory(
   {

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

@@ -6,10 +6,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 { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTooltipConstants } from "./api/CdsTooltip.constants.js";
 import { d as defineCdsTooltipProps } from "./api/CdsTooltip.props.js";
 import { b as useColor } from "../../composables/useColor/useColor.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTooltipConstants.name

package/dist/es/src/components/CdsTooltip/api/CdsTooltip.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 { C as CdsTooltipConstants } from "./CdsTooltip.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { C as CdsTooltipConstants } from "./CdsTooltip.constants.js";
 const defineCdsTooltipProps = propsFactory(
   {
     /** Уникальный идентификатор для связывания подсказки с её активатором. Если не указано, будет сгенерирован автоматически. */

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, h } from "vue";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTreeConstants } from "./api/CdsTree.constants.js";
 import { d as defineCdsTreeProps } from "./api/CdsTree.props.js";
 import { D as DropIndicator } from "./components/DropIndicator.js";
 import { r as renderSwitcherIcon } from "./components/SwitcherIcon.js";
 import { T as TreeProvider } from "./components/TreeProvider.js";
-import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTreeConstants.name,

package/dist/es/src/components/CdsTree/CdsTreeDirectory.vue_vue_type_script_lang.js

@@ -1,11 +1,11 @@
+import { w as debounce } from "../../utils/helpers.js";
+import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { defineComponent, ref, watch, onUpdated, nextTick, computed, unref, h } from "vue";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { _ as _sfc_main$1 } from "./CdsTree.vue_vue_type_script_setup_true_lang.js";
 import { d as convertTreeToData, f as fillFieldNames, c as convertDataToEntities, e as conductExpandParent } from "./utils/data.js";
-import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
-import { w as debounce } from "../../utils/helpers.js";
 import { m as makeTreeProps } from "./composable/tree.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as convertDirectoryKeysToNodes, a as calcRangeKeys } from "./utils/directory.js";
 function getIcon(props) {
   const { isLeaf, expanded } = props;

package/dist/es/src/components/CdsTree/CdsTreeNode.vue_vue_type_script_lang.js

@@ -1,13 +1,13 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.js";
+import { e as eagerComputed } from "../../utils/use/eagerComputed.js";
+import { p as pickAttrs } from "../../utils/use/pickAttrs.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { defineComponent, ref, unref, computed, reactive, onMounted, onUpdated, h } from "vue";
 import { C as CdsCheckbox } from "../CdsCheckbox/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { I as Indent } from "./components/Indent.js";
 import { u as useInjectTreeContext, a as useInjectKeysState } from "./components/TreeContext.js";
 import { g as getTreeNodeProps, a as convertNodePropsToEventData } from "./utils/data.js";
-import { e as eagerComputed } from "../../utils/use/eagerComputed.js";
-import { p as pickAttrs } from "../../utils/use/pickAttrs.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 import { m as makeTreeNodeProps } from "./composable/treeNode.js";
 const ICON_OPEN = "open";
 const ICON_CLOSE = "close";

package/dist/es/src/components/CdsTree/components/DropIndicator.js

@@ -1,5 +1,5 @@
-import { h } from "vue";
 import { c as classNames } from "../../../utils/dom/classNames.js";
+import { h } from "vue";
 const OFFSET = 4;
 function DropIndicator(props) {
   const { dropPosition, dropLevelOffset, indent } = props;

package/dist/es/src/components/CdsTree/components/NodeList.js

@@ -1,8 +1,8 @@
+import { a2 as noop, a3 as omit } from "../../../utils/helpers.js";
 import { defineComponent, ref, shallowRef, unref, watch, computed, h, Fragment } from "vue";
 import { M as MotionTreeNode } from "./MotionTreeNode.js";
 import { a as useInjectKeysState, u as useInjectTreeContext } from "./TreeContext.js";
 import { f as findExpandedKeys, g as getExpandRange } from "../utils/diff.js";
-import { a2 as noop, a3 as omit } from "../../../utils/helpers.js";
 import { V as VirtualList } from "./VirtualList/VirtualList.js";
 import { b as getKey } from "../utils/data.js";
 const HIDDEN_STYLE = {

package/dist/es/src/components/CdsTree/components/SwitcherIcon.js

@@ -1,9 +1,9 @@
+import { Z as isValidElement } from "../../../utils/helpers.js";
+import { c as classNames } from "../../../utils/dom/classNames.js";
 import { h, cloneVNode } from "vue";
 import { C as CdsFunctionalButton } from "../../CdsFunctionalButton/index.js";
 import { C as CdsIcon } from "../../CdsIcon/index.js";
 import { C as CdsLoader } from "../../CdsLoader/index.js";
-import { c as classNames } from "../../../utils/dom/classNames.js";
-import { Z as isValidElement } from "../../../utils/helpers.js";
 function renderSwitcherIcon(switcherIcon, showLine, props) {
   const { isLeaf, expanded, loading } = props;
   let icon = switcherIcon;

package/dist/es/src/components/CdsTree/components/TreeProvider.js

@@ -1,4 +1,8 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
+import { _ as keyNames } from "../../../utils/helpers.js";
+import { p as pickAttrs } from "../../../utils/use/pickAttrs.js";
+import { c as classNames } from "../../../utils/dom/classNames.js";
+import { w as warn } from "../../../utils/dom/console.js";
 import { defineComponent, ref, shallowRef, computed, reactive, unref, watch, toRaw, watchEffect, nextTick, onUnmounted, h } from "vue";
 import { D as DropIndicator } from "./DropIndicator.js";
 import { M as MotionEntity, a as MOTION_KEY, N as NodeList } from "./NodeList.js";
@@ -7,10 +11,6 @@ import { f as fillFieldNames, d as convertTreeToData, c as convertDataToEntities
 import { u as useMaxLevel, m as makeTreeProps } from "../composable/tree.js";
 import { c as conductCheck } from "../utils/conduct.js";
 import { m as makeTreeEventsProps } from "../composable/events.js";
-import { w as warn } from "../../../utils/dom/console.js";
-import { _ as keyNames } from "../../../utils/helpers.js";
-import { p as pickAttrs } from "../../../utils/use/pickAttrs.js";
-import { c as classNames } from "../../../utils/dom/classNames.js";
 const MAX_RETRY_TIMES = 10;
 const TreeProvider = defineComponent({
   name: "TreeProvider",

package/dist/es/src/components/CdsTree/components/VirtualList/Filler.js

@@ -1,6 +1,6 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { h } from "vue";
 import { R as ResizeObserver } from "./ResizeObserver.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 const Filler = ({ ref, height, offset, prefixCls, onInnerResize }, { slots }) => {
   let outerStyle = {};
   let innerStyle = {

package/dist/es/src/components/CdsTree/components/VirtualList/Item.js

@@ -1,5 +1,5 @@
-import { cloneVNode } from "vue";
 import { a as flattenChildren } from "../../../../utils/use/flattenChildren.js";
+import { cloneVNode } from "vue";
 const Item = ({ setRef }, { slots }) => {
   var _a;
   const children = flattenChildren((_a = slots.default) == null ? void 0 : _a.call(slots));

package/dist/es/src/components/CdsTree/components/VirtualList/ResizeObserver.js

@@ -1,6 +1,6 @@
 import { g as getCurrentInstance } from "../../../../core/getCurrentInstance.js";
-import { defineComponent, reactive, onMounted, onUpdated, onUnmounted, watch } from "vue";
 import { f as findDOMNodeByInstance } from "../../../../utils/dom/dom.js";
+import { defineComponent, reactive, onMounted, onUpdated, onUnmounted, watch } from "vue";
 const ResizeObserver$1 = defineComponent({
   name: "ResizeObserver",
   props: ["disabled", "onResize"],

package/dist/es/src/components/CdsTree/components/VirtualList/ScrollBar.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, reactive, onMounted, unref, onBeforeUnmount, watch, h } from "vue";
 import { s as supportsPassive } from "../../../../utils/use/listener.js";
-import { w as wrapperRaf } from "../../../../utils/dom/wrapperRaf.js";
 import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { w as wrapperRaf } from "../../../../utils/dom/wrapperRaf.js";
+import { defineComponent, ref, reactive, onMounted, unref, onBeforeUnmount, watch, h } from "vue";
 const MIN_SIZE = 20;
 function getPageY(e) {
   return "touches" in e ? e.touches[0].pageY : e.pageY;