npm - @central-design-system/components - Versions diffs - 4.0.0-alpha.3 → 4.0.0-alpha.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1190) hide show

package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js CHANGED Viewed

@@ -2,15 +2,18 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.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 { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsFunctionalButtonConstants } from "./CdsFunctionalButton.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFunctionalButtonProps = propsFactory(
   {
-    /** Иконка */
+    /**
+     * Иконка
+     * @en Icon
+     */
     icon: [String, Function, Object],
     ...defineComponentProps(),
     ...defineRouterProps(),

package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFunctionalButton.props.js","sources":["../../../../../../src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsFunctionalButtonConstants } from './CdsFunctionalButton.constants';\n\nexport const defineCdsFunctionalButtonProps = propsFactory(\n {\n /** ~~Иконка~~ */\n icon: [String, Function, Object] as PropType<IconValue>,\n\n ...defineComponentProps(),\n ...defineRouterProps(),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineLoaderProps(),\n ...defineTagProps({ tag: 'button' }),\n ...omit(defineColorProps(), ['bgColor']),\n ...defineThemeProps()\n },\n CdsFunctionalButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAaO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA,~~IAEE~~,MAAM,CAAC,QAAQ,UAAU,MAAM;AAAA,IAE/B,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,6BAA6B;AAC/B;"}
1	+ {"version":3,"file":"CdsFunctionalButton.props.js","sources":["../../../../../../src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsFunctionalButtonConstants } from './CdsFunctionalButton.constants';\n\nexport const defineCdsFunctionalButtonProps = propsFactory(\n {\n /*\n Иконка\n * @en Icon\n */\n icon: [String, Function, Object] as PropType<IconValue>,\n\n ...defineComponentProps(),\n ...defineRouterProps(),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineLoaderProps(),\n ...defineTagProps({ tag: 'button' }),\n ...omit(defineColorProps(), ['bgColor']),\n ...defineThemeProps()\n },\n CdsFunctionalButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAaO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM,CAAC,QAAQ,UAAU,MAAM;AAAA,IAE/B,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,6BAA6B;AAC/B;"}

package/dist/es/src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, inject, computed, unref, h } from "vue";
-import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as componentColName, C as CssGridSymbol, d as componentPrefix } from "./api/CdsGrid.constants.js";
 import { d as defineCdsColProps } from "./api/CdsGrid.props.js";
 import { g as getClassNameForSpan, a as getClassNameForGridBreakpoints, b as getClassNameForFlexBreakpoints } from "./utils/index.js";
+import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: componentColName

package/dist/es/src/components/CdsGrid/api/CdsGrid.props.js CHANGED Viewed

@@ -4,13 +4,25 @@ import { a7 as pick } from "../../../utils/helpers.js";
 import { c as componentGridName, a as componentRowName, b as componentColName } from "./CdsGrid.constants.js";
 const defineCdsGridProps = propsFactory(
   {
-    /** Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера */
+    /**
+     * Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера
+     * @en Removes the default max-width and stretches the grid across the whole width of the container
+     */
     wide: Boolean,
-    /** Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам */
+    /**
+     * Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам
+     * @en Condensed grid. The gap is reduced to 1px on both sides
+     */
     condensed: Boolean,
-    /** Узкая сетка */
+    /**
+     * Узкая сетка
+     * @en Narrow grid
+     */
     narrow: Boolean,
-    /** Only CSS Grid supported. Вложенная сетка */
+    /**
+     * Only CSS Grid supported. Вложенная сетка
+     * @en Only CSS Grid supported. A nested grid
+     */
     subgrid: Boolean,
     ...defineTagProps(),
     ...defineComponentProps()
@@ -27,32 +39,50 @@ const defineCdsRowProps = propsFactory(
 );
 const defineCdsColProps = propsFactory(
   {
-    /** >320px */
+    /**
+     * >320px
+     * @en >320px
+     */
     xs: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >672px */
+    /**
+     * >672px
+     * @en >672px
+     */
     sm: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1056px */
+    /**
+     * >1056px
+     * @en >1056px
+     */
     md: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1312px */
+    /**
+     * >1312px
+     * @en >1312px
+     */
     lg: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1584px */
+    /**
+     * >1584px
+     * @en >1584px
+     */
     xl: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся. */
+    /**
+     * Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся.
+     * @en Only CSS Grid supported. A permanent column range, start or end values that never change.
+     */
     span: {
       type: [Object, Number, String],
       default: void 0

package/dist/es/src/components/CdsGrid/api/CdsGrid.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsGrid.props.js","sources":["../../../../../../src/components/CdsGrid/api/CdsGrid.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { componentColName, componentGridName, componentRowName } from './CdsGrid.constants';\nimport type { ColumnBreakpoint, ColumnFlexBreakpoint, ColumnGridBreakpoint, ColumnSpanType } from './CdsGrid.types';\n\nexport const defineCdsGridProps = propsFactory(\n {\n /** Удаляет max-width по умолчанию и растягивает сетку на всю ширину ~~контейнера~~ /\n wide: Boolean,\n /* Конденсированная сетка. Уменьшенный отступ до 1px по обеим ~~сторонам~~ /\n condensed: Boolean,\n /* Узкая ~~сетка~~ /\n narrow: Boolean,\n /* Only CSS Grid supported. Вложенная ~~сетка~~ /\n subgrid: Boolean,\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentGridName\n);\n\nexport const defineCdsRowProps = propsFactory(\n {\n ...pick(defineCdsGridProps(), ['narrow', 'condensed']),\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentRowName\n);\n\nexport const defineCdsColProps = propsFactory(\n {\n /* >320px /\n xs: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >672px /\n sm: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1056px /\n md: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1312px /\n lg: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1584px /\n xl: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не ~~изменятся.~~ */\n span: {\n type: [Object, Number, String] as PropType<ColumnSpanType \| number \| string>,\n default: undefined\n },\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentColName\n);\n"],"names":[],"mappings":";;;;AAOO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,~~IAEE~~,MAAM;AAAA;AAAA,~~IAEN~~,WAAW;AAAA;AAAA,~~IAEX~~,QAAQ;AAAA;AAAA,~~IAER~~,SAAS;AAAA,IAET,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,GAAG,KAAK,mBAAA,GAAsB,CAAC,UAAU,WAAW,CAAC;AAAA,IACrD,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,~~IAEE~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAC7B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;"}
1	+ {"version":3,"file":"CdsGrid.props.js","sources":["../../../../../../src/components/CdsGrid/api/CdsGrid.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { componentColName, componentGridName, componentRowName } from './CdsGrid.constants';\nimport type { ColumnBreakpoint, ColumnFlexBreakpoint, ColumnGridBreakpoint, ColumnSpanType } from './CdsGrid.types';\n\nexport const defineCdsGridProps = propsFactory(\n {\n /*\n Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера\n * @en Removes the default max-width and stretches the grid across the whole width of the container\n /\n wide: Boolean,\n /\n Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам\n * @en Condensed grid. The gap is reduced to 1px on both sides\n /\n condensed: Boolean,\n /\n Узкая сетка\n * @en Narrow grid\n /\n narrow: Boolean,\n /\n Only CSS Grid supported. Вложенная сетка\n * @en Only CSS Grid supported. A nested grid\n /\n subgrid: Boolean,\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentGridName\n);\n\nexport const defineCdsRowProps = propsFactory(\n {\n ...pick(defineCdsGridProps(), ['narrow', 'condensed']),\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentRowName\n);\n\nexport const defineCdsColProps = propsFactory(\n {\n /\n >320px\n * @en >320px\n /\n xs: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >672px\n * @en >672px\n /\n sm: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1056px\n * @en >1056px\n /\n md: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1312px\n * @en >1312px\n /\n lg: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1584px\n * @en >1584px\n /\n xl: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся.\n * @en Only CSS Grid supported. A permanent column range, start or end values that never change.\n */\n span: {\n type: [Object, Number, String] as PropType<ColumnSpanType \| number \| string>,\n default: undefined\n },\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentColName\n);\n"],"names":[],"mappings":";;;;AAOO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,SAAS;AAAA,IAET,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,GAAG,KAAK,mBAAA,GAAsB,CAAC,UAAU,WAAW,CAAC;AAAA,IACrD,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAC7B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;"}

package/dist/es/src/components/CdsGrid/components/CSSGrid.css CHANGED Viewed

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

package/dist/es/src/components/CdsGrid/components/FlexGrid.css CHANGED Viewed

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

package/dist/es/src/components/CdsHeader/CdsHeader.css CHANGED Viewed

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

package/dist/es/src/components/CdsHeader/CdsHeader.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, watch, 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 { w as warn } from "../../utils/dom/console.js";
 import { C as CdsHeaderConstants } from "./api/CdsHeader.constants.js";
 import { d as defineCdsHeaderProps } from "./api/CdsHeader.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useLayout } from "../../composables/useLayout/useLayout.js";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsHeader/api/CdsHeader.props.js CHANGED Viewed

@@ -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 { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsHeaderConstants } from "./CdsHeader.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.js";
 const defineCdsHeaderProps = propsFactory(

package/dist/es/src/components/CdsHighlight/CdsHighlight.css CHANGED Viewed

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

package/dist/es/src/components/CdsHighlight/api/CdsHighlight.props.js CHANGED Viewed

@@ -3,24 +3,48 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsHighlightConstants } from "./CdsHighlight.constants.js";
 const defineCdsHighlightProps = propsFactory(
   {
-    /** Текст, в котором выполняется подсветка. */
+    /**
+     * Текст, в котором выполняется подсветка.
+     * @en The text the highlighting is performed in.
+     */
     text: {
       type: String,
       default: ""
     },
-    /** Поисковый запрос: строка или массив строк-терминов. */
+    /**
+     * Поисковый запрос: строка или массив строк-терминов.
+     * @en Search query: a string or an array of term strings.
+     */
     query: [String, Array],
-    /** Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`. */
+    /**
+     * Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`.
+     * @en Ready match ranges `[start, end]`. They take precedence over `query`.
+     */
     matches: Array,
-    /** Подсвечивать все вхождения, а не только первое. */
+    /**
+     * Подсвечивать все вхождения, а не только первое.
+     * @en Highlights every occurrence, not just the first one.
+     */
     matchAll: Boolean,
-    /** Игнорировать регистр при поиске по `query`. */
+    /**
+     * Игнорировать регистр при поиске по `query`.
+     * @en Ignores the case when searching by `query`.
+     */
     ignoreCase: Boolean,
-    /** Цвет текста подсветки. */
+    /**
+     * Цвет текста подсветки.
+     * @en Color of the highlighted text.
+     */
     color: String,
-    /** Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`). */
+    /**
+     * Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`).
+     * @en Opacity of the highlight background (the `--cds-highlight-opacity` CSS variable).
+     */
     opacity: [String, Number],
-    /** Дополнительный CSS-класс для элемента `<mark>`. */
+    /**
+     * Дополнительный CSS-класс для элемента `<mark>`.
+     * @en Extra CSS class for the `<mark>` element.
+     */
     markClass: String,
     ...defineTagProps({ tag: "span" }),
     ...defineComponentProps()

package/dist/es/src/components/CdsHighlight/api/CdsHighlight.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsHighlight.props.js","sources":["../../../../../../src/components/CdsHighlight/api/CdsHighlight.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport type { MatchRange } from '../utils/toHighlight';\nimport { CdsHighlightConstants } from './CdsHighlight.constants';\n\nexport const defineCdsHighlightProps = propsFactory(\n {\n /** Текст, в котором выполняется ~~подсветка.~~ /\n text: {\n type: String,\n default: ''\n },\n /* Поисковый запрос: строка или массив ~~строк-терминов.~~ /\n query: [String, Array] as PropType<string \| string[]>,\n /* Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`. /\n matches: Array as PropType<readonly MatchRange[]>,\n /* Подсвечивать все вхождения, а не только ~~первое.~~ /\n matchAll: Boolean,\n /* Игнорировать регистр при поиске по `query`. /\n ignoreCase: Boolean,\n /* Цвет текста ~~подсветки.~~ /\n color: String,\n /* Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`). /\n opacity: [String, Number] as PropType<string \| number>,\n /* Дополнительный CSS-класс для элемента `<mark~~>`.~~ */\n markClass: String,\n\n ...defineTagProps({ tag: 'span' }),\n ...defineComponentProps()\n },\n CdsHighlightConstants.name\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA,~~IAEE~~,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,OAAO,CAAC,QAAQ,KAAK;AAAA;AAAA,~~IAErB~~,SAAS;AAAA;AAAA,~~IAET~~,UAAU;AAAA;AAAA,~~IAEV~~,YAAY;AAAA;AAAA,~~IAEZ~~,OAAO;AAAA;AAAA,~~IAEP~~,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,~~IAExB~~,WAAW;AAAA,IAEX,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;"}
1	+ {"version":3,"file":"CdsHighlight.props.js","sources":["../../../../../../src/components/CdsHighlight/api/CdsHighlight.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport type { MatchRange } from '../utils/toHighlight';\nimport { CdsHighlightConstants } from './CdsHighlight.constants';\n\nexport const defineCdsHighlightProps = propsFactory(\n {\n /*\n Текст, в котором выполняется подсветка.\n * @en The text the highlighting is performed in.\n /\n text: {\n type: String,\n default: ''\n },\n /\n Поисковый запрос: строка или массив строк-терминов.\n * @en Search query: a string or an array of term strings.\n /\n query: [String, Array] as PropType<string \| string[]>,\n /\n Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`.\n * @en Ready match ranges `[start, end]`. They take precedence over `query`.\n /\n matches: Array as PropType<readonly MatchRange[]>,\n /\n Подсвечивать все вхождения, а не только первое.\n * @en Highlights every occurrence, not just the first one.\n /\n matchAll: Boolean,\n /\n Игнорировать регистр при поиске по `query`.\n * @en Ignores the case when searching by `query`.\n /\n ignoreCase: Boolean,\n /\n Цвет текста подсветки.\n * @en Color of the highlighted text.\n /\n color: String,\n /\n Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`).\n * @en Opacity of the highlight background (the `--cds-highlight-opacity` CSS variable).\n /\n opacity: [String, Number] as PropType<string \| number>,\n /\n Дополнительный CSS-класс для элемента `<mark>`.\n * @en Extra CSS class for the `<mark>` element.\n */\n markClass: String,\n\n ...defineTagProps({ tag: 'span' }),\n ...defineComponentProps()\n },\n CdsHighlightConstants.name\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO,CAAC,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,WAAW;AAAA,IAEX,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,sBAAsB;AACxB;"}

package/dist/es/src/components/CdsIcon/CdsIcon.css CHANGED Viewed

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

package/dist/es/src/components/CdsIcon/CdsIcon.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, useAttrs, shallowRef, Text, unref, createVNode } from "vue";
 import { u as useIcon } from "../../composables/useIcons/useIcons.js";
-import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { G as flattenFragments, u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsIconConstants } from "./api/CdsIcon.constants.js";
 import { d as defineCdsIconProps } from "./api/CdsIcon.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
+import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsIcon/api/CdsIcon.props.js CHANGED Viewed

@@ -1,30 +1,43 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.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 { C as CdsIconConstants } from "./CdsIcon.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsIconProps = propsFactory(
   {
-    /** Название иконки или компонент иконки, который будет отображаться */
+    /**
+     * Название иконки или компонент иконки, который будет отображаться
+     * @en Name of the icon or the icon component to render
+     */
     icon: {
       type: [Boolean, String, Function, Object],
       default: void 0
     },
     /**
      * Строковое имя иконки из зарегистрированного набора (алиас для icon)
+     * @en String name of an icon from a registered pack (an alias for icon)
      * @example `<CdsIcon name="add" />`
      */
     name: {
       type: String,
       default: void 0
     },
-    /** Добавляет отступ справа от иконки — для иконки перед текстом */
+    /**
+     * Добавляет отступ справа от иконки — для иконки перед текстом
+     * @en Adds spacing to the right of the icon — for an icon before the text
+     */
     start: Boolean,
-    /** Добавляет отступ слева от иконки — для иконки после текста */
+    /**
+     * Добавляет отступ слева от иконки — для иконки после текста
+     * @en Adds spacing to the left of the icon — for an icon after the text
+     */
     end: Boolean,
-    /** Прозрачность иконки — число от 0 до 1 */
+    /**
+     * Прозрачность иконки — число от 0 до 1
+     * @en Opacity of the icon — a number between 0 and 1
+     */
     opacity: [String, Number],
     ...defineTagProps({ tag: "i" }),
     ...defineColorProps(),

package/dist/es/src/components/CdsIcon/api/CdsIcon.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsIcon.props.js","sources":["../../../../../../src/components/CdsIcon/api/CdsIcon.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport type { IconValue } from '@cds/composables/useIcons';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsIconConstants } from './CdsIcon.constants';\n\nexport const defineCdsIconProps = propsFactory(\n {\n /** Название иконки или компонент иконки, который будет ~~отображаться~~ /\n icon: {\n type: [Boolean, String, Function, Object] as PropType<IconValue>,\n default: undefined\n },\n /\n Строковое имя иконки из зарегистрированного набора (алиас для icon)\n * @example `<CdsIcon name=\"add\" />`\n /\n name: {\n type: String,\n default: undefined\n },\n /* Добавляет отступ справа от иконки — для иконки перед ~~текстом~~ /\n start: Boolean,\n /* Добавляет отступ слева от иконки — для иконки после ~~текста~~ /\n end: Boolean,\n /* Прозрачность иконки — число от 0 до 1 */\n opacity: [String, Number],\n\n ...defineTagProps({ tag: 'i' } as const),\n ...defineColorProps(),\n ...defineDisabledProps(),\n ...defineSizeProps(),\n ...defineThemeProps(),\n ...defineComponentProps()\n },\n CdsIconConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,~~IAEE~~,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAMX~~,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,OAAO;AAAA;AAAA,~~IAEP~~,KAAK;AAAA;AAAA,~~IAEL~~,SAAS,CAAC,QAAQ,MAAM;AAAA,IAExB,GAAG,eAAe,EAAE,KAAK,KAAc;AAAA,IACvC,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}
1	+ {"version":3,"file":"CdsIcon.props.js","sources":["../../../../../../src/components/CdsIcon/api/CdsIcon.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport type { IconValue } from '@cds/composables/useIcons';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsIconConstants } from './CdsIcon.constants';\n\nexport const defineCdsIconProps = propsFactory(\n {\n /*\n Название иконки или компонент иконки, который будет отображаться\n * @en Name of the icon or the icon component to render\n /\n icon: {\n type: [Boolean, String, Function, Object] as PropType<IconValue>,\n default: undefined\n },\n /\n Строковое имя иконки из зарегистрированного набора (алиас для icon)\n * @en String name of an icon from a registered pack (an alias for icon)\n * @example `<CdsIcon name=\"add\" />`\n /\n name: {\n type: String,\n default: undefined\n },\n /\n Добавляет отступ справа от иконки — для иконки перед текстом\n * @en Adds spacing to the right of the icon — for an icon before the text\n /\n start: Boolean,\n /\n Добавляет отступ слева от иконки — для иконки после текста\n * @en Adds spacing to the left of the icon — for an icon after the text\n /\n end: Boolean,\n /\n Прозрачность иконки — число от 0 до 1\n * @en Opacity of the icon — a number between 0 and 1\n */\n opacity: [String, Number],\n\n ...defineTagProps({ tag: 'i' } as const),\n ...defineColorProps(),\n ...defineDisabledProps(),\n ...defineSizeProps(),\n ...defineThemeProps(),\n ...defineComponentProps()\n },\n CdsIconConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS,CAAC,QAAQ,MAAM;AAAA,IAExB,GAAG,eAAe,EAAE,KAAK,KAAc;AAAA,IACvC,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}

package/dist/es/src/components/CdsImage/CdsImage.css CHANGED Viewed

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

package/dist/es/src/components/CdsImage/CdsImage.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, getCurrentInstance, shallowRef, ref, computed, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, unref, Fragment, vShow } from "vue";
 import { C as CdsResponsive } from "../CdsResponsive/index.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.js";
@@ -8,6 +7,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.js";
 import { C as CdsImageConstants } from "./api/CdsImage.constants.js";
 import { d as defineCdsImageProps } from "./api/CdsImage.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { I as Intersect } from "../../directives/intersect/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -248,10 +248,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, null);
     }
     __expose({
+      /**
+       * Фактический адрес загруженного изображения — с учётом `srcset` и выбранной браузером плотности.
+       * @en Actual address of the loaded image — taking `srcset` and the density chosen by the browser into account.
+       */
       currentSrc,
+      /**
+       * Ссылка на DOM-элемент `img`.
+       * @en Reference to the `img` DOM element.
+       */
       image,
+      /**
+       * Состояние загрузки изображения: ожидание, загрузка, успех или ошибка.
+       * @en Loading state of the image: idle, loading, success or error.
+       */
       state,
+      /**
+       * Собственная ширина загруженного изображения в пикселях.
+       * @en Natural width of the loaded image in pixels.
+       */
       naturalWidth,
+      /**
+       * Собственная высота загруженного изображения в пикселях.
+       * @en Natural height of the loaded image in pixels.
+       */
       naturalHeight
     });
     return () => {

package/dist/es/src/components/CdsImage/CdsImage.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsImage.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsImage/CdsImage.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsImage.scss';\n\nimport { CdsResponsive } from '@cds/components/CdsResponsive';\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { Intersect } from '@cds/directives';\nimport { classNames, convertToUnit, parseAspectRatio, SUPPORTS_INTERSECTION_OBSERVER } from '@cds/utils';\nimport {\n computed,\n getCurrentInstance,\n nextTick,\n onBeforeMount,\n onBeforeUnmount,\n ref,\n shallowRef,\n toRef,\n unref,\n vShow,\n watch,\n withDirectives\n} from 'vue';\n\nimport { CdsImageConstants } from './api/CdsImage.constants';\nimport { type CdsImageSrcObject, defineCdsImageProps } from './api/CdsImage.props';\nimport type { CdsImageEvents, CdsImageSlots } from './api/CdsImage.types';\n\ndefineOptions({\n name: CdsImageConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsImageProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsImageSlots>();\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color);\nconst vm = getCurrentInstance()!;\n\nconst currentSrc = shallowRef(''); // Устанавливается из srcset\nconst image = ref<HTMLImageElement>();\nconst state = shallowRef<'idle' \| 'loading' \| 'loaded' \| 'error'>(props.eager ? 'loading' : 'idle');\nconst naturalWidth = shallowRef<number>();\nconst naturalHeight = shallowRef<number>();\n\nconst normalisedSrc = computed<CdsImageSrcObject>(() => {\n return props.src && typeof props.src === 'object'\n ? {\n src: props.src.src,\n srcset: props.srcset \|\| props.src.srcset,\n lazySrc: props.lazySrc \|\| props.src.lazySrc,\n aspect: parseAspectRatio(props.aspectRatio \|\| props.src.aspect)\n }\n : {\n src: props.src,\n srcset: props.srcset,\n lazySrc: props.lazySrc,\n aspect: parseAspectRatio(props.aspectRatio)\n };\n});\nconst aspectRatio = computed(() => {\n return normalisedSrc.value.aspect \|\| naturalWidth.value! / naturalHeight.value! \|\| 0;\n});\n\nwatch(\n () => props.src,\n () => {\n init(state.value !== 'idle');\n }\n);\nwatch(aspectRatio, (val, oldVal) => {\n if (!val && oldVal && image.value) {\n pollForSize(image.value);\n }\n});\n\nonBeforeMount(() => init());\n\nfunction init(isIntersecting?: boolean) {\n if (props.eager && isIntersecting) return;\n if (SUPPORTS_INTERSECTION_OBSERVER && !isIntersecting && !props.eager) return;\n\n state.value = 'loading';\n\n if (normalisedSrc.value.lazySrc) {\n const lazyImg = new Image();\n lazyImg.src = normalisedSrc.value.lazySrc;\n pollForSize(lazyImg, null);\n }\n\n if (!normalisedSrc.value.src) return;\n\n nextTick(() => {\n emit('loadstart', image.value?.currentSrc \|\| normalisedSrc.value.src);\n\n setTimeout(() => {\n if (vm.isUnmounted) return;\n\n if (image.value?.complete) {\n if (!image.value.naturalWidth) {\n onError();\n }\n\n if (state.value === 'error') return;\n\n if (!aspectRatio.value) pollForSize(image.value, null);\n if (state.value === 'loading') onLoad();\n } else {\n if (!aspectRatio.value) pollForSize(image.value!);\n getSrc();\n }\n });\n });\n}\n\nfunction onLoad() {\n if (vm.isUnmounted) return;\n\n getSrc();\n pollForSize(image.value!);\n state.value = 'loaded';\n emit('load', image.value?.currentSrc \|\| normalisedSrc.value.src);\n}\n\nfunction onError() {\n if (vm.isUnmounted) return;\n\n state.value = 'error';\n emit('error', image.value?.currentSrc \|\| normalisedSrc.value.src);\n}\n\nfunction getSrc() {\n const img = image.value;\n if (img) currentSrc.value = img.currentSrc \|\| img.src;\n}\n\nlet timer = -1;\n\nonBeforeUnmount(() => {\n clearTimeout(timer);\n});\n\nfunction pollForSize(img: HTMLImageElement, timeout: number \| null = 100) {\n const poll = () => {\n clearTimeout(timer);\n if (vm.isUnmounted) return;\n\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\n\n if (imgHeight \|\| imgWidth) {\n naturalWidth.value = imgWidth;\n naturalHeight.value = imgHeight;\n } else if (!img.complete && state.value === 'loading' && timeout != null) {\n timer = window.setTimeout(poll, timeout);\n } else if (img.currentSrc.endsWith('.svg') \|\| img.currentSrc.startsWith('data:image/svg+xml')) {\n naturalWidth.value = 1;\n naturalHeight.value = 1;\n }\n };\n\n poll();\n}\n\nconst containClasses = toRef(() => ({\n [`${CdsImageConstants.rootClass}__img--cover`]: props.cover,\n [`${CdsImageConstants.rootClass}__img--contain`]: !props.cover\n}));\n\nconst isBooted = shallowRef(false);\n{\n const stop = watch(aspectRatio, (val) => {\n if (val) {\n // С nextTick не работает, причина неясна\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n isBooted.value = true;\n });\n });\n stop();\n }\n });\n}\n\nfunction renderImage() {\n const { rootClass } = CdsImageConstants;\n\n if (!normalisedSrc.value.src \|\| state.value === 'idle') return null;\n\n const img = (\n <img\n class={classNames(`${rootClass}__img`, unref(containClasses), props.imageClass)}\n style={{ objectPosition: props.position }}\n crossorigin={props.crossorigin}\n src={normalisedSrc.value.src}\n srcset={normalisedSrc.value.srcset}\n alt={props.alt}\n referrerpolicy={props.referrerpolicy}\n draggable={props.draggable}\n sizes={props.sizes}\n ref={image}\n onLoad={onLoad}\n onError={onError}\n />\n );\n\n const sources = slots.sources?.();\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {withDirectives(\n sources ? (\n <picture class={`${rootClass}__picture`}>\n {sources}\n {img}\n </picture>\n ) : (\n img\n ),\n [[vShow, state.value === 'loaded']]\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderPreloadImage() {\n const { rootClass } = CdsImageConstants;\n\n return (\n <MaybeTransition transition={props.transition}>\n {normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n <img\n class={classNames(`${rootClass}__img`, `${rootClass}__img--preload`, unref(containClasses))}\n style={{ objectPosition: props.position }}\n crossorigin={props.crossorigin}\n src={normalisedSrc.value.lazySrc}\n alt={props.alt}\n referrerpolicy={props.referrerpolicy}\n draggable={props.draggable}\n />\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderPlaceholder() {\n const { rootClass } = CdsImageConstants;\n\n if (!slots.placeholder) return null;\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {(state.value === 'loading' \|\| (state.value === 'error' && !slots.error)) && (\n <div class={`${rootClass}__placeholder`}>{slots.placeholder()}</div>\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderError() {\n const { rootClass } = CdsImageConstants;\n\n if (!slots.error) return null;\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {state.value === 'error' && <div class={`${rootClass}__error`}>{slots.error()}</div>}\n </MaybeTransition>\n );\n}\n\nfunction renderGradient() {\n const { rootClass } = CdsImageConstants;\n\n if (!props.gradient) return null;\n\n return <div class={`${rootClass}__gradient`} style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />;\n}\n\ndefineRender(() => {\n const { rootClass } = CdsImageConstants;\n\n return withDirectives(\n <CdsResponsive\n class={classNames(\n rootClass,\n {\n [`${rootClass}--absolute`]: props.absolute,\n [`${rootClass}--booting`]: !unref(isBooted),\n [`${rootClass}--fit-content`]: props.width === 'fit-content'\n },\n unref(backgroundColorClasses),\n unref(themeClasses),\n props.class\n )}\n style={[\n { width: convertToUnit(props.width === 'auto' ? unref(naturalWidth) : props.width) },\n unref(backgroundColorStyles),\n props.style\n ]}\n aspectRatio={unref(aspectRatio)}\n contentClass={props.contentClass}\n inline={props.inline}\n height={props.height}\n maxHeight={props.maxHeight}\n maxWidth={props.maxWidth}\n minHeight={props.minHeight}\n minWidth={props.minWidth}\n aria-label={props.alt}\n role={props.alt ? 'img' : undefined}\n >\n {{\n additional: () => (\n <>\n {renderImage()}\n {renderPreloadImage()}\n {renderGradient()}\n {renderPlaceholder()}\n {renderError()}\n </>\n ),\n default: slots.default\n }}\n </CdsResponsive>,\n [\n [\n Intersect,\n {\n handler: init,\n options: props.options\n },\n '',\n { once: true }\n ]\n ]\n );\n});\n\ndefineExpose({\n currentSrc,\n image,\n state,\n naturalWidth,\n naturalHeight\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","themeClasses","provideTheme","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","color","vm","getCurrentInstance","currentSrc","shallowRef","image","ref","state","eager","naturalWidth","naturalHeight","normalisedSrc","computed","src","srcset","lazySrc","aspect","parseAspectRatio","aspectRatio","value","watch","init","val","oldVal","pollForSize","onBeforeMount","isIntersecting","SUPPORTS_INTERSECTION_OBSERVER","lazyImg","Image","nextTick","setTimeout","isUnmounted","complete","onError","onLoad","getSrc","img","timer","onBeforeUnmount","clearTimeout","timeout","poll","imgHeight","imgWidth","window","endsWith","startsWith","containClasses","toRef","CdsImageConstants","rootClass","cover","isBooted","stop","requestAnimationFrame","renderImage","_createVNode","classNames","unref","imageClass","objectPosition","position","crossorigin","alt","referrerpolicy","draggable","sizes","sources","MaybeTransition","transition","default","withDirectives","vShow","renderPreloadImage","renderPlaceholder","placeholder","error","renderError","renderGradient","gradient","backgroundImage","__expose","CdsResponsive","absolute","width","class","convertToUnit","style","contentClass","inline","height","maxHeight","maxWidth","minHeight","minWidth","undefined","additional","_Fragment","Intersect","handler","options","once"],"mappings":"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"}
1	+ {"version":3,"file":"CdsImage.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsImage/CdsImage.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsImage.scss';\n\nimport { CdsResponsive } from '@cds/components/CdsResponsive';\nimport { useBackgroundColor } from '@cds/composables/useColor';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { Intersect } from '@cds/directives';\nimport { classNames, convertToUnit, parseAspectRatio, SUPPORTS_INTERSECTION_OBSERVER } from '@cds/utils';\nimport {\n computed,\n getCurrentInstance,\n nextTick,\n onBeforeMount,\n onBeforeUnmount,\n ref,\n shallowRef,\n toRef,\n unref,\n vShow,\n watch,\n withDirectives\n} from 'vue';\n\nimport { CdsImageConstants } from './api/CdsImage.constants';\nimport { type CdsImageSrcObject, defineCdsImageProps } from './api/CdsImage.props';\nimport type { CdsImageEvents, CdsImageSlots } from './api/CdsImage.types';\n\ndefineOptions({\n name: CdsImageConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsImageProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsImageSlots>();\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color);\nconst vm = getCurrentInstance()!;\n\nconst currentSrc = shallowRef(''); // Устанавливается из srcset\nconst image = ref<HTMLImageElement>();\nconst state = shallowRef<'idle' \| 'loading' \| 'loaded' \| 'error'>(props.eager ? 'loading' : 'idle');\nconst naturalWidth = shallowRef<number>();\nconst naturalHeight = shallowRef<number>();\n\nconst normalisedSrc = computed<CdsImageSrcObject>(() => {\n return props.src && typeof props.src === 'object'\n ? {\n src: props.src.src,\n srcset: props.srcset \|\| props.src.srcset,\n lazySrc: props.lazySrc \|\| props.src.lazySrc,\n aspect: parseAspectRatio(props.aspectRatio \|\| props.src.aspect)\n }\n : {\n src: props.src,\n srcset: props.srcset,\n lazySrc: props.lazySrc,\n aspect: parseAspectRatio(props.aspectRatio)\n };\n});\nconst aspectRatio = computed(() => {\n return normalisedSrc.value.aspect \|\| naturalWidth.value! / naturalHeight.value! \|\| 0;\n});\n\nwatch(\n () => props.src,\n () => {\n init(state.value !== 'idle');\n }\n);\nwatch(aspectRatio, (val, oldVal) => {\n if (!val && oldVal && image.value) {\n pollForSize(image.value);\n }\n});\n\nonBeforeMount(() => init());\n\nfunction init(isIntersecting?: boolean) {\n if (props.eager && isIntersecting) return;\n if (SUPPORTS_INTERSECTION_OBSERVER && !isIntersecting && !props.eager) return;\n\n state.value = 'loading';\n\n if (normalisedSrc.value.lazySrc) {\n const lazyImg = new Image();\n lazyImg.src = normalisedSrc.value.lazySrc;\n pollForSize(lazyImg, null);\n }\n\n if (!normalisedSrc.value.src) return;\n\n nextTick(() => {\n emit('loadstart', image.value?.currentSrc \|\| normalisedSrc.value.src);\n\n setTimeout(() => {\n if (vm.isUnmounted) return;\n\n if (image.value?.complete) {\n if (!image.value.naturalWidth) {\n onError();\n }\n\n if (state.value === 'error') return;\n\n if (!aspectRatio.value) pollForSize(image.value, null);\n if (state.value === 'loading') onLoad();\n } else {\n if (!aspectRatio.value) pollForSize(image.value!);\n getSrc();\n }\n });\n });\n}\n\nfunction onLoad() {\n if (vm.isUnmounted) return;\n\n getSrc();\n pollForSize(image.value!);\n state.value = 'loaded';\n emit('load', image.value?.currentSrc \|\| normalisedSrc.value.src);\n}\n\nfunction onError() {\n if (vm.isUnmounted) return;\n\n state.value = 'error';\n emit('error', image.value?.currentSrc \|\| normalisedSrc.value.src);\n}\n\nfunction getSrc() {\n const img = image.value;\n if (img) currentSrc.value = img.currentSrc \|\| img.src;\n}\n\nlet timer = -1;\n\nonBeforeUnmount(() => {\n clearTimeout(timer);\n});\n\nfunction pollForSize(img: HTMLImageElement, timeout: number \| null = 100) {\n const poll = () => {\n clearTimeout(timer);\n if (vm.isUnmounted) return;\n\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\n\n if (imgHeight \|\| imgWidth) {\n naturalWidth.value = imgWidth;\n naturalHeight.value = imgHeight;\n } else if (!img.complete && state.value === 'loading' && timeout != null) {\n timer = window.setTimeout(poll, timeout);\n } else if (img.currentSrc.endsWith('.svg') \|\| img.currentSrc.startsWith('data:image/svg+xml')) {\n naturalWidth.value = 1;\n naturalHeight.value = 1;\n }\n };\n\n poll();\n}\n\nconst containClasses = toRef(() => ({\n [`${CdsImageConstants.rootClass}__img--cover`]: props.cover,\n [`${CdsImageConstants.rootClass}__img--contain`]: !props.cover\n}));\n\nconst isBooted = shallowRef(false);\n{\n const stop = watch(aspectRatio, (val) => {\n if (val) {\n // С nextTick не работает, причина неясна\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n isBooted.value = true;\n });\n });\n stop();\n }\n });\n}\n\nfunction renderImage() {\n const { rootClass } = CdsImageConstants;\n\n if (!normalisedSrc.value.src \|\| state.value === 'idle') return null;\n\n const img = (\n <img\n class={classNames(`${rootClass}__img`, unref(containClasses), props.imageClass)}\n style={{ objectPosition: props.position }}\n crossorigin={props.crossorigin}\n src={normalisedSrc.value.src}\n srcset={normalisedSrc.value.srcset}\n alt={props.alt}\n referrerpolicy={props.referrerpolicy}\n draggable={props.draggable}\n sizes={props.sizes}\n ref={image}\n onLoad={onLoad}\n onError={onError}\n />\n );\n\n const sources = slots.sources?.();\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {withDirectives(\n sources ? (\n <picture class={`${rootClass}__picture`}>\n {sources}\n {img}\n </picture>\n ) : (\n img\n ),\n [[vShow, state.value === 'loaded']]\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderPreloadImage() {\n const { rootClass } = CdsImageConstants;\n\n return (\n <MaybeTransition transition={props.transition}>\n {normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n <img\n class={classNames(`${rootClass}__img`, `${rootClass}__img--preload`, unref(containClasses))}\n style={{ objectPosition: props.position }}\n crossorigin={props.crossorigin}\n src={normalisedSrc.value.lazySrc}\n alt={props.alt}\n referrerpolicy={props.referrerpolicy}\n draggable={props.draggable}\n />\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderPlaceholder() {\n const { rootClass } = CdsImageConstants;\n\n if (!slots.placeholder) return null;\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {(state.value === 'loading' \|\| (state.value === 'error' && !slots.error)) && (\n <div class={`${rootClass}__placeholder`}>{slots.placeholder()}</div>\n )}\n </MaybeTransition>\n );\n}\n\nfunction renderError() {\n const { rootClass } = CdsImageConstants;\n\n if (!slots.error) return null;\n\n return (\n <MaybeTransition transition={props.transition} appear>\n {state.value === 'error' && <div class={`${rootClass}__error`}>{slots.error()}</div>}\n </MaybeTransition>\n );\n}\n\nfunction renderGradient() {\n const { rootClass } = CdsImageConstants;\n\n if (!props.gradient) return null;\n\n return <div class={`${rootClass}__gradient`} style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />;\n}\n\ndefineRender(() => {\n const { rootClass } = CdsImageConstants;\n\n return withDirectives(\n <CdsResponsive\n class={classNames(\n rootClass,\n {\n [`${rootClass}--absolute`]: props.absolute,\n [`${rootClass}--booting`]: !unref(isBooted),\n [`${rootClass}--fit-content`]: props.width === 'fit-content'\n },\n unref(backgroundColorClasses),\n unref(themeClasses),\n props.class\n )}\n style={[\n { width: convertToUnit(props.width === 'auto' ? unref(naturalWidth) : props.width) },\n unref(backgroundColorStyles),\n props.style\n ]}\n aspectRatio={unref(aspectRatio)}\n contentClass={props.contentClass}\n inline={props.inline}\n height={props.height}\n maxHeight={props.maxHeight}\n maxWidth={props.maxWidth}\n minHeight={props.minHeight}\n minWidth={props.minWidth}\n aria-label={props.alt}\n role={props.alt ? 'img' : undefined}\n >\n {{\n additional: () => (\n <>\n {renderImage()}\n {renderPreloadImage()}\n {renderGradient()}\n {renderPlaceholder()}\n {renderError()}\n </>\n ),\n default: slots.default\n }}\n </CdsResponsive>,\n [\n [\n Intersect,\n {\n handler: init,\n options: props.options\n },\n '',\n { once: true }\n ]\n ]\n );\n});\n\ndefineExpose({\n /*\n Фактический адрес загруженного изображения — с учётом `srcset` и выбранной браузером плотности.\n * @en Actual address of the loaded image — taking `srcset` and the density chosen by the browser into account.\n /\n currentSrc,\n /\n Ссылка на DOM-элемент `img`.\n * @en Reference to the `img` DOM element.\n /\n image,\n /\n Состояние загрузки изображения: ожидание, загрузка, успех или ошибка.\n * @en Loading state of the image: idle, loading, success or error.\n /\n state,\n /\n Собственная ширина загруженного изображения в пикселях.\n * @en Natural width of the loaded image in pixels.\n /\n naturalWidth,\n /\n Собственная высота загруженного изображения в пикселях.\n * @en Natural height of the loaded image in pixels.\n */\n naturalHeight\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","themeClasses","provideTheme","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","color","vm","getCurrentInstance","currentSrc","shallowRef","image","ref","state","eager","naturalWidth","naturalHeight","normalisedSrc","computed","src","srcset","lazySrc","aspect","parseAspectRatio","aspectRatio","value","watch","init","val","oldVal","pollForSize","onBeforeMount","isIntersecting","SUPPORTS_INTERSECTION_OBSERVER","lazyImg","Image","nextTick","setTimeout","isUnmounted","complete","onError","onLoad","getSrc","img","timer","onBeforeUnmount","clearTimeout","timeout","poll","imgHeight","imgWidth","window","endsWith","startsWith","containClasses","toRef","CdsImageConstants","rootClass","cover","isBooted","stop","requestAnimationFrame","renderImage","_createVNode","classNames","unref","imageClass","objectPosition","position","crossorigin","alt","referrerpolicy","draggable","sizes","sources","MaybeTransition","transition","default","withDirectives","vShow","renderPreloadImage","renderPlaceholder","placeholder","error","renderError","renderGradient","gradient","backgroundImage","__expose","CdsResponsive","absolute","width","class","convertToUnit","style","contentClass","inline","height","maxHeight","maxWidth","minHeight","minWidth","undefined","additional","_Fragment","Intersect","handler","options","once"],"mappings":"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"}