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/CdsTimePicker/CdsTimePicker.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,5 +1,4 @@
 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";
@@ -11,6 +10,7 @@ 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 { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTimePickerConstants.name
@@ -137,11 +137,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
+      /**
+       * Устанавливает текущее системное время.
+       * @en Sets the current system time.
+       */
       setNow,
+      /**
+       * Устанавливает часы.
+       * @en Sets the hours.
+       */
       setHour,
+      /**
+       * Устанавливает минуты.
+       * @en Sets the minutes.
+       */
       setMinute,
+      /**
+       * Устанавливает секунды.
+       * @en Sets the seconds.
+       */
       setSecond,
+      /**
+       * Переключает 12-часовой формат на первую половину суток (AM).
+       * @en Switches the 12-hour format to the first half of the day (AM).
+       */
       setAm,
+      /**
+       * Переключает 12-часовой формат на вторую половину суток (PM).
+       * @en Switches the 12-hour format to the second half of the day (PM).
+       */
       setPm
     });
     return () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsTimePicker.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTimePicker/CdsTimePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTimePicker.scss';\n\nimport { useDatetime } from '@cds/composables/useDatetime';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport type { IRawDate } from '@cds/utils';\nimport { classNames, formatDate } from '@cds/utils';\nimport { computed, nextTick, ref, unref, watch } from 'vue';\n\nimport { CdsButton } from '../CdsButton';\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsTab, CdsTabs } from '../CdsTabs';\nimport { CdsTextInput } from '../CdsTextInput';\nimport { CdsTimePickerConstants } from './api/CdsTimePicker.constants';\nimport { defineCdsTimePickerProps } from './api/CdsTimePicker.props';\nimport type { CdsTimePickerEvents, CdsTimePickerSlots } from './api/CdsTimePicker.types';\nimport { findClosestExtremeNumber, useTime } from './composables/useTime';\n\ndefineOptions({\n name: CdsTimePickerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTimePickerProps() });\nconst props = useDefaults(_props);\ndefineSlots<CdsTimePickerSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst { tabindex, getLocale, getMask, getCurrentDate } = useDatetime(props);\nconst { themeClasses } = provideTheme(props);\n\nconst internalLocale = ref(getLocale());\nconst mask = computed(() => (props.withSeconds ? getMask() + ':ss' : getMask()));\n\nconst {\n model,\n isAM,\n stringModel,\n hourInSelection,\n minuteInSelection,\n secondInSelection,\n validHours,\n validMinutes,\n validSeconds,\n getCurrentTime\n} = useTime(props, internalLocale, mask, getCurrentDate);\n\nconst classes = computed(() => ({\n [CdsTimePickerConstants.rootClass]: true,\n [`${CdsTimePickerConstants.rootClass}--disabled`]: props.disabled,\n [`${CdsTimePickerConstants.rootClass}--readonly`]: props.readonly\n}));\n\nwatch(\n () => props.modelValue,\n () => {\n if (props.format12h) {\n isAM.value = (unref(model).hour as number) < 12;\n }\n }\n);\n\nwatch([mask, internalLocale], () => {\n nextTick(() => {\n updateValue();\n });\n});\n\nfunction updateValue(date?: IRawDate) {\n date = Object.assign({ ...unref(model) }, date);\n\n const value = formatDate(\n new Date(\n date.year as number,\n date.month ? date.month - 1 : 0,\n date.day,\n date.hour,\n date.minute,\n date.second,\n date.millisecond\n ),\n unref(mask),\n unref(internalLocale),\n date.year as number,\n date.timezoneOffset as number\n );\n\n date.changed = value !== props.modelValue;\n\n emit('update:modelValue', value, date);\n}\n\nfunction verifyAndUpdate() {\n if (hourInSelection.value && !hourInSelection.value(model.value.hour as number)) {\n const allowedHours = findClosestExtremeNumber(validHours.value?.values as number[], model.value.hour as number);\n setHour(allowedHours);\n return;\n }\n\n if (minuteInSelection.value && !minuteInSelection.value(model.value.minute as number)) {\n const allowedMinutes = findClosestExtremeNumber(\n validMinutes.value?.values as number[],\n model.value.minute as number\n );\n setMinute(allowedMinutes);\n return;\n }\n\n if (props.withSeconds && unref(secondInSelection) && !unref(secondInSelection)!(unref(model).second as number)) {\n const allowedSeconds = findClosestExtremeNumber(\n unref(validSeconds)?.values as number[],\n unref(model).second as number\n );\n setSecond(allowedSeconds);\n return;\n }\n\n updateValue();\n}\n\nfunction setNow() {\n const date = {\n ...getCurrentDate(),\n ...getCurrentTime()\n };\n\n updateValue(date);\n Object.assign(unref(model), date);\n}\n\nfunction setHour(hour: number) {\n if (unref(model).hour !== hour) {\n model.value.hour = hour;\n verifyAndUpdate();\n }\n}\n\nfunction setMinute(minute: number) {\n if (unref(model).minute !== minute) {\n model.value.minute = minute;\n verifyAndUpdate();\n }\n}\n\nfunction setSecond(second: number) {\n if (unref(model).second !== second) {\n model.value.second = second;\n verifyAndUpdate();\n }\n}\n\nfunction setAm() {\n if (!unref(isAM)) {\n isAM.value = true;\n\n if (unref(model).hour !== null) {\n (model.value.hour as number) -= 12;\n verifyAndUpdate();\n }\n }\n}\n\nfunction setPm() {\n if (unref(isAM)) {\n isAM.value = false;\n\n if (unref(model).hour !== null) {\n (model.value.hour as number) += 12;\n verifyAndUpdate();\n }\n }\n}\n\ndefineRender(() => {\n const { rootClass } = CdsTimePickerConstants;\n\n const inputProps = {\n type: 'number',\n class: classNames(`${rootClass}__input`),\n placeholder: '00',\n hideMessages: true,\n readonly: props.readonly,\n disabled: props.disabled,\n tabindex: unref(tabindex)\n };\n\n const navButtonProps = {\n readonly: props.readonly,\n disabled: props.disabled,\n tabindex: -1\n };\n\n return (\n <div\n class={classNames(unref(classes), unref(themeClasses), props.class)}\n style={props.style}\n aria-disabled={props.disabled \|\| undefined}\n aria-readonly={props.readonly \|\| undefined}\n >\n <div class={classNames(`${rootClass}__container`)}>\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setHour((unref(model).hour as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).hour}\n onUpdate:modelValue={(value: string) => setHour(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setHour((unref(model).hour as number) - 1)}\n />\n </div>\n\n <div class={`${rootClass}__separator`}>:</div>\n\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setMinute((unref(model).minute as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).minute}\n onUpdate:modelValue={(value: string) => setMinute(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setMinute((unref(model).minute as number) - 1)}\n />\n </div>\n\n {props.withSeconds && <div class={`${rootClass}__separator`}>:</div>}\n {props.withSeconds && (\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setSecond((unref(model).second as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).second}\n onUpdate:modelValue={(value: string) => setSecond(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setSecond((unref(model).second as number) - 1)}\n />\n </div>\n )}\n\n {props.format12h && (\n <CdsTabs modelValue={unref(isAM) ? 'AM' : 'PM'} grow={false} class={classNames(`${rootClass}__ampm`)}>\n <CdsTab value=\"AM\" text=\"AM\" onClick={setAm} />\n <CdsTab value=\"PM\" text=\"PM\" onClick={setPm} />\n </CdsTabs>\n )}\n </div>\n\n {props.nowBtn && (\n <div class={`${rootClass}__now`}>\n <CdsButton\n appearance=\"tertiary\"\n text={unref(internalLocale).now}\n readonly={props.readonly}\n disabled={props.disabled}\n tabindex={unref(tabindex)}\n onClick={setNow}\n />\n </div>\n )}\n </div>\n );\n});\n\ndefineExpose({\n setNow,\n setHour,\n setMinute,\n setSecond,\n setAm,\n setPm\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","tabindex","getLocale","getMask","getCurrentDate","useDatetime","themeClasses","provideTheme","internalLocale","ref","mask","computed","withSeconds","model","isAM","stringModel","hourInSelection","minuteInSelection","secondInSelection","validHours","validMinutes","validSeconds","getCurrentTime","useTime","classes","CdsTimePickerConstants","rootClass","disabled","readonly","watch","modelValue","format12h","value","unref","hour","nextTick","updateValue","date","Object","assign","formatDate","Date","year","month","day","minute","second","millisecond","timezoneOffset","changed","verifyAndUpdate","allowedHours","findClosestExtremeNumber","values","setHour","allowedMinutes","setMinute","allowedSeconds","setSecond","setNow","setAm","setPm","__expose","inputProps","type","class","classNames","placeholder","hideMessages","navButtonProps","_createVNode","style","undefined","CdsFunctionalButton","_mergeProps","onClick","CdsTextInput","_createTextVNode","CdsTabs","default","CdsTab","nowBtn","CdsButton","now"],"mappings":"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"}
1	+ {"version":3,"file":"CdsTimePicker.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTimePicker/CdsTimePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTimePicker.scss';\n\nimport { useDatetime } from '@cds/composables/useDatetime';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport type { IRawDate } from '@cds/utils';\nimport { classNames, formatDate } from '@cds/utils';\nimport { computed, nextTick, ref, unref, watch } from 'vue';\n\nimport { CdsButton } from '../CdsButton';\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsTab, CdsTabs } from '../CdsTabs';\nimport { CdsTextInput } from '../CdsTextInput';\nimport { CdsTimePickerConstants } from './api/CdsTimePicker.constants';\nimport { defineCdsTimePickerProps } from './api/CdsTimePicker.props';\nimport type { CdsTimePickerEvents, CdsTimePickerSlots } from './api/CdsTimePicker.types';\nimport { findClosestExtremeNumber, useTime } from './composables/useTime';\n\ndefineOptions({\n name: CdsTimePickerConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTimePickerProps() });\nconst props = useDefaults(_props);\ndefineSlots<CdsTimePickerSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst { tabindex, getLocale, getMask, getCurrentDate } = useDatetime(props);\nconst { themeClasses } = provideTheme(props);\n\nconst internalLocale = ref(getLocale());\nconst mask = computed(() => (props.withSeconds ? getMask() + ':ss' : getMask()));\n\nconst {\n model,\n isAM,\n stringModel,\n hourInSelection,\n minuteInSelection,\n secondInSelection,\n validHours,\n validMinutes,\n validSeconds,\n getCurrentTime\n} = useTime(props, internalLocale, mask, getCurrentDate);\n\nconst classes = computed(() => ({\n [CdsTimePickerConstants.rootClass]: true,\n [`${CdsTimePickerConstants.rootClass}--disabled`]: props.disabled,\n [`${CdsTimePickerConstants.rootClass}--readonly`]: props.readonly\n}));\n\nwatch(\n () => props.modelValue,\n () => {\n if (props.format12h) {\n isAM.value = (unref(model).hour as number) < 12;\n }\n }\n);\n\nwatch([mask, internalLocale], () => {\n nextTick(() => {\n updateValue();\n });\n});\n\nfunction updateValue(date?: IRawDate) {\n date = Object.assign({ ...unref(model) }, date);\n\n const value = formatDate(\n new Date(\n date.year as number,\n date.month ? date.month - 1 : 0,\n date.day,\n date.hour,\n date.minute,\n date.second,\n date.millisecond\n ),\n unref(mask),\n unref(internalLocale),\n date.year as number,\n date.timezoneOffset as number\n );\n\n date.changed = value !== props.modelValue;\n\n emit('update:modelValue', value, date);\n}\n\nfunction verifyAndUpdate() {\n if (hourInSelection.value && !hourInSelection.value(model.value.hour as number)) {\n const allowedHours = findClosestExtremeNumber(validHours.value?.values as number[], model.value.hour as number);\n setHour(allowedHours);\n return;\n }\n\n if (minuteInSelection.value && !minuteInSelection.value(model.value.minute as number)) {\n const allowedMinutes = findClosestExtremeNumber(\n validMinutes.value?.values as number[],\n model.value.minute as number\n );\n setMinute(allowedMinutes);\n return;\n }\n\n if (props.withSeconds && unref(secondInSelection) && !unref(secondInSelection)!(unref(model).second as number)) {\n const allowedSeconds = findClosestExtremeNumber(\n unref(validSeconds)?.values as number[],\n unref(model).second as number\n );\n setSecond(allowedSeconds);\n return;\n }\n\n updateValue();\n}\n\nfunction setNow() {\n const date = {\n ...getCurrentDate(),\n ...getCurrentTime()\n };\n\n updateValue(date);\n Object.assign(unref(model), date);\n}\n\nfunction setHour(hour: number) {\n if (unref(model).hour !== hour) {\n model.value.hour = hour;\n verifyAndUpdate();\n }\n}\n\nfunction setMinute(minute: number) {\n if (unref(model).minute !== minute) {\n model.value.minute = minute;\n verifyAndUpdate();\n }\n}\n\nfunction setSecond(second: number) {\n if (unref(model).second !== second) {\n model.value.second = second;\n verifyAndUpdate();\n }\n}\n\nfunction setAm() {\n if (!unref(isAM)) {\n isAM.value = true;\n\n if (unref(model).hour !== null) {\n (model.value.hour as number) -= 12;\n verifyAndUpdate();\n }\n }\n}\n\nfunction setPm() {\n if (unref(isAM)) {\n isAM.value = false;\n\n if (unref(model).hour !== null) {\n (model.value.hour as number) += 12;\n verifyAndUpdate();\n }\n }\n}\n\ndefineRender(() => {\n const { rootClass } = CdsTimePickerConstants;\n\n const inputProps = {\n type: 'number',\n class: classNames(`${rootClass}__input`),\n placeholder: '00',\n hideMessages: true,\n readonly: props.readonly,\n disabled: props.disabled,\n tabindex: unref(tabindex)\n };\n\n const navButtonProps = {\n readonly: props.readonly,\n disabled: props.disabled,\n tabindex: -1\n };\n\n return (\n <div\n class={classNames(unref(classes), unref(themeClasses), props.class)}\n style={props.style}\n aria-disabled={props.disabled \|\| undefined}\n aria-readonly={props.readonly \|\| undefined}\n >\n <div class={classNames(`${rootClass}__container`)}>\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setHour((unref(model).hour as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).hour}\n onUpdate:modelValue={(value: string) => setHour(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setHour((unref(model).hour as number) - 1)}\n />\n </div>\n\n <div class={`${rootClass}__separator`}>:</div>\n\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setMinute((unref(model).minute as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).minute}\n onUpdate:modelValue={(value: string) => setMinute(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setMinute((unref(model).minute as number) - 1)}\n />\n </div>\n\n {props.withSeconds && <div class={`${rootClass}__separator`}>:</div>}\n {props.withSeconds && (\n <div class={`${rootClass}__clock`}>\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-up\"\n onClick={() => setSecond((unref(model).second as number) + 1)}\n />\n <CdsTextInput\n {...inputProps}\n modelValue={unref(stringModel).second}\n onUpdate:modelValue={(value: string) => setSecond(+value)}\n />\n <CdsFunctionalButton\n {...navButtonProps}\n icon=\"chevron-down\"\n onClick={() => setSecond((unref(model).second as number) - 1)}\n />\n </div>\n )}\n\n {props.format12h && (\n <CdsTabs modelValue={unref(isAM) ? 'AM' : 'PM'} grow={false} class={classNames(`${rootClass}__ampm`)}>\n <CdsTab value=\"AM\" text=\"AM\" onClick={setAm} />\n <CdsTab value=\"PM\" text=\"PM\" onClick={setPm} />\n </CdsTabs>\n )}\n </div>\n\n {props.nowBtn && (\n <div class={`${rootClass}__now`}>\n <CdsButton\n appearance=\"tertiary\"\n text={unref(internalLocale).now}\n readonly={props.readonly}\n disabled={props.disabled}\n tabindex={unref(tabindex)}\n onClick={setNow}\n />\n </div>\n )}\n </div>\n );\n});\n\ndefineExpose({\n /*\n Устанавливает текущее системное время.\n * @en Sets the current system time.\n /\n setNow,\n /\n Устанавливает часы.\n * @en Sets the hours.\n /\n setHour,\n /\n Устанавливает минуты.\n * @en Sets the minutes.\n /\n setMinute,\n /\n Устанавливает секунды.\n * @en Sets the seconds.\n /\n setSecond,\n /\n Переключает 12-часовой формат на первую половину суток (AM).\n * @en Switches the 12-hour format to the first half of the day (AM).\n /\n setAm,\n /\n Переключает 12-часовой формат на вторую половину суток (PM).\n * @en Switches the 12-hour format to the second half of the day (PM).\n */\n setPm\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","tabindex","getLocale","getMask","getCurrentDate","useDatetime","themeClasses","provideTheme","internalLocale","ref","mask","computed","withSeconds","model","isAM","stringModel","hourInSelection","minuteInSelection","secondInSelection","validHours","validMinutes","validSeconds","getCurrentTime","useTime","classes","CdsTimePickerConstants","rootClass","disabled","readonly","watch","modelValue","format12h","value","unref","hour","nextTick","updateValue","date","Object","assign","formatDate","Date","year","month","day","minute","second","millisecond","timezoneOffset","changed","verifyAndUpdate","allowedHours","findClosestExtremeNumber","values","setHour","allowedMinutes","setMinute","allowedSeconds","setSecond","setNow","setAm","setPm","__expose","inputProps","type","class","classNames","placeholder","hideMessages","navButtonProps","_createVNode","style","undefined","CdsFunctionalButton","_mergeProps","onClick","CdsTextInput","_createTextVNode","CdsTabs","default","CdsTab","nowBtn","CdsButton","now"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAEhC,UAAMI,OAAOC;AAEb,UAAM;AAAA,MAAEC;AAAAA,MAAUC;AAAAA,MAAWC;AAAAA,MAASC;AAAAA,IAAe,IAAIC,YAAYR,KAAK;AAC1E,UAAM;AAAA,MAAES;AAAAA,IAAa,IAAIC,aAAaV,KAAK;AAE3C,UAAMW,iBAAiBC,IAAIP,WAAW;AACtC,UAAMQ,OAAOC,SAAS,MAAOd,MAAMe,cAAcT,QAAO,IAAK,QAAQA,SAAU;AAE/E,UAAM;AAAA,MACJU;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,QACEC,QAAQ1B,OAAOW,gBAAgBE,MAAMN,cAAc;AAEvD,UAAMoB,UAAUb,SAAS,OAAO;AAAA,MAC9B,CAACc,uBAAuBC,SAAS,GAAG;AAAA,MACpC,CAAC,GAAGD,uBAAuBC,SAAS,YAAY,GAAG7B,MAAM8B;AAAAA,MACzD,CAAC,GAAGF,uBAAuBC,SAAS,YAAY,GAAG7B,MAAM+B;AAAAA,IAC3D,EAAE;AAEFC,UACE,MAAMhC,MAAMiC,YACZ,MAAM;AACJ,UAAIjC,MAAMkC,WAAW;AACnBjB,aAAKkB,QAASC,MAAMpB,KAAK,EAAEqB,OAAkB;AAAA,MAC/C;AAAA,IACF,CACF;AAEAL,UAAM,CAACnB,MAAMF,cAAc,GAAG,MAAM;AAClC2B,eAAS,MAAM;AACbC,oBAAW;AAAA,MACb,CAAC;AAAA,IACH,CAAC;AAED,aAASA,YAAYC,MAAiB;AACpCA,aAAOC,OAAOC,OAAO;AAAA,QAAE,GAAGN,MAAMpB,KAAK;AAAA,SAAKwB,IAAI;AAE9C,YAAML,QAAQQ,WACZ,IAAIC,KACFJ,KAAKK,MACLL,KAAKM,QAAQN,KAAKM,QAAQ,IAAI,GAC9BN,KAAKO,KACLP,KAAKH,MACLG,KAAKQ,QACLR,KAAKS,QACLT,KAAKU,WACP,GACAd,MAAMvB,IAAI,GACVuB,MAAMzB,cAAc,GACpB6B,KAAKK,MACLL,KAAKW,cACP;AAEAX,WAAKY,UAAUjB,UAAUnC,MAAMiC;AAE/B/B,WAAK,qBAAqBiC,OAAOK,IAAI;AAAA,IACvC;AAEA,aAASa,kBAAkB;;AACzB,UAAIlC,gBAAgBgB,SAAS,CAAChB,gBAAgBgB,MAAMnB,MAAMmB,MAAME,IAAc,GAAG;AAC/E,cAAMiB,eAAeC,0BAAyBjC,gBAAWa,UAAXb,mBAAkBkC,QAAoBxC,MAAMmB,MAAME,IAAc;AAC9GoB,gBAAQH,YAAY;AACpB;AAAA,MACF;AAEA,UAAIlC,kBAAkBe,SAAS,CAACf,kBAAkBe,MAAMnB,MAAMmB,MAAMa,MAAgB,GAAG;AACrF,cAAMU,iBAAiBH,0BACrBhC,kBAAaY,UAAbZ,mBAAoBiC,QACpBxC,MAAMmB,MAAMa,MACd;AACAW,kBAAUD,cAAc;AACxB;AAAA,MACF;AAEA,UAAI1D,MAAMe,eAAeqB,MAAMf,iBAAiB,KAAK,CAACe,MAAMf,iBAAiB,EAAGe,MAAMpB,KAAK,EAAEiC,MAAgB,GAAG;AAC9G,cAAMW,iBAAiBL,0BACrBnB,WAAMZ,YAAY,MAAlBY,mBAAqBoB,QACrBpB,MAAMpB,KAAK,EAAEiC,MACf;AACAY,kBAAUD,cAAc;AACxB;AAAA,MACF;AAEArB,kBAAW;AAAA,IACb;AAEA,aAASuB,SAAS;AAChB,YAAMtB,OAAO;AAAA,QACX,GAAGjC,eAAc;AAAA,QACjB,GAAGkB,eAAc;AAAA;AAGnBc,kBAAYC,IAAI;AAChBC,aAAOC,OAAON,MAAMpB,KAAK,GAAGwB,IAAI;AAAA,IAClC;AAEA,aAASiB,QAAQpB,MAAc;AAC7B,UAAID,MAAMpB,KAAK,EAAEqB,SAASA,MAAM;AAC9BrB,cAAMmB,MAAME,OAAOA;AACnBgB,wBAAe;AAAA,MACjB;AAAA,IACF;AAEA,aAASM,UAAUX,QAAgB;AACjC,UAAIZ,MAAMpB,KAAK,EAAEgC,WAAWA,QAAQ;AAClChC,cAAMmB,MAAMa,SAASA;AACrBK,wBAAe;AAAA,MACjB;AAAA,IACF;AAEA,aAASQ,UAAUZ,QAAgB;AACjC,UAAIb,MAAMpB,KAAK,EAAEiC,WAAWA,QAAQ;AAClCjC,cAAMmB,MAAMc,SAASA;AACrBI,wBAAe;AAAA,MACjB;AAAA,IACF;AAEA,aAASU,QAAQ;AACf,UAAI,CAAC3B,MAAMnB,IAAI,GAAG;AAChBA,aAAKkB,QAAQ;AAEb,YAAIC,MAAMpB,KAAK,EAAEqB,SAAS,MAAM;AAC7BrB,gBAAMmB,MAAME,QAAmB;AAChCgB,0BAAe;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAEA,aAASW,QAAQ;AACf,UAAI5B,MAAMnB,IAAI,GAAG;AACfA,aAAKkB,QAAQ;AAEb,YAAIC,MAAMpB,KAAK,EAAEqB,SAAS,MAAM;AAC7BrB,gBAAMmB,MAAME,QAAmB;AAChCgB,0BAAe;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAgHAY,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXH;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAC;AAAAA,IACF,CAAC;WA7IY,MAAM;AACjB,YAAM;AAAA,QAAEnC;AAAAA,MAAU,IAAID;AAEtB,YAAMsC,aAAa;AAAA,QACjBC,MAAM;AAAA,QACNC,OAAOC,WAAW,GAAGxC,SAAS,SAAS;AAAA,QACvCyC,aAAa;AAAA,QACbC,cAAc;AAAA,QACdxC,UAAU/B,MAAM+B;AAAAA,QAChBD,UAAU9B,MAAM8B;AAAAA,QAChB1B,UAAUgC,MAAMhC,QAAQ;AAAA;AAG1B,YAAMoE,iBAAiB;AAAA,QACrBzC,UAAU/B,MAAM+B;AAAAA,QAChBD,UAAU9B,MAAM8B;AAAAA,QAChB1B,UAAU;AAAA;AAGZ,aAAAqE,YAAA,OAAA;AAAA,QAAA,SAEWJ,WAAWjC,MAAMT,OAAO,GAAGS,MAAM3B,YAAY,GAAGT,MAAMoE,KAAK;AAAA,QAAC,SAC5DpE,MAAM0E;AAAAA,QAAK,iBACH1E,MAAM8B,YAAY6C;AAAAA,QAAS,iBAC3B3E,MAAM+B,YAAY4C;AAAAA,MAAS,GAAA,CAAAF,YAAA,OAAA;AAAA,QAAA,SAE9BJ,WAAW,GAAGxC,SAAS,aAAa;AAAA,MAAC,GAAA,CAAA4C,YAAA,OAAA;AAAA,QAAA,SACnC,GAAG5C,SAAS;AAAA,MAAS,GAAA,CAAA4C,YAAAG,qBAAAC,WAEzBL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMrB,QAASrB,MAAMpB,KAAK,EAAEqB,OAAkB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAoC,YAAAM,cAAAF,WAGrDX,YAAU;AAAA,QAAA,cACF9B,MAAMlB,WAAW,EAAEmB;AAAAA,QAAI,uBACbF,WAAkBsB,QAAQ,CAACtB,KAAK;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAsC,YAAAG,qBAAAC,WAGnDL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMrB,QAASrB,MAAMpB,KAAK,EAAEqB,OAAkB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,CAAA,CAAA,GAAAoC,YAAA,OAAA;AAAA,QAAA,SAIjD,GAAG5C,SAAS;AAAA,SAAa,CAAAmD,wBAAAP,YAAA,OAAA;AAAA,QAAA,SAEzB,GAAG5C,SAAS;AAAA,MAAS,GAAA,CAAA4C,YAAAG,qBAAAC,WAEzBL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMnB,UAAWvB,MAAMpB,KAAK,EAAEgC,SAAoB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAyB,YAAAM,cAAAF,WAGzDX,YAAU;AAAA,QAAA,cACF9B,MAAMlB,WAAW,EAAE8B;AAAAA,QAAM,uBACfb,WAAkBwB,UAAU,CAACxB,KAAK;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAsC,YAAAG,qBAAAC,WAGrDL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMnB,UAAWvB,MAAMpB,KAAK,EAAEgC,SAAoB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,CAAA,CAAA,GAIhEhD,MAAMe,eAAW0D,YAAA,OAAA;AAAA,QAAA,SAAgB,GAAG5C,SAAS;AAAA,MAAa,GAAA,CAAAmD,gBAAA,GAAA,CAAA,CAAA,GAC1DhF,MAAMe,eAAW0D,YAAA,OAAA;AAAA,QAAA,SACJ,GAAG5C,SAAS;AAAA,MAAS,GAAA,CAAA4C,YAAAG,qBAAAC,WAEzBL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMjB,UAAWzB,MAAMpB,KAAK,EAAEiC,SAAoB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAwB,YAAAM,cAAAF,WAGzDX,YAAU;AAAA,QAAA,cACF9B,MAAMlB,WAAW,EAAE+B;AAAAA,QAAM,uBACfd,WAAkB0B,UAAU,CAAC1B,KAAK;AAAA,MAAC,CAAA,GAAA,IAAA,GAAAsC,YAAAG,qBAAAC,WAGrDL,gBAAc;AAAA,QAAA,QAAA;AAAA,QAAA,WAETM,MAAMjB,UAAWzB,MAAMpB,KAAK,EAAEiC,SAAoB,CAAC;AAAA,MAAC,CAAA,GAAA,IAAA,CAAA,CAAA,GAKlEjD,MAAMkC,aAASuC,YAAAQ,SAAA;AAAA,QAAA,cACO7C,MAAMnB,IAAI,IAAI,OAAO;AAAA,QAAI,QAAQ;AAAA,QAAK,SAASoD,WAAW,GAAGxC,SAAS,QAAQ;AAAA,MAAC,GAAA;AAAA,QAAAqD,SAAAA,MAAA,CAAAT,YAAAU,QAAA;AAAA,UAAA,SAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAC5DpB;AAAAA,WAAK,IAAA,GAAAU,YAAAU,QAAA;AAAA,UAAA,SAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACLnB;AAAAA,QAAK,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAE9C,CAAA,GAGFhE,MAAMoF,UAAMX,YAAA,OAAA;AAAA,QAAA,SACC,GAAG5C,SAAS;AAAA,SAAO,CAAA4C,YAAAY,WAAA;AAAA,QAAA,cAAA;AAAA,QAAA,QAGrBjD,MAAMzB,cAAc,EAAE2E;AAAAA,QAAG,YACrBtF,MAAM+B;AAAAA,QAAQ,YACd/B,MAAM8B;AAAAA,QAAQ,YACdM,MAAMhC,QAAQ;AAAA,QAAC,WAChB0D;AAAAA,SAAM,IAAA,CAAA,CAAA,CAGpB,CAAA;AAAA,IAGP;AAAA;;"}

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

@@ -1,34 +1,58 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTimePickerConstants } from "./CdsTimePicker.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.js";
 const defineCdsTimePickerProps = propsFactory(
   {
-    /** Добавляет секунды в выбор времени. */
+    /**
+     * Добавляет секунды в выбор времени.
+     * @en Adds seconds to the time selection.
+     */
     withSeconds: Boolean,
-    /** Отображает время в 12-часовом формате AM/PM. */
+    /**
+     * Отображает время в 12-часовом формате AM/PM.
+     * @en Shows the time in the 12-hour AM/PM format.
+     */
     format12h: Boolean,
-    /** Отображает кнопку "Сейчас". */
+    /**
+     * Отображает кнопку "Сейчас".
+     * @en Shows the "Now" button.
+     */
     nowBtn: Boolean,
-    /** Используемая дата по-умолчанию, когда модель не заполнена (в формате YYYY/MM/DD). */
+    /**
+     * Используемая дата по-умолчанию, когда модель не заполнена (в формате YYYY/MM/DD).
+     * @en Date used by default when the model is empty (in the YYYY/MM/DD format).
+     */
     defaultDate: {
       type: String,
       default: void 0,
       validator: (value) => /^-?[\d]+\/[0-1]\d\/[0-3]\d$/.test(value)
     },
-    /** Позволяет настроить какое время доступно для выбора. */
+    /**
+     * Позволяет настроить какое время доступно для выбора.
+     * @en Configures which time is available for selection.
+     */
     allowedTime: {
       type: Function,
       default: void 0
     },
-    /** Позволяет настроить какие часы доступны для выбора. */
+    /**
+     * Позволяет настроить какие часы доступны для выбора.
+     * @en Configures which hours are available for selection.
+     */
     allowedHours: Array,
-    /** Позволяет настроить какие минуты доступны для выбора. */
+    /**
+     * Позволяет настроить какие минуты доступны для выбора.
+     * @en Configures which minutes are available for selection.
+     */
     allowedMinutes: Array,
-    /** Позволяет настроить какие секунды доступны для выбора. */
+    /**
+     * Позволяет настроить какие секунды доступны для выбора.
+     * @en Configures which seconds are available for selection.
+     */
     allowedSeconds: Array,
     ...defineComponentProps(),
     ...defineDatetimeProps({ mask: "HH:mm" }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsTimePicker.props.js","sources":["../../../../../../src/components/CdsTimePicker/api/CdsTimePicker.props.ts"],"sourcesContent":["import { defineDatetimeProps } from '@cds/composables/useDatetime';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsTimePickerConstants } from './CdsTimePicker.constants';\n\nexport const defineCdsTimePickerProps = propsFactory(\n {\n /** Добавляет секунды в выбор ~~времени.~~ /\n withSeconds: Boolean,\n /* Отображает время в 12-часовом формате AM/PM. /\n format12h: Boolean,\n /* Отображает кнопку \"Сейчас\". /\n nowBtn: Boolean,\n /* Используемая дата по-умолчанию, когда модель не заполнена (в формате YYYY/MM/DD). /\n defaultDate: {\n type: String as PropType<string>,\n default: undefined,\n validator: (value: string) => /^-?[\\d]+\\/[0-1]\\d\\/[0-3]\\d$/.test(value)\n },\n /* Позволяет настроить какое время доступно для ~~выбора.~~ /\n allowedTime: {\n type: Function as PropType<(hr: number \| null, min: number \| null, sec: number \| null) => boolean>,\n default: undefined\n },\n /* Позволяет настроить какие часы доступны для ~~выбора.~~ /\n allowedHours: Array as PropType<number[]>,\n /* Позволяет настроить какие минуты доступны для ~~выбора.~~ /\n allowedMinutes: Array as PropType<number[]>,\n /* Позволяет настроить какие секунды доступны для ~~выбора.~~ */\n allowedSeconds: Array as PropType<number[]>,\n\n ...defineComponentProps(),\n ...defineDatetimeProps({ mask: 'HH:mm' }),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineThemeProps()\n },\n CdsTimePickerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,~~IAEE~~,aAAa;AAAA;AAAA,~~IAEb~~,WAAW;AAAA;AAAA,~~IAEX~~,QAAQ;AAAA;AAAA,~~IAER~~,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,8BAA8B,KAAK,KAAK;AAAA,IAAA;AAAA;AAAA,~~IAGxE~~,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,cAAc;AAAA;AAAA,~~IAEd~~,gBAAgB;AAAA;AAAA,~~IAEhB~~,gBAAgB;AAAA,IAEhB,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAoB,EAAE,MAAM,SAAS;AAAA,IACxC,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}
1	+ {"version":3,"file":"CdsTimePicker.props.js","sources":["../../../../../../src/components/CdsTimePicker/api/CdsTimePicker.props.ts"],"sourcesContent":["import { defineDatetimeProps } from '@cds/composables/useDatetime';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsTimePickerConstants } from './CdsTimePicker.constants';\n\nexport const defineCdsTimePickerProps = propsFactory(\n {\n /*\n Добавляет секунды в выбор времени.\n * @en Adds seconds to the time selection.\n /\n withSeconds: Boolean,\n /\n Отображает время в 12-часовом формате AM/PM.\n * @en Shows the time in the 12-hour AM/PM format.\n /\n format12h: Boolean,\n /\n Отображает кнопку \"Сейчас\".\n * @en Shows the \"Now\" button.\n /\n nowBtn: Boolean,\n /\n Используемая дата по-умолчанию, когда модель не заполнена (в формате YYYY/MM/DD).\n * @en Date used by default when the model is empty (in the YYYY/MM/DD format).\n /\n defaultDate: {\n type: String as PropType<string>,\n default: undefined,\n validator: (value: string) => /^-?[\\d]+\\/[0-1]\\d\\/[0-3]\\d$/.test(value)\n },\n /\n Позволяет настроить какое время доступно для выбора.\n * @en Configures which time is available for selection.\n /\n allowedTime: {\n type: Function as PropType<(hr: number \| null, min: number \| null, sec: number \| null) => boolean>,\n default: undefined\n },\n /\n Позволяет настроить какие часы доступны для выбора.\n * @en Configures which hours are available for selection.\n /\n allowedHours: Array as PropType<number[]>,\n /\n Позволяет настроить какие минуты доступны для выбора.\n * @en Configures which minutes are available for selection.\n /\n allowedMinutes: Array as PropType<number[]>,\n /\n Позволяет настроить какие секунды доступны для выбора.\n * @en Configures which seconds are available for selection.\n */\n allowedSeconds: Array as PropType<number[]>,\n\n ...defineComponentProps(),\n ...defineDatetimeProps({ mask: 'HH:mm' }),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineThemeProps()\n },\n CdsTimePickerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,8BAA8B,KAAK,KAAK;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxE,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,gBAAgB;AAAA,IAEhB,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAoB,EAAE,MAAM,SAAS;AAAA,IACxC,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}

package/dist/es/src/components/CdsToast/CdsToast.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-toast {
     --cds-toast-current-offset: var(--cds-toast-offset);

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

@@ -10,7 +10,6 @@ import { u as useToastItem } from "../CdsToastQueue/composables/useToastQueue.js
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
@@ -20,6 +19,7 @@ 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 { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -9,38 +9,74 @@ import { C as CdsToastConstants } from "./CdsToast.constants.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToastProps = propsFactory(
   {
-    /** Свёрнутое состояние тоста в очереди: размеры, до которых сворачивается тост. Управляется компонентом CdsToastQueue. */
+    /**
+     * Свёрнутое состояние тоста в очереди: размеры, до которых сворачивается тост. Управляется компонентом CdsToastQueue.
+     * @en Collapsed state of a toast in the queue: the size the toast collapses to. Managed by the CdsToastQueue component.
+     */
     collapsed: Object,
-    /** Отображает индикатор загрузки вместо иконки. */
+    /**
+     * Отображает индикатор загрузки вместо иконки.
+     * @en Shows a loading indicator instead of the icon.
+     */
     loading: Boolean,
-    /** Источник изображения аватара перед контентом. Имеет приоритет над иконкой. */
+    /**
+     * Источник изображения аватара перед контентом. Имеет приоритет над иконкой.
+     * @en Source of the avatar image before the content. Takes priority over the icon.
+     */
     prependAvatar: String,
-    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */
+    /**
+     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.
+     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.
+     */
     icon: {
       type: [Boolean, String, Function, Object, Array],
       default: null
     },
-    /** Отступ между тостами в очереди в пикселях. Управляется компонентом CdsToastQueue. */
+    /**
+     * Отступ между тостами в очереди в пикселях. Управляется компонентом CdsToastQueue.
+     * @en Gap between the toasts in the queue, in pixels. Managed by the CdsToastQueue component.
+     */
     queueGap: Number,
-    /** Индекс тоста в очереди. Управляется компонентом CdsToastQueue. */
+    /**
+     * Индекс тоста в очереди. Управляется компонентом CdsToastQueue.
+     * @en Index of the toast in the queue. Managed by the CdsToastQueue component.
+     */
     queueIndex: Number,
-    /** Заголовок тоста. */
+    /**
+     * Заголовок тоста.
+     * @en Heading of the toast.
+     */
     title: String,
-    /** Обратное направление шкалы таймера: заполняется, а не убывает. */
+    /**
+     * Обратное направление шкалы таймера: заполняется, а не убывает.
+     * @en Reverses the timer bar: it fills up instead of draining.
+     */
     reverseTimer: Boolean,
-    /** Отображает шкалу таймера до автозакрытия: `true`/`top` — сверху, `bottom` — снизу. */
+    /**
+     * Отображает шкалу таймера до автозакрытия: `true`/`top` — сверху, `bottom` — снизу.
+     * @en Shows the timer bar until auto-closing: `true`/`top` — on top, `bottom` — at the bottom.
+     */
     timer: {
       type: [Boolean, String],
       default: false
     },
-    /** Цвет шкалы таймера. */
+    /**
+     * Цвет шкалы таймера.
+     * @en Color of the timer bar.
+     */
     timerColor: String,
-    /** Время в миллисекундах до автоматического скрытия тоста. Значение `-1` отключает автозакрытие. */
+    /**
+     * Время в миллисекундах до автоматического скрытия тоста. Значение `-1` отключает автозакрытие.
+     * @en Delay in milliseconds before the toast hides automatically. The value `-1` turns auto-closing off.
+     */
     timeout: {
       type: [Number, String],
       default: 5e3
     },
-    /** Вертикальная раскладка: действия переносятся под контент. */
+    /**
+     * Вертикальная раскладка: действия переносятся под контент.
+     * @en Vertical layout: the actions move below the content.
+     */
     vertical: Boolean,
     ...defineLocationProps({ location: "top center" }),
     ...definePositionProps(),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsToast.props.js","sources":["../../../../../../src/components/CdsToast/api/CdsToast.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastConstants } from './CdsToast.constants';\n\nexport const defineCdsToastProps = propsFactory(\n {\n /** Свёрнутое состояние тоста в очереди: размеры, до которых сворачивается тост. Управляется компонентом CdsToastQueue. /\n collapsed: Object as PropType<{ width: number; height: number }>,\n /* Отображает индикатор загрузки вместо ~~иконки.~~ /\n loading: Boolean,\n /* Источник изображения аватара перед контентом. Имеет приоритет над ~~иконкой.~~ /\n prependAvatar: String,\n /* Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает ~~иконку.~~ /\n icon: {\n type: [Boolean, String, Function, Object, Array] as PropType<false \| IconValue>,\n default: null\n },\n /* Отступ между тостами в очереди в пикселях. Управляется компонентом CdsToastQueue. /\n queueGap: Number,\n /* Индекс тоста в очереди. Управляется компонентом CdsToastQueue. /\n queueIndex: Number,\n /* Заголовок ~~тоста.~~ /\n title: String,\n /* Обратное направление шкалы таймера: заполняется, а не ~~убывает.~~ /\n reverseTimer: Boolean,\n /* Отображает шкалу таймера до автозакрытия: `true`/`top` — сверху, `bottom` — ~~снизу.~~ /\n timer: {\n type: [Boolean, String] as PropType<boolean \| 'top' \| 'bottom'>,\n default: false\n },\n /* Цвет шкалы ~~таймера.~~ /\n timerColor: String,\n /* Время в миллисекундах до автоматического скрытия тоста. Значение `-1` отключает ~~автозакрытие.~~ /\n timeout: {\n type: [Number, String],\n default: 5000\n },\n /* Вертикальная раскладка: действия переносятся под ~~контент.~~ */\n vertical: Boolean,\n\n ...defineLocationProps({ location: 'top center' } as const),\n ...definePositionProps(),\n ...defineStatusProps(),\n ...pick(defineColorProps(), ['bgColor', 'textColor']),\n ...defineTextProps(),\n ...omit(\n defineCdsOverlayProps({\n closeOnBack: false,\n transition: 'cds-toast-transition'\n }),\n [\n 'persistent',\n 'noClickAnimation',\n 'offset',\n 'retainFocus',\n 'captureFocus',\n 'location',\n 'scrim',\n 'scrollStrategy',\n 'stickToTarget',\n 'viewportMargin'\n ]\n )\n },\n CdsToastConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,~~IAEE~~,WAAW;AAAA;AAAA,~~IAEX~~,SAAS;AAAA;AAAA,~~IAET~~,eAAe;AAAA;AAAA,~~IAEf~~,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA;AAAA,~~IAEV~~,YAAY;AAAA;AAAA,~~IAEZ~~,OAAO;AAAA;AAAA,~~IAEP~~,cAAc;AAAA;AAAA,~~IAEd~~,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,YAAY;AAAA;AAAA,~~IAEZ~~,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA,IAEV,GAAG,oBAAoB,EAAE,UAAU,cAAuB;AAAA,IAC1D,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,MAAA,CACb;AAAA,MACD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkB;AACpB;"}
1	+ {"version":3,"file":"CdsToast.props.js","sources":["../../../../../../src/components/CdsToast/api/CdsToast.props.ts"],"sourcesContent":["import { defineCdsOverlayProps } from '@cds/components/CdsOverlay/api/CdsOverlay.props';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { definePositionProps } from '@cds/composables/usePosition';\nimport { defineStatusProps } from '@cds/composables/useStatus';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { propsFactory } from '@cds/core';\nimport { omit, pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastConstants } from './CdsToast.constants';\n\nexport const defineCdsToastProps = propsFactory(\n {\n /*\n Свёрнутое состояние тоста в очереди: размеры, до которых сворачивается тост. Управляется компонентом CdsToastQueue.\n * @en Collapsed state of a toast in the queue: the size the toast collapses to. Managed by the CdsToastQueue component.\n /\n collapsed: Object as PropType<{ width: number; height: number }>,\n /\n Отображает индикатор загрузки вместо иконки.\n * @en Shows a loading indicator instead of the icon.\n /\n loading: Boolean,\n /\n Источник изображения аватара перед контентом. Имеет приоритет над иконкой.\n * @en Source of the avatar image before the content. Takes priority over the icon.\n /\n prependAvatar: String,\n /\n Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.\n * @en Icon before the content. Taken from `status` by default; `false` hides the icon.\n /\n icon: {\n type: [Boolean, String, Function, Object, Array] as PropType<false \| IconValue>,\n default: null\n },\n /\n Отступ между тостами в очереди в пикселях. Управляется компонентом CdsToastQueue.\n * @en Gap between the toasts in the queue, in pixels. Managed by the CdsToastQueue component.\n /\n queueGap: Number,\n /\n Индекс тоста в очереди. Управляется компонентом CdsToastQueue.\n * @en Index of the toast in the queue. Managed by the CdsToastQueue component.\n /\n queueIndex: Number,\n /\n Заголовок тоста.\n * @en Heading of the toast.\n /\n title: String,\n /\n Обратное направление шкалы таймера: заполняется, а не убывает.\n * @en Reverses the timer bar: it fills up instead of draining.\n /\n reverseTimer: Boolean,\n /\n Отображает шкалу таймера до автозакрытия: `true`/`top` — сверху, `bottom` — снизу.\n * @en Shows the timer bar until auto-closing: `true`/`top` — on top, `bottom` — at the bottom.\n /\n timer: {\n type: [Boolean, String] as PropType<boolean \| 'top' \| 'bottom'>,\n default: false\n },\n /\n Цвет шкалы таймера.\n * @en Color of the timer bar.\n /\n timerColor: String,\n /\n Время в миллисекундах до автоматического скрытия тоста. Значение `-1` отключает автозакрытие.\n * @en Delay in milliseconds before the toast hides automatically. The value `-1` turns auto-closing off.\n /\n timeout: {\n type: [Number, String],\n default: 5000\n },\n /\n Вертикальная раскладка: действия переносятся под контент.\n * @en Vertical layout: the actions move below the content.\n */\n vertical: Boolean,\n\n ...defineLocationProps({ location: 'top center' } as const),\n ...definePositionProps(),\n ...defineStatusProps(),\n ...pick(defineColorProps(), ['bgColor', 'textColor']),\n ...defineTextProps(),\n ...omit(\n defineCdsOverlayProps({\n closeOnBack: false,\n transition: 'cds-toast-transition'\n }),\n [\n 'persistent',\n 'noClickAnimation',\n 'offset',\n 'retainFocus',\n 'captureFocus',\n 'location',\n 'scrim',\n 'scrollStrategy',\n 'stickToTarget',\n 'viewportMargin'\n ]\n )\n },\n CdsToastConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC/C,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,OAAO;AAAA,MACL,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,IAEV,GAAG,oBAAoB,EAAE,UAAU,cAAuB;AAAA,IAC1D,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,WAAW,WAAW,CAAC;AAAA,IACpD,GAAG,gBAAA;AAAA,IACH,GAAG;AAAA,MACD,sBAAsB;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,MAAA,CACb;AAAA,MACD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkB;AACpB;"}

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

@@ -160,7 +160,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(queue.lastItemSize, updateDynamicProps);
     watch(() => props.collapsed, updateDynamicProps);
     __expose({
-      /** Очищает очередь и закрывает все видимые тосты. */
+      /**
+       * Очищает очередь и закрывает все видимые тосты.
+       * @en Empties the queue and closes all the visible toasts.
+       */
       clear
     });
     return () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsToastQueue.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsToastQueue/CdsToastQueue.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsButton } from '@cds/components/CdsButton';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsToast } from '@cds/components/CdsToast';\nimport { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { useDelay } from '@cds/composables/useDelay';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport { computed, mergeProps, ref, shallowRef, toRef, triggerRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsToastQueueConstants } from './api/CdsToastQueue.constants';\nimport { defineCdsToastQueueProps } from './api/CdsToastQueue.props';\nimport type {\n CdsToastQueueEvents,\n CdsToastQueueSlots,\n ToastMessage,\n ToastMessageDismissType,\n ToastQueueItem\n} from './api/CdsToastQueue.types';\nimport { useDocumentVisibility } from './composables/useDocumentVisibility';\nimport { useToastQueue } from './composables/useToastQueue';\n\ndefineOptions({\n name: CdsToastQueueConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsToastQueueProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsToastQueueSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { t } = useLocale();\nconst documentVisibility = useDocumentVisibility();\nconst queue = useToastQueue(props);\n\nconst isHovered = shallowRef(false);\nconst { runOpenDelay, runCloseDelay } = useDelay({ openDelay: 0, closeDelay: 500 }, (val) => {\n isHovered.value = val;\n updateDynamicProps();\n});\n\nlet _lastId = 0;\nconst visibleItems = ref<ToastQueueItem[]>([]);\nconst limit = toRef(() => Number(props.totalVisible));\n\nwatch(() => props.modelValue.length, showNext);\n\nfunction removeItem(id: number) {\n visibleItems.value = visibleItems.value.filter((x) => x.id !== id);\n if (visibleItems.value.length === 0) {\n isHovered.value = false;\n }\n showNext();\n}\n\nfunction showNext() {\n if (!props.modelValue.length) return;\n\n const activeCount = visibleItems.value.filter((x) => x.active).length;\n if (activeCount >= unref(limit)) {\n if (props.displayStrategy !== 'overflow') return;\n\n // Закрываем самые старые активные тосты, освобождая место\n visibleItems.value\n .filter((x) => x.active)\n .slice(unref(limit) - 1)\n .forEach((item) => {\n item.active = false;\n item.onDismiss?.('overflow');\n });\n }\n\n const [next, ...rest] = props.modelValue;\n emit('update:modelValue', rest);\n\n const item = typeof next === 'string' ? { text: next } : next;\n const { promise, success, error, onDismiss, ...itemProps } = item;\n\n const newItem: ToastQueueItem = {\n id: _lastId++,\n item: {\n ...(promise ? { timeout: -1, loading: true } : {}),\n ...itemProps\n },\n active: true,\n onDismiss\n };\n visibleItems.value.unshift(newItem);\n updateDynamicProps();\n\n promise?.then(\n (data: any) => {\n if (!newItem.active) return;\n newItem.item = success?.(data) ?? { ...newItem.item, timeout: 1 };\n updateDynamicProps();\n triggerRef(visibleItems);\n },\n (data: any) => {\n if (!newItem.active) return;\n newItem.item = error?.(data) ?? { ...newItem.item, timeout: 1 };\n updateDynamicProps();\n triggerRef(visibleItems);\n }\n );\n}\n\nfunction dismiss(id: number, reason: ToastMessageDismissType) {\n const item = visibleItems.value.find((x) => x.id === id);\n if (!item) return;\n item.active = false;\n item.onDismiss?.(reason);\n updateDynamicProps();\n}\n\nfunction clear() {\n emit('update:modelValue', []);\n [...visibleItems.value].reverse().forEach((item, i) =>\n setTimeout(() => {\n item.active = false;\n item.onDismiss?.('cleared');\n }, 100 * i)\n );\n}\n\nconst btnProps = computed(() => ({\n color: typeof props.closable === 'string' ? props.closable : undefined,\n text: t(props.closeText)\n}));\n\nfunction updateDynamicProps() {\n let activeIndex = 0;\n visibleItems.value.forEach(({ item, active }) => {\n item.queueIndex = activeIndex;\n if (active) activeIndex++;\n });\n\n if (!props.collapsed \|\| isHovered.value) {\n visibleItems.value.forEach(({ item }) => (item.collapsed = undefined));\n return;\n }\n\n for (const { item } of visibleItems.value) {\n item.collapsed =\n item.queueIndex! > 0\n ? {\n width: queue.lastItemSize.value.width,\n height: queue.lastItemSize.value.height\n }\n : undefined;\n }\n}\n\nwatch(queue.lastItemSize, updateDynamicProps);\nwatch(() => props.collapsed, updateDynamicProps);\n\ndefineRender(() => {\n const hasActions = !!(props.closable \|\| slots.actions);\n const toastProps = omit(filterProps(defineCdsToastProps, props), ['modelValue', 'collapsed']);\n const pauseAll = documentVisibility.value === 'hidden' \|\| (props.collapsed && isHovered.value);\n\n return (\n <>\n {visibleItems.value.map(({ id, item, active }) =>\n slots.item ? (\n <CdsDefaultsProvider defaults={{ CdsToast: item }}>\n {slots.item({ item: item as ToastMessage })}\n </CdsDefaultsProvider>\n ) : (\n <CdsToast\n key={id}\n {...attrs}\n {...toastProps}\n {...item}\n {...(pauseAll ? { timeout: -1 } : {})}\n queueGap={Number(props.gap)}\n contentProps={mergeProps(toastProps.contentProps ?? {}, {\n onMouseenter: runOpenDelay,\n onMouseleave: () => runCloseDelay()\n })}\n modelValue={active}\n onUpdate:modelValue={() => dismiss(id, 'auto')}\n onAfterLeave={() => removeItem(id)}\n >\n {{\n header: slots.header ? () => slots.header?.({ item: item as ToastMessage }) : undefined,\n text: slots.text ? () => slots.text?.({ item: item as ToastMessage }) : undefined,\n actions: hasActions\n ? () => (\n <>\n {!slots.actions ? (\n <CdsButton {...unref(btnProps)} onClick={() => dismiss(id, 'dismissed')} />\n ) : (\n <CdsDefaultsProvider defaults={{ CdsButton: unref(btnProps) }}>\n {slots.actions({\n item: item as ToastMessage,\n props: { onClick: () => dismiss(id, 'dismissed') }\n })}\n </CdsDefaultsProvider>\n )}\n </>\n )\n : undefined\n }}\n </CdsToast>\n )\n )}\n </>\n );\n});\n\ndefineExpose({\n /** Очищает очередь и закрывает все видимые тосты. */\n clear\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","t","useLocale","documentVisibility","useDocumentVisibility","queue","useToastQueue","isHovered","shallowRef","runOpenDelay","runCloseDelay","useDelay","openDelay","closeDelay","val","value","updateDynamicProps","_lastId","visibleItems","ref","limit","toRef","Number","totalVisible","watch","modelValue","length","showNext","removeItem","id","filter","x","activeCount","active","unref","displayStrategy","slice","forEach","item","onDismiss","next","rest","text","promise","success","error","itemProps","newItem","timeout","loading","unshift","then","data","triggerRef","dismiss","reason","find","clear","reverse","i","setTimeout","btnProps","computed","color","closable","undefined","closeText","activeIndex","queueIndex","collapsed","width","lastItemSize","height","__expose","hasActions","actions","toastProps","omit","filterProps","defineCdsToastProps","pauseAll","_createVNode","_Fragment","map","CdsDefaultsProvider","CdsToast","default","_mergeProps","gap","mergeProps","contentProps","onMouseenter","onMouseleave","onUpdate:modelValue","onAfterLeave","header","CdsButton","onClick"],"mappings":"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"}
1	+ {"version":3,"file":"CdsToastQueue.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsToastQueue/CdsToastQueue.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { CdsButton } from '@cds/components/CdsButton';\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { CdsToast } from '@cds/components/CdsToast';\nimport { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { useDelay } from '@cds/composables/useDelay';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { filterProps, useDefaults } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport { computed, mergeProps, ref, shallowRef, toRef, triggerRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsToastQueueConstants } from './api/CdsToastQueue.constants';\nimport { defineCdsToastQueueProps } from './api/CdsToastQueue.props';\nimport type {\n CdsToastQueueEvents,\n CdsToastQueueSlots,\n ToastMessage,\n ToastMessageDismissType,\n ToastQueueItem\n} from './api/CdsToastQueue.types';\nimport { useDocumentVisibility } from './composables/useDocumentVisibility';\nimport { useToastQueue } from './composables/useToastQueue';\n\ndefineOptions({\n name: CdsToastQueueConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsToastQueueProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsToastQueueSlots>();\nconst emit = defineEmits([\"update:modelValue\"]);\nconst attrs = useAttrs();\n\nconst { t } = useLocale();\nconst documentVisibility = useDocumentVisibility();\nconst queue = useToastQueue(props);\n\nconst isHovered = shallowRef(false);\nconst { runOpenDelay, runCloseDelay } = useDelay({ openDelay: 0, closeDelay: 500 }, (val) => {\n isHovered.value = val;\n updateDynamicProps();\n});\n\nlet _lastId = 0;\nconst visibleItems = ref<ToastQueueItem[]>([]);\nconst limit = toRef(() => Number(props.totalVisible));\n\nwatch(() => props.modelValue.length, showNext);\n\nfunction removeItem(id: number) {\n visibleItems.value = visibleItems.value.filter((x) => x.id !== id);\n if (visibleItems.value.length === 0) {\n isHovered.value = false;\n }\n showNext();\n}\n\nfunction showNext() {\n if (!props.modelValue.length) return;\n\n const activeCount = visibleItems.value.filter((x) => x.active).length;\n if (activeCount >= unref(limit)) {\n if (props.displayStrategy !== 'overflow') return;\n\n // Закрываем самые старые активные тосты, освобождая место\n visibleItems.value\n .filter((x) => x.active)\n .slice(unref(limit) - 1)\n .forEach((item) => {\n item.active = false;\n item.onDismiss?.('overflow');\n });\n }\n\n const [next, ...rest] = props.modelValue;\n emit('update:modelValue', rest);\n\n const item = typeof next === 'string' ? { text: next } : next;\n const { promise, success, error, onDismiss, ...itemProps } = item;\n\n const newItem: ToastQueueItem = {\n id: _lastId++,\n item: {\n ...(promise ? { timeout: -1, loading: true } : {}),\n ...itemProps\n },\n active: true,\n onDismiss\n };\n visibleItems.value.unshift(newItem);\n updateDynamicProps();\n\n promise?.then(\n (data: any) => {\n if (!newItem.active) return;\n newItem.item = success?.(data) ?? { ...newItem.item, timeout: 1 };\n updateDynamicProps();\n triggerRef(visibleItems);\n },\n (data: any) => {\n if (!newItem.active) return;\n newItem.item = error?.(data) ?? { ...newItem.item, timeout: 1 };\n updateDynamicProps();\n triggerRef(visibleItems);\n }\n );\n}\n\nfunction dismiss(id: number, reason: ToastMessageDismissType) {\n const item = visibleItems.value.find((x) => x.id === id);\n if (!item) return;\n item.active = false;\n item.onDismiss?.(reason);\n updateDynamicProps();\n}\n\nfunction clear() {\n emit('update:modelValue', []);\n [...visibleItems.value].reverse().forEach((item, i) =>\n setTimeout(() => {\n item.active = false;\n item.onDismiss?.('cleared');\n }, 100 * i)\n );\n}\n\nconst btnProps = computed(() => ({\n color: typeof props.closable === 'string' ? props.closable : undefined,\n text: t(props.closeText)\n}));\n\nfunction updateDynamicProps() {\n let activeIndex = 0;\n visibleItems.value.forEach(({ item, active }) => {\n item.queueIndex = activeIndex;\n if (active) activeIndex++;\n });\n\n if (!props.collapsed \|\| isHovered.value) {\n visibleItems.value.forEach(({ item }) => (item.collapsed = undefined));\n return;\n }\n\n for (const { item } of visibleItems.value) {\n item.collapsed =\n item.queueIndex! > 0\n ? {\n width: queue.lastItemSize.value.width,\n height: queue.lastItemSize.value.height\n }\n : undefined;\n }\n}\n\nwatch(queue.lastItemSize, updateDynamicProps);\nwatch(() => props.collapsed, updateDynamicProps);\n\ndefineRender(() => {\n const hasActions = !!(props.closable \|\| slots.actions);\n const toastProps = omit(filterProps(defineCdsToastProps, props), ['modelValue', 'collapsed']);\n const pauseAll = documentVisibility.value === 'hidden' \|\| (props.collapsed && isHovered.value);\n\n return (\n <>\n {visibleItems.value.map(({ id, item, active }) =>\n slots.item ? (\n <CdsDefaultsProvider defaults={{ CdsToast: item }}>\n {slots.item({ item: item as ToastMessage })}\n </CdsDefaultsProvider>\n ) : (\n <CdsToast\n key={id}\n {...attrs}\n {...toastProps}\n {...item}\n {...(pauseAll ? { timeout: -1 } : {})}\n queueGap={Number(props.gap)}\n contentProps={mergeProps(toastProps.contentProps ?? {}, {\n onMouseenter: runOpenDelay,\n onMouseleave: () => runCloseDelay()\n })}\n modelValue={active}\n onUpdate:modelValue={() => dismiss(id, 'auto')}\n onAfterLeave={() => removeItem(id)}\n >\n {{\n header: slots.header ? () => slots.header?.({ item: item as ToastMessage }) : undefined,\n text: slots.text ? () => slots.text?.({ item: item as ToastMessage }) : undefined,\n actions: hasActions\n ? () => (\n <>\n {!slots.actions ? (\n <CdsButton {...unref(btnProps)} onClick={() => dismiss(id, 'dismissed')} />\n ) : (\n <CdsDefaultsProvider defaults={{ CdsButton: unref(btnProps) }}>\n {slots.actions({\n item: item as ToastMessage,\n props: { onClick: () => dismiss(id, 'dismissed') }\n })}\n </CdsDefaultsProvider>\n )}\n </>\n )\n : undefined\n }}\n </CdsToast>\n )\n )}\n </>\n );\n});\n\ndefineExpose({\n /*\n Очищает очередь и закрывает все видимые тосты.\n * @en Empties the queue and closes all the visible toasts.\n */\n clear\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","t","useLocale","documentVisibility","useDocumentVisibility","queue","useToastQueue","isHovered","shallowRef","runOpenDelay","runCloseDelay","useDelay","openDelay","closeDelay","val","value","updateDynamicProps","_lastId","visibleItems","ref","limit","toRef","Number","totalVisible","watch","modelValue","length","showNext","removeItem","id","filter","x","activeCount","active","unref","displayStrategy","slice","forEach","item","onDismiss","next","rest","text","promise","success","error","itemProps","newItem","timeout","loading","unshift","then","data","triggerRef","dismiss","reason","find","clear","reverse","i","setTimeout","btnProps","computed","color","closable","undefined","closeText","activeIndex","queueIndex","collapsed","width","lastItemSize","height","__expose","hasActions","actions","toastProps","omit","filterProps","defineCdsToastProps","pauseAll","_createVNode","_Fragment","map","CdsDefaultsProvider","CdsToast","default","_mergeProps","gap","mergeProps","contentProps","onMouseenter","onMouseleave","onUpdate:modelValue","onAfterLeave","header","CdsButton","onClick"],"mappings":"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"}

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

@@ -4,31 +4,52 @@ import { a3 as omit } from "../../../utils/helpers.js";
 import { a as CdsToastQueueConstants } from "./CdsToastQueue.constants.js";
 const defineCdsToastQueueProps = propsFactory(
   {
-    /** Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки. */
+    /**
+     * Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки.
+     * @en Adds a close button to every toast. A string value sets the color of the button.
+     */
     closable: [Boolean, String],
-    /** Текст кнопки закрытия. */
+    /**
+     * Текст кнопки закрытия.
+     * @en Text of the close button.
+     */
     closeText: {
       type: String,
       default: "$cds.dismiss"
     },
-    /** Сворачивает неактивные тосты в стопку под последним видимым. */
+    /**
+     * Сворачивает неактивные тосты в стопку под последним видимым.
+     * @en Folds the inactive toasts into a stack under the last visible one.
+     */
     collapsed: Boolean,
-    /** Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые. */
+    /**
+     * Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые.
+     * @en Strategy when `totalVisible` is exceeded: `hold` — wait until a toast closes, `overflow` — push the oldest ones out.
+     */
     displayStrategy: {
       type: String,
       default: "hold"
     },
-    /** Очередь сообщений (v-model). Строка или объект с пропсами тоста. */
+    /**
+     * Очередь сообщений (v-model). Строка или объект с пропсами тоста.
+     * @en The queue of messages (v-model). A string or an object with toast props.
+     */
     modelValue: {
       type: Array,
       default: () => []
     },
-    /** Максимальное количество одновременно видимых тостов. */
+    /**
+     * Максимальное количество одновременно видимых тостов.
+     * @en Maximum number of simultaneously visible toasts.
+     */
     totalVisible: {
       type: [Number, String],
       default: 1
     },
-    /** Отступ между тостами в пикселях. */
+    /**
+     * Отступ между тостами в пикселях.
+     * @en Gap between the toasts, in pixels.
+     */
     gap: {
       type: [Number, String],
       default: 8

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsToastQueue.props.js","sources":["../../../../../../src/components/CdsToastQueue/api/CdsToastQueue.props.ts"],"sourcesContent":["import { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastQueueConstants } from './CdsToastQueue.constants';\nimport type { ToastMessage } from './CdsToastQueue.types';\n\nexport const defineCdsToastQueueProps = propsFactory(\n {\n /** Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет ~~кнопки.~~ /\n closable: [Boolean, String],\n /* Текст кнопки ~~закрытия.~~ /\n closeText: {\n type: String,\n default: '$cds.dismiss'\n },\n /* Сворачивает неактивные тосты в стопку под последним ~~видимым.~~ /\n collapsed: Boolean,\n /* Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые ~~старые.~~ /\n displayStrategy: {\n type: String as PropType<'overflow' \| 'hold'>,\n default: 'hold'\n },\n /* Очередь сообщений (v-model). Строка или объект с пропсами ~~тоста.~~ /\n modelValue: {\n type: Array as PropType<readonly ToastMessage[]>,\n default: () => []\n },\n /* Максимальное количество одновременно видимых ~~тостов.~~ /\n totalVisible: {\n type: [Number, String],\n default: 1\n },\n /* Отступ между тостами в ~~пикселях.~~ */\n gap: {\n type: [Number, String],\n default: 8\n },\n\n ...omit(defineCdsToastProps(), ['modelValue', 'collapsed', 'queueIndex', 'queueGap'])\n },\n CdsToastQueueConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,~~IAEE~~,UAAU,CAAC,SAAS,MAAM;AAAA;AAAA,~~IAE1B~~,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,WAAW;AAAA;AAAA,~~IAEX~~,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,~~IAGlB~~,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,uBAAuB,CAAC,cAAc,aAAa,cAAc,UAAU,CAAC;AAAA,EAAA;AAAA,EAEtF,uBAAuB;AACzB;"}
1	+ {"version":3,"file":"CdsToastQueue.props.js","sources":["../../../../../../src/components/CdsToastQueue/api/CdsToastQueue.props.ts"],"sourcesContent":["import { defineCdsToastProps } from '@cds/components/CdsToast/api/CdsToast.props';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToastQueueConstants } from './CdsToastQueue.constants';\nimport type { ToastMessage } from './CdsToastQueue.types';\n\nexport const defineCdsToastQueueProps = propsFactory(\n {\n /*\n Добавляет кнопку закрытия каждому тосту. Строковое значение задаёт цвет кнопки.\n * @en Adds a close button to every toast. A string value sets the color of the button.\n /\n closable: [Boolean, String],\n /\n Текст кнопки закрытия.\n * @en Text of the close button.\n /\n closeText: {\n type: String,\n default: '$cds.dismiss'\n },\n /\n Сворачивает неактивные тосты в стопку под последним видимым.\n * @en Folds the inactive toasts into a stack under the last visible one.\n /\n collapsed: Boolean,\n /\n Стратегия при превышении `totalVisible`: `hold` — ждать закрытия, `overflow` — вытеснять самые старые.\n * @en Strategy when `totalVisible` is exceeded: `hold` — wait until a toast closes, `overflow` — push the oldest ones out.\n /\n displayStrategy: {\n type: String as PropType<'overflow' \| 'hold'>,\n default: 'hold'\n },\n /\n Очередь сообщений (v-model). Строка или объект с пропсами тоста.\n * @en The queue of messages (v-model). A string or an object with toast props.\n /\n modelValue: {\n type: Array as PropType<readonly ToastMessage[]>,\n default: () => []\n },\n /\n Максимальное количество одновременно видимых тостов.\n * @en Maximum number of simultaneously visible toasts.\n /\n totalVisible: {\n type: [Number, String],\n default: 1\n },\n /\n Отступ между тостами в пикселях.\n * @en Gap between the toasts, in pixels.\n */\n gap: {\n type: [Number, String],\n default: 8\n },\n\n ...omit(defineCdsToastProps(), ['modelValue', 'collapsed', 'queueIndex', 'queueGap'])\n },\n CdsToastQueueConstants.name\n);\n"],"names":[],"mappings":";;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1B,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,KAAK,uBAAuB,CAAC,cAAc,aAAa,cAAc,UAAU,CAAC;AAAA,EAAA;AAAA,EAEtF,uBAAuB;AACzB;"}

package/dist/es/src/components/CdsToggle/CdsToggle.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-toggle {
     --cds-toggle-track-height: calc(24px / var(--cds-base-unit) * 1rem);

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

@@ -6,14 +6,23 @@ import { C as CdsToggleConstants } from "./CdsToggle.constants.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsToggleProps = propsFactory(
   {
-    /** Неопределённое состояние переключателя. */
+    /**
+     * Неопределённое состояние переключателя.
+     * @en Indeterminate state of the toggle.
+     */
     indeterminate: Boolean,
-    /** Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика. */
+    /**
+     * Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика.
+     * @en Loading indicator. Accepts a boolean or a string with the color of the loader.
+     */
     loading: {
       type: [Boolean, String],
       default: false
     },
-    /** Цвет бегунка. */
+    /**
+     * Цвет бегунка.
+     * @en Color of the thumb.
+     */
     thumbColor: String,
     ...omit(defineCdsInputProps(), ["bgColor", "textColor", "activeColor"]),
     ...omit(defineCdsSelectionControlProps(), ["bgColor", "textColor", "activeColor"]),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsToggle.props.js","sources":["../../../../../../src/components/CdsToggle/api/CdsToggle.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlProps } from '@cds/components/CdsSelectionControl/api/CdsSelectionControl.props';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToggleConstants } from './CdsToggle.constants';\n\nexport const defineCdsToggleProps = propsFactory(\n {\n /** Неопределённое состояние ~~переключателя.~~ /\n indeterminate: Boolean,\n /* Индикатор загрузки. Принимает булево значение или строку с цветом ~~загрузчика.~~ /\n loading: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: false\n },\n /* Цвет ~~бегунка.~~ */\n thumbColor: String,\n\n ...omit(defineCdsInputProps(), ['bgColor', 'textColor', 'activeColor']),\n ...omit(defineCdsSelectionControlProps(), ['bgColor', 'textColor', 'activeColor']),\n ...defineSizeProps()\n },\n CdsToggleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,~~IAEE~~,eAAe;AAAA;AAAA,~~IAEf~~,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,YAAY;AAAA,IAEZ,GAAG,KAAK,oBAAA,GAAuB,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACtE,GAAG,KAAK,+BAAA,GAAkC,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACjF,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mBAAmB;AACrB;"}
1	+ {"version":3,"file":"CdsToggle.props.js","sources":["../../../../../../src/components/CdsToggle/api/CdsToggle.props.ts"],"sourcesContent":["import { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsSelectionControlProps } from '@cds/components/CdsSelectionControl/api/CdsSelectionControl.props';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsToggleConstants } from './CdsToggle.constants';\n\nexport const defineCdsToggleProps = propsFactory(\n {\n /*\n Неопределённое состояние переключателя.\n * @en Indeterminate state of the toggle.\n /\n indeterminate: Boolean,\n /\n Индикатор загрузки. Принимает булево значение или строку с цветом загрузчика.\n * @en Loading indicator. Accepts a boolean or a string with the color of the loader.\n /\n loading: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: false\n },\n /\n Цвет бегунка.\n * @en Color of the thumb.\n */\n thumbColor: String,\n\n ...omit(defineCdsInputProps(), ['bgColor', 'textColor', 'activeColor']),\n ...omit(defineCdsSelectionControlProps(), ['bgColor', 'textColor', 'activeColor']),\n ...defineSizeProps()\n },\n CdsToggleConstants.name\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,IAEZ,GAAG,KAAK,oBAAA,GAAuB,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACtE,GAAG,KAAK,+BAAA,GAAkC,CAAC,WAAW,aAAa,aAAa,CAAC;AAAA,IACjF,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,mBAAmB;AACrB;"}