@salutejs/plasma-new-hope 0.325.0-canary.1941.15255593421.0 → 0.325.0-canary.1941.15270278239.0

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css

@@ -1,4 +1,4 @@
-.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayInCurrentMonth__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayOfWeek__1f08c8b0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabledCurrent__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_1hkk03u_s1wqrord__1f08c8b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_1hkk03u_s1cvvf5__1f08c8b0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_12b03hz_s140bov1__23973e8e{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e:not(.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayInCurrentMonth__23973e8e:not(.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayOfWeek__23973e8e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabledCurrent__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_12b03hz_s1wqrord__23973e8e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_12b03hz_s1cvvf5__23973e8e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -1,4 +1,4 @@
-require('./DateStructureItem.styles_1hkk03u.css');
+require('./DateStructureItem.styles_12b03hz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,13 +20,13 @@ var StyledItem = /*#__PURE__*/react.styled('div')({
     "s140bov1-0": [/*#__PURE__*/_exp10()]
   }
 });
-var _exp21 = function _exp21() {
+var _exp19 = function _exp19() {
   return function (_ref2) {
     var isDayInCurrentMonth = _ref2.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryColor, ")");
   };
 };
-var _exp36 = function _exp36() {
+var _exp34 = function _exp34() {
   return function (_ref3) {
     var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryDisabledColor, ")");
@@ -37,8 +37,8 @@ var StyledItemRoot = /*#__PURE__*/react.styled('div')({
   "class": "s1k1xcqq",
   propsAsIs: false,
   vars: {
-    "s1k1xcqq-0": [/*#__PURE__*/_exp21()],
-    "s1k1xcqq-1": [/*#__PURE__*/_exp36()]
+    "s1k1xcqq-0": [/*#__PURE__*/_exp19()],
+    "s1k1xcqq-1": [/*#__PURE__*/_exp34()]
   }
 });
 var StyledEvents = /*#__PURE__*/react.styled('div')({
@@ -46,7 +46,7 @@ var StyledEvents = /*#__PURE__*/react.styled('div')({
   "class": "s1wqrord",
   propsAsIs: false
 });
-var _exp42 = function _exp42() {
+var _exp40 = function _exp40() {
   return function (_ref4) {
     var _ref4$color = _ref4.color,
       color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
@@ -58,7 +58,7 @@ var StyledEvent = /*#__PURE__*/react.styled('div')({
   "class": "s1cvvf5",
   propsAsIs: false,
   vars: {
-    "s1cvvf5-0": [/*#__PURE__*/_exp42()]
+    "s1cvvf5-0": [/*#__PURE__*/_exp40()]
   }
 });
 

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nconst sideInRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n    border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n    ${String(flexCenter)};\n\n    &.${String(classes.inRange)} {\n        ${inRange()};\n    }\n\n    &.${String(classes.sideInRange)} {\n        ${sideInRange()};\n    }\n\n    &.${String(classes.sideLeft)} {\n        &:before {\n            left: ${({ offset }) => `${offset}px`};\n        }\n    }\n\n    &.${String(classes.sideRight)} {\n        &:before {\n            right: ${({ offset }) => `${offset}px`};\n        }\n    }\n`;\n\nconst disabledItem = () => `\n    cursor: not-allowed;\n    opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n    ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n    font-family: var(${innerTokens.dateStructureFontFamily});\n    font-size: var(${innerTokens.dateStructureFontSize});\n    font-style: var(${innerTokens.dateStructureFontStyle});\n    font-weight: var(${innerTokens.dateStructureFontWeight});\n    letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n    line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n    position: relative;\n    box-sizing: border-box;\n\n    min-width: var(${innerTokens.dateStructureWidth});\n    min-height: var(${innerTokens.dateStructureHeight});\n\n    border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n    ${String(flexCenter)};\n\n    color: ${({ isDayInCurrentMonth }) =>\n        isDayInCurrentMonth\n            ? `var(${tokens.calendarContentPrimaryColor})`\n            : `var(${tokens.calendarContentSecondaryColor})`};\n\n    &.${String(classes.selectableItem)} {\n        ${addSelected({\n            minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n            minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n            selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n            selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n            selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n            selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n            currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n            currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n        })};\n\n        ${addFocus({\n            outlineSize: '0.063rem',\n            outlineOffset: '-0.125rem',\n            outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n            outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n        })};\n\n        &.${classes.currentItem} {\n            ${addFocus({\n                outlineSize: '0.063rem',\n                outlineOffset: '-0.1875rem',\n                outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n                outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n            })};\n        }\n    }\n\n    &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n        ${addActive({\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n            activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n        })};\n    }\n\n    &.${classes.dayOfWeek} {\n        color: var(${tokens.calendarDayOfWeekColor});\n    }\n\n    &.${classes.disabled} {\n        color: ${({ isDayInCurrentMonth }) =>\n            isDayInCurrentMonth\n                ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n                : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n        ${disabledItem()};\n    }\n\n    &.${classes.disabledCurrent} {\n        color: ${({ isDayInCurrentMonth }) =>\n            isDayInCurrentMonth\n                ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n                : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n        ${disabledCurrentItem()};\n    }\n\n    &.${classes.currentItem} {\n        & > .${classes.inRange}:before {\n            width: calc(100% + 2px);\n            height: 100%;\n        }\n\n        & > .${classes.sideRight}:before {\n            width: 100%;\n            right: -1px;\n            left: unset;\n        }\n\n        & > .${classes.sideLeft}:before {\n            width: 100%;\n            left: -1px;\n            right: unset;\n        }\n    }\n`;\n\nexport const StyledEvents = styled.div`\n    display: flex;\n\n    position: absolute;\n    bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n    margin: 0 0.063rem;\n\n    width: 0.188rem;\n    height: 0.188rem;\n    border-radius: 50%;\n\n    background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp36","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","_exp42","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAM,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA6BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,sBAAM,CAACE,6BAA6B,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GArF1CA,SAqF0CA,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,sBAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA9EjE,IAAMC,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBvBC,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,GA3KgBA,SA2KhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGtB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}
+{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nconst sideInRange = () => `\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(${tokens.calendarRangeBackground});\n    }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n    border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n    ${String(flexCenter)};\n\n    &.${String(classes.inRange)} {\n        ${inRange()};\n    }\n\n    &.${String(classes.sideInRange)} {\n        ${sideInRange()};\n    }\n\n    &.${String(classes.sideLeft)} {\n        &:before {\n            left: ${({ offset }) => `${offset}px`};\n        }\n    }\n\n    &.${String(classes.sideRight)} {\n        &:before {\n            right: ${({ offset }) => `${offset}px`};\n        }\n    }\n`;\n\nconst disabledItem = () => `\n    cursor: not-allowed;\n    opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n    ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n    font-family: var(${innerTokens.dateStructureFontFamily});\n    font-size: var(${innerTokens.dateStructureFontSize});\n    font-style: var(${innerTokens.dateStructureFontStyle});\n    font-weight: var(${innerTokens.dateStructureFontWeight});\n    letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n    line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n    position: relative;\n    box-sizing: border-box;\n\n    border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n    ${String(flexCenter)};\n\n    color: ${({ isDayInCurrentMonth }) =>\n        isDayInCurrentMonth\n            ? `var(${tokens.calendarContentPrimaryColor})`\n            : `var(${tokens.calendarContentSecondaryColor})`};\n\n    &.${String(classes.selectableItem)} {\n        ${addSelected({\n            minWidth: 'calc(100% - 0.125rem)',\n            minHeight: 'calc(100% - 0.125rem)',\n            selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n            selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n            selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n            selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n            currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n            currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n        })};\n\n        ${addFocus({\n            outlineSize: '0.063rem',\n            outlineOffset: '-0.125rem',\n            outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n            outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n        })};\n\n        &.${classes.currentItem} {\n            ${addFocus({\n                outlineSize: '0.063rem',\n                outlineOffset: '-0.1875rem',\n                outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n                outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n            })};\n        }\n    }\n\n    &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n        ${addActive({\n            activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n            activeColor: `var(${tokens.calendarActiveItemColor})`,\n            activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n        })};\n    }\n\n    &.${classes.dayOfWeek} {\n        color: var(${tokens.calendarDayOfWeekColor});\n    }\n\n    &.${classes.disabled} {\n        color: ${({ isDayInCurrentMonth }) =>\n            isDayInCurrentMonth\n                ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n                : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n        ${disabledItem()};\n    }\n\n    &.${classes.disabledCurrent} {\n        color: ${({ isDayInCurrentMonth }) =>\n            isDayInCurrentMonth\n                ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n                : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n        ${disabledCurrentItem()};\n    }\n\n    &.${classes.currentItem} {\n        & > .${classes.inRange}:before {\n            width: calc(100% + 2px);\n            height: 100%;\n        }\n\n        & > .${classes.sideRight}:before {\n            width: 100%;\n            right: -1px;\n            left: unset;\n        }\n\n        & > .${classes.sideLeft}:before {\n            width: 100%;\n            left: -1px;\n            right: unset;\n        }\n    }\n`;\n\nexport const StyledEvents = styled.div`\n    display: flex;\n\n    position: absolute;\n    bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n    margin: 0 0.063rem;\n\n    width: 0.188rem;\n    height: 0.188rem;\n    border-radius: 50%;\n\n    background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp19","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp34","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","_exp40","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAM,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA0BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,sBAAM,CAACE,6BAA6B,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAlF1CA,SAkF0CA,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,sBAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3EjE,IAAMC,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAevBC,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,GAxKgBA,SAwKhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGtB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css

@@ -0,0 +1,4 @@
+.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
+.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
+.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/cjs/components/Calendar/utils/calendarGridHelper.js

@@ -60,6 +60,13 @@ var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
     currentYear = _getDateFromNow2.year;
   return monthIndex === currentMonthIndex && date.year === currentYear;
 };
+var isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
+  var _getDateFromNow3 = getDateFromNow(),
+    currentMonthIndex = _getDateFromNow3.monthIndex,
+    currentYear = _getDateFromNow3.year;
+  var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
+  return currentQuarterCondition && date.year === currentYear;
+};
 var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
   if (!value) {
     return false;
@@ -70,8 +77,8 @@ var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
   return currentMonth === monthIndex && date.year === year;
 };
 var isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentYear = _getDateFromNow3.year;
+  var _getDateFromNow4 = getDateFromNow(),
+    currentYear = _getDateFromNow4.year;
   return year === currentYear;
 };
 var isSelectedYear = function isSelectedYear(yearValue, value) {
@@ -166,6 +173,7 @@ exports.getPrevDate = getPrevDate;
 exports.getPropsMap = getPropsMap;
 exports.getStartYear = getStartYear;
 exports.isCurrentMonth = isCurrentMonth;
+exports.isCurrentQuarter = isCurrentQuarter;
 exports.isCurrentYear = isCurrentYear;
 exports.isSelectedDay = isSelectedDay;
 exports.isSelectedMonth = isSelectedMonth;

package/cjs/components/Calendar/utils/calendarGridHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendarGridHelper.js","sources":["../../../../src/components/Calendar/utils/calendarGridHelper.ts"],"sourcesContent":["import type {\n    CalendarValueType,\n    DateObject,\n    DateType,\n    DisabledDay,\n    EventDay,\n    ItemProps,\n    Locales,\n} from '../Calendar.types';\nimport type { CalendarStateType } from '../store/types';\n\nimport { isSelectProcess } from './calendarRangeHelper';\nimport { MONTHS, YEAR_RENDER_COUNT, I18N } from './constants';\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() || 7) - 1;\n\nexport const getStartYear = (year: number) => Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n    currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n    currentMonth - 1 < 0 ? [Math.abs(currentYear - 1) || 0, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date | undefined): DateObject => {\n    const state = date || new Date();\n\n    return {\n        day: date !== undefined ? state.getDate() : 0,\n        monthIndex: state.getMonth(),\n        year: Math.abs(state.getFullYear()),\n    };\n};\n\nexport const getDateFromNow = (): DateObject => {\n    const nowDate = new Date();\n\n    return {\n        day: nowDate.getDate(),\n        monthIndex: nowDate.getMonth(),\n        year: nowDate.getFullYear(),\n    };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n    const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n    return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { day, monthIndex, year } = getDateFromValue(value);\n    return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n    const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n    return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, currentMonth: number, value?: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { monthIndex, year } = getDateFromValue(value);\n    return currentMonth === monthIndex && date.year === year;\n};\n\nexport const isCurrentYear = (year: number) => {\n    const { year: currentYear } = getDateFromNow();\n    return year === currentYear;\n};\n\nexport const isSelectedYear = (yearValue: number, value: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { year } = getDateFromValue(value);\n    return yearValue === year;\n};\n\n/**\n * Метод для получения набора неповторяющихся дат.\n */\nexport const getPropsMap = <T extends EventDay | DisabledDay>(props: T[]) =>\n    props.reduce((acc, prop) => {\n        const { year, monthIndex, day } = getDateFromValue(prop.date);\n\n        const key = `${year}-${monthIndex}-${day}`;\n\n        const propList = acc.get(key) || [];\n        propList.push(prop);\n\n        return acc.set(key, propList);\n    }, new Map<string, T[]>());\n\n/**\n * Метод проверяет, можно ли выбрать день.\n */\nexport const canSelectDate = (\n    { year, monthIndex, day }: DateObject,\n    value: CalendarValueType,\n    disabledList?: DisabledDay[],\n) => {\n    if (!isSelectProcess(value)) {\n        return true;\n    }\n\n    const hoverDate = new Date(year, monthIndex, day);\n    const [startDate] = value;\n\n    if (!disabledList?.length) {\n        return true;\n    }\n\n    const offDisabledRange = disabledList.some(\n        ({ date }) => (startDate < date && date < hoverDate) || (startDate > date && date > hoverDate),\n    );\n\n    return !offDisabledRange;\n};\n\n/**\n * Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] | undefined] => {\n    const newItems = [...items];\n\n    let selected: [number, number] | undefined;\n\n    const result = newItems.reduce((acc: T[][], item, index) => {\n        if (index % rowSize === 0) {\n            acc.push([]);\n        }\n\n        acc[acc.length - 1].push(item);\n\n        if (item.isSelected) {\n            selected = [acc.length - 1, index % rowSize];\n        }\n\n        return acc;\n    }, []);\n\n    return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType, locale: Locales) => {\n    switch (type) {\n        case 'Months':\n        case 'Quarters':\n            return I18N.year[locale];\n        case 'Years':\n            return I18N.period[locale];\n        default:\n            return I18N.month[locale];\n    }\n};\n"],"names":["getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","floor","YEAR_RENDER_COUNT","getNextDate","currentYear","currentMonth","MONTHS","length","getPrevDate","abs","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isSelectedMonth","_getDateFromValue2","isCurrentYear","_getDateFromNow3","isSelectedYear","yearValue","_getDateFromValue3","getPropsMap","props","reduce","acc","prop","_getDateFromValue4","key","concat","propList","get","push","set","Map","canSelectDate","_ref","disabledList","isSelectProcess","hoverDate","_value","_slicedToArray","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","item","index","isSelected","getCalendarType","type","locale","I18N","period","month"],"mappings":"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"}
+{"version":3,"file":"calendarGridHelper.js","sources":["../../../../src/components/Calendar/utils/calendarGridHelper.ts"],"sourcesContent":["import type {\n    CalendarValueType,\n    DateObject,\n    DateType,\n    DisabledDay,\n    EventDay,\n    ItemProps,\n    Locales,\n} from '../Calendar.types';\nimport type { CalendarStateType } from '../store/types';\n\nimport { isSelectProcess } from './calendarRangeHelper';\nimport { MONTHS, YEAR_RENDER_COUNT, I18N } from './constants';\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() || 7) - 1;\n\nexport const getStartYear = (year: number) => Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n    currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n    currentMonth - 1 < 0 ? [Math.abs(currentYear - 1) || 0, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date | undefined): DateObject => {\n    const state = date || new Date();\n\n    return {\n        day: date !== undefined ? state.getDate() : 0,\n        monthIndex: state.getMonth(),\n        year: Math.abs(state.getFullYear()),\n    };\n};\n\nexport const getDateFromNow = (): DateObject => {\n    const nowDate = new Date();\n\n    return {\n        day: nowDate.getDate(),\n        monthIndex: nowDate.getMonth(),\n        year: nowDate.getFullYear(),\n    };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n    const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n    return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { day, monthIndex, year } = getDateFromValue(value);\n    return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n    const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n\n    return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isCurrentQuarter = (date: DateObject, monthIndex: number) => {\n    const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n    const currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;\n\n    return currentQuarterCondition && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, currentMonth: number, value?: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { monthIndex, year } = getDateFromValue(value);\n    return currentMonth === monthIndex && date.year === year;\n};\n\nexport const isCurrentYear = (year: number) => {\n    const { year: currentYear } = getDateFromNow();\n    return year === currentYear;\n};\n\nexport const isSelectedYear = (yearValue: number, value: DateType) => {\n    if (!value) {\n        return false;\n    }\n\n    const { year } = getDateFromValue(value);\n    return yearValue === year;\n};\n\n/**\n * Метод для получения набора неповторяющихся дат.\n */\nexport const getPropsMap = <T extends EventDay | DisabledDay>(props: T[]) =>\n    props.reduce((acc, prop) => {\n        const { year, monthIndex, day } = getDateFromValue(prop.date);\n\n        const key = `${year}-${monthIndex}-${day}`;\n\n        const propList = acc.get(key) || [];\n        propList.push(prop);\n\n        return acc.set(key, propList);\n    }, new Map<string, T[]>());\n\n/**\n * Метод проверяет, можно ли выбрать день.\n */\nexport const canSelectDate = (\n    { year, monthIndex, day }: DateObject,\n    value: CalendarValueType,\n    disabledList?: DisabledDay[],\n) => {\n    if (!isSelectProcess(value)) {\n        return true;\n    }\n\n    const hoverDate = new Date(year, monthIndex, day);\n    const [startDate] = value;\n\n    if (!disabledList?.length) {\n        return true;\n    }\n\n    const offDisabledRange = disabledList.some(\n        ({ date }) => (startDate < date && date < hoverDate) || (startDate > date && date > hoverDate),\n    );\n\n    return !offDisabledRange;\n};\n\n/**\n * Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] | undefined] => {\n    const newItems = [...items];\n\n    let selected: [number, number] | undefined;\n\n    const result = newItems.reduce((acc: T[][], item, index) => {\n        if (index % rowSize === 0) {\n            acc.push([]);\n        }\n\n        acc[acc.length - 1].push(item);\n\n        if (item.isSelected) {\n            selected = [acc.length - 1, index % rowSize];\n        }\n\n        return acc;\n    }, []);\n\n    return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType, locale: Locales) => {\n    switch (type) {\n        case 'Months':\n        case 'Quarters':\n            return I18N.year[locale];\n        case 'Years':\n            return I18N.period[locale];\n        default:\n            return I18N.month[locale];\n    }\n};\n"],"names":["getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","floor","YEAR_RENDER_COUNT","getNextDate","currentYear","currentMonth","MONTHS","length","getPrevDate","abs","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isCurrentQuarter","_getDateFromNow3","currentQuarterCondition","isSelectedMonth","_getDateFromValue2","isCurrentYear","_getDateFromNow4","isSelectedYear","yearValue","_getDateFromValue3","getPropsMap","props","reduce","acc","prop","_getDateFromValue4","key","concat","propList","get","push","set","Map","canSelectDate","_ref","disabledList","isSelectProcess","hoverDate","_value","_slicedToArray","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","item","index","isSelected","getCalendarType","type","locale","I18N","period","month"],"mappings":";;;;;;;;AAcO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,UAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OAAK,IAAIC,IAAI,CAACD,IAAI,EAAED,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAACG,OAAO,EAAE,CAAA;AAAA,EAAA;AAExG,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,UAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OAAK,CAAC,IAAIC,IAAI,CAACD,IAAI,EAAED,UAAU,CAAC,CAACK,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;AAAA,EAAA;IAEzGC,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAY,EAAA;EAAA,OAAKM,IAAI,CAACC,KAAK,CAACP,IAAI,GAAGQ,2BAAiB,CAAC,GAAGA,2BAAiB,CAAA;AAAA,EAAA;AAE/F,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAAmB,EAAEC,YAAoB,EAAA;EAAA,OACjEA,YAAY,GAAG,CAAC,KAAKC,gBAAM,CAACC,MAAM,GAAG,CAACH,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAACA,WAAW,EAAEC,YAAY,GAAG,CAAC,CAAC,CAAA;AAAA,EAAA;AAExF,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,WAAmB,EAAEC,YAAoB,EAAA;EAAA,OACjEA,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAACL,IAAI,CAACS,GAAG,CAACL,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,GAAG,CAACA,WAAW,EAAEC,YAAY,GAAG,CAAC,CAAC,CAAA;AAAA,EAAA;IAEpFK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAsB,EAAiB;AACpE,EAAA,IAAMC,KAAK,GAAGD,IAAI,IAAI,IAAIhB,IAAI,EAAE,CAAA;EAEhC,OAAO;IACHkB,GAAG,EAAEF,IAAI,KAAKG,SAAS,GAAGF,KAAK,CAAChB,OAAO,EAAE,GAAG,CAAC;AAC7CH,IAAAA,UAAU,EAAEmB,KAAK,CAACG,QAAQ,EAAE;IAC5BrB,IAAI,EAAEM,IAAI,CAACS,GAAG,CAACG,KAAK,CAACI,WAAW,EAAE,CAAA;GACrC,CAAA;AACL,EAAC;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,GAAqB;AAC5C,EAAA,IAAMC,OAAO,GAAG,IAAIvB,IAAI,EAAE,CAAA;EAE1B,OAAO;AACHkB,IAAAA,GAAG,EAAEK,OAAO,CAACtB,OAAO,EAAE;AACtBH,IAAAA,UAAU,EAAEyB,OAAO,CAACH,QAAQ,EAAE;AAC9BrB,IAAAA,IAAI,EAAEwB,OAAO,CAACF,WAAW,EAAC;GAC7B,CAAA;AACL,EAAC;AAEM,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIR,IAAgB,EAAES,UAAkB,EAAK;AAClE,EAAA,IAAAC,eAAA,GAAkEJ,cAAc,EAAE;IAA1EJ,GAAG,GAAAQ,eAAA,CAAHR,GAAG;IAAcS,iBAAiB,GAAAD,eAAA,CAA7B5B,UAAU;IAA2BW,WAAW,GAAAiB,eAAA,CAAjB3B,IAAI,CAAA;AAChD,EAAA,OAAOmB,GAAG,KAAKO,UAAU,IAAIT,IAAI,CAAClB,UAAU,KAAK6B,iBAAiB,IAAIX,IAAI,CAACjB,IAAI,KAAKU,WAAW,CAAA;AACnG,EAAC;AAEM,IAAMmB,aAAa,GAAG,SAAhBA,aAAaA,CAAIZ,IAAgB,EAAES,UAAkB,EAAEI,KAAe,EAAK;EACpF,IAAI,CAACA,KAAK,EAAE;AACR,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAAC,iBAAA,GAAkCf,gBAAgB,CAACc,KAAK,CAAC;IAAjDX,GAAG,GAAAY,iBAAA,CAAHZ,GAAG;IAAEpB,UAAU,GAAAgC,iBAAA,CAAVhC,UAAU;IAAEC,IAAI,GAAA+B,iBAAA,CAAJ/B,IAAI,CAAA;AAC7B,EAAA,OAAOmB,GAAG,KAAKO,UAAU,IAAIT,IAAI,CAAClB,UAAU,KAAKA,UAAU,IAAIkB,IAAI,CAACjB,IAAI,KAAKA,IAAI,CAAA;AACrF,EAAC;AAEM,IAAMgC,cAAc,GAAG,SAAjBA,cAAcA,CAAIf,IAAgB,EAAElB,UAAkB,EAAK;AACpE,EAAA,IAAAkC,gBAAA,GAA6DV,cAAc,EAAE;IAAzDK,iBAAiB,GAAAK,gBAAA,CAA7BlC,UAAU;IAA2BW,WAAW,GAAAuB,gBAAA,CAAjBjC,IAAI,CAAA;EAE3C,OAAOD,UAAU,KAAK6B,iBAAiB,IAAIX,IAAI,CAACjB,IAAI,KAAKU,WAAW,CAAA;AACxE,EAAC;AAEM,IAAMwB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIjB,IAAgB,EAAElB,UAAkB,EAAK;AACtE,EAAA,IAAAoC,gBAAA,GAA6DZ,cAAc,EAAE;IAAzDK,iBAAiB,GAAAO,gBAAA,CAA7BpC,UAAU;IAA2BW,WAAW,GAAAyB,gBAAA,CAAjBnC,IAAI,CAAA;AAC3C,EAAA,IAAMoC,uBAAuB,GAAGR,iBAAiB,GAAG7B,UAAU,IAAI,CAAC,IAAI6B,iBAAiB,GAAG7B,UAAU,GAAG,CAAC,CAAA;AAEzG,EAAA,OAAOqC,uBAAuB,IAAInB,IAAI,CAACjB,IAAI,KAAKU,WAAW,CAAA;AAC/D,EAAC;AAEM,IAAM2B,eAAe,GAAG,SAAlBA,eAAeA,CAAIpB,IAAgB,EAAEN,YAAoB,EAAEmB,KAAgB,EAAK;EACzF,IAAI,CAACA,KAAK,EAAE;AACR,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAAQ,kBAAA,GAA6BtB,gBAAgB,CAACc,KAAK,CAAC;IAA5C/B,UAAU,GAAAuC,kBAAA,CAAVvC,UAAU;IAAEC,IAAI,GAAAsC,kBAAA,CAAJtC,IAAI,CAAA;EACxB,OAAOW,YAAY,KAAKZ,UAAU,IAAIkB,IAAI,CAACjB,IAAI,KAAKA,IAAI,CAAA;AAC5D,EAAC;IAEYuC,aAAa,GAAG,SAAhBA,aAAaA,CAAIvC,IAAY,EAAK;AAC3C,EAAA,IAAAwC,gBAAA,GAA8BjB,cAAc,EAAE;IAAhCb,WAAW,GAAA8B,gBAAA,CAAjBxC,IAAI,CAAA;EACZ,OAAOA,IAAI,KAAKU,WAAW,CAAA;AAC/B,EAAC;AAEM,IAAM+B,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAiB,EAAEZ,KAAe,EAAK;EAClE,IAAI,CAACA,KAAK,EAAE;AACR,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAAa,kBAAA,GAAiB3B,gBAAgB,CAACc,KAAK,CAAC;IAAhC9B,IAAI,GAAA2C,kBAAA,CAAJ3C,IAAI,CAAA;EACZ,OAAO0C,SAAS,KAAK1C,IAAI,CAAA;AAC7B,EAAC;;AAED;AACA;AACA;IACa4C,WAAW,GAAG,SAAdA,WAAWA,CAAsCC,KAAU,EAAA;EAAA,OACpEA,KAAK,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI,EAAK;AACxB,IAAA,IAAAC,kBAAA,GAAkCjC,gBAAgB,CAACgC,IAAI,CAAC/B,IAAI,CAAC;MAArDjB,IAAI,GAAAiD,kBAAA,CAAJjD,IAAI;MAAED,UAAU,GAAAkD,kBAAA,CAAVlD,UAAU;MAAEoB,GAAG,GAAA8B,kBAAA,CAAH9B,GAAG,CAAA;AAE7B,IAAA,IAAM+B,GAAG,GAAA,EAAA,CAAAC,MAAA,CAAMnD,IAAI,EAAA,GAAA,CAAA,CAAAmD,MAAA,CAAIpD,UAAU,EAAA,GAAA,CAAA,CAAAoD,MAAA,CAAIhC,GAAG,CAAE,CAAA;IAE1C,IAAMiC,QAAQ,GAAGL,GAAG,CAACM,GAAG,CAACH,GAAG,CAAC,IAAI,EAAE,CAAA;AACnCE,IAAAA,QAAQ,CAACE,IAAI,CAACN,IAAI,CAAC,CAAA;AAEnB,IAAA,OAAOD,GAAG,CAACQ,GAAG,CAACL,GAAG,EAAEE,QAAQ,CAAC,CAAA;AACjC,GAAC,EAAE,IAAII,GAAG,EAAe,CAAC,CAAA;AAAA,EAAA;;AAE9B;AACA;AACA;AACO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAEtB5B,KAAwB,EACxB6B,YAA4B,EAC3B;AAAA,EAAA,IAHC3D,IAAI,GAAA0D,IAAA,CAAJ1D,IAAI;IAAED,UAAU,GAAA2D,IAAA,CAAV3D,UAAU;IAAEoB,GAAG,GAAAuC,IAAA,CAAHvC,GAAG,CAAA;AAIvB,EAAA,IAAI,CAACyC,mCAAe,CAAC9B,KAAK,CAAC,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,IAAM+B,SAAS,GAAG,IAAI5D,IAAI,CAACD,IAAI,EAAED,UAAU,EAAEoB,GAAG,CAAC,CAAA;AACjD,EAAA,IAAA2C,MAAA,GAAAC,uCAAA,CAAoBjC,KAAK,EAAA,CAAA,CAAA;AAAlBkC,IAAAA,SAAS,GAAAF,MAAA,CAAA,CAAA,CAAA,CAAA;EAEhB,IAAI,EAACH,YAAY,KAAZA,IAAAA,IAAAA,YAAY,eAAZA,YAAY,CAAE9C,MAAM,CAAE,EAAA;AACvB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAMoD,gBAAgB,GAAGN,YAAY,CAACO,IAAI,CACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGlD,IAAI,GAAAkD,KAAA,CAAJlD,IAAI,CAAA;AAAA,IAAA,OAAQ+C,SAAS,GAAG/C,IAAI,IAAIA,IAAI,GAAG4C,SAAS,IAAMG,SAAS,GAAG/C,IAAI,IAAIA,IAAI,GAAG4C,SAAU,CAAA;AAAA,GAClG,CAAC,CAAA;AAED,EAAA,OAAO,CAACI,gBAAgB,CAAA;AAC5B,EAAC;;AAED;AACA;AACA;IACaG,SAAS,GAAG,SAAZA,SAASA,CAAyBC,KAAU,EAA0D;AAAA,EAAA,IAAxDC,OAAO,GAAAC,SAAA,CAAA1D,MAAA,GAAA,CAAA,IAAA0D,SAAA,CAAA,CAAA,CAAA,KAAAnD,SAAA,GAAAmD,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAClE,EAAA,IAAMC,QAAQ,GAAAC,2CAAA,CAAOJ,KAAK,CAAC,CAAA;AAE3B,EAAA,IAAIK,QAAsC,CAAA;AAE1C,EAAA,IAAMC,MAAM,GAAGH,QAAQ,CAAC1B,MAAM,CAAC,UAACC,GAAU,EAAE6B,IAAI,EAAEC,KAAK,EAAK;AACxD,IAAA,IAAIA,KAAK,GAAGP,OAAO,KAAK,CAAC,EAAE;AACvBvB,MAAAA,GAAG,CAACO,IAAI,CAAC,EAAE,CAAC,CAAA;AAChB,KAAA;IAEAP,GAAG,CAACA,GAAG,CAAClC,MAAM,GAAG,CAAC,CAAC,CAACyC,IAAI,CAACsB,IAAI,CAAC,CAAA;IAE9B,IAAIA,IAAI,CAACE,UAAU,EAAE;MACjBJ,QAAQ,GAAG,CAAC3B,GAAG,CAAClC,MAAM,GAAG,CAAC,EAAEgE,KAAK,GAAGP,OAAO,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAOvB,GAAG,CAAA;GACb,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAO,CAAC4B,MAAM,EAAED,QAAQ,CAAC,CAAA;AAC7B,EAAC;AAEM,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAuB,EAAEC,MAAe,EAAK;AACzE,EAAA,QAAQD,IAAI;AACR,IAAA,KAAK,QAAQ,CAAA;AACb,IAAA,KAAK,UAAU;AACX,MAAA,OAAOE,cAAI,CAAClF,IAAI,CAACiF,MAAM,CAAC,CAAA;AAC5B,IAAA,KAAK,OAAO;AACR,MAAA,OAAOC,cAAI,CAACC,MAAM,CAACF,MAAM,CAAC,CAAA;AAC9B,IAAA;AACI,MAAA,OAAOC,cAAI,CAACE,KAAK,CAACH,MAAM,CAAC,CAAA;AACjC,GAAA;AACJ;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/components/CodeField/CodeField.js

@@ -236,7 +236,7 @@ var codeFieldRoot = function codeFieldRoot(Root) {
           ref: function ref(element) {
             inputRefs.current[inputCorrectIndex] = element;
           },
-          className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, CodeField_tokens.classes.segmented, shape === 'segmented'), CodeField_tokens.classes.hoverEnabled, inputCorrectIndex >= originalValue.length)),
+          className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, CodeField_tokens.classes.segmented, shape === 'segmented'), CodeField_tokens.classes.hoverEnabled, !disabled && inputCorrectIndex >= originalValue.length)),
           value: code[inputCorrectIndex] || '',
           autoComplete: autoComplete,
           onChange: function onChange(e) {
@@ -246,7 +246,7 @@ var codeFieldRoot = function codeFieldRoot(Root) {
             handleOnKeyDown(e, inputCorrectIndex);
           },
           onPaste: handlePaste,
-          tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1
+          tabIndex: !disabled && originalValue.length === inputCorrectIndex ? 0 : -1
         }, placeholderValue && {
           placeholder: placeholderValue[inputCorrectIndex]
         }));

package/cjs/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(pastedData);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useEffect(() => {\n                inputRefs.current = inputRefs.current.slice(0, codeLength);\n            }, [codeLength]);\n\n            useEffect(() => {\n                if (autoFocus && !disabled) {\n                    const lastActiveIndex = getLastActiveIndex();\n\n                    inputRefs.current[lastActiveIndex]?.focus();\n                }\n            }, [autoFocus]);\n\n            useDidMountEffect(() => {\n                if (handleFullCodeEnter && originalValue.length === codeLength) {\n                    handleFullCodeEnter(originalValue);\n                }\n            }, [originalValue, handleFullCodeEnter]);\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]: inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={originalValue.length === inputCorrectIndex ? 0 : -1}\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","_inputRefs$current$la","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CACN,UAAAC,IAAA,EAwBIC,GAAG,EACF;AAAA,IAAA,IAvBGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MACFC,UAAU,GAAAH,IAAA,CAAjBI,KAAK;MACLC,WAAW,GAAAL,IAAA,CAAXK,WAAW;MACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAAC,eAAA,GAAAP,IAAA,CACTQ,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,eAAA;MACdE,OAAO,GAAAT,IAAA,CAAPS,OAAO;MAAAC,iBAAA,GAAAV,IAAA,CACPW,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;MACrBE,KAAK,GAAAZ,IAAA,CAALY,KAAK;MAAAC,UAAA,GAAAb,IAAA,CACLc,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;MACjBE,IAAI,GAAAf,IAAA,CAAJe,IAAI;MACJC,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;MACJC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;MACRC,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;MAAAC,mBAAA,GAAAnB,IAAA,CACPoB,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAGE,KAAAA,CAAAA,GAAAA,6BAAmB,GAAAF,mBAAA;MAAAG,qBAAA,GAAAtB,IAAA,CACpCuB,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,qBAAA;MAAAE,qBAAA,GAAAxB,IAAA,CACnCyB,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,qBAAA;MAAAE,iBAAA,GAAA1B,IAAA,CACjC2B,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,iBAAA;MAC9BE,UAAU,GAAA5B,IAAA,CAAV4B,UAAU;MACVC,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;MACRC,eAAe,GAAA9B,IAAA,CAAf8B,eAAe;AACZC,MAAAA,IAAI,GAAAC,iDAAA,CAAAhC,IAAA,EAAAiC,SAAA,CAAA,CAAA;AAIX,IAAA,IAAAC,SAAA,GAAwBC,cAAQ,CAAgBC,gCAAY,CAAC5B,UAAU,EAAEL,UAAU,IAAI,EAAE,CAAC,CAAC;MAAAkC,UAAA,GAAAC,uCAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAApFK,MAAAA,IAAI,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IACpB,IAAAI,UAAA,GAA0CN,cAAQ,CAASI,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAAC;MAAAC,UAAA,GAAAL,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAlEG,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,IAAA,IAAMG,SAAS,GAAGC,YAAM,CAA0B,EAAE,CAAC,CAAA;AACrD,IAAA,IAAMC,iBAAiB,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;AAC7D,IAAA,IAAME,UAAU,GAAGF,YAAM,CAAwB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAMG,YAAY,GAAGC,mCAAe,CAAC/B,cAAc,CAAC,CAAA;AACpD,IAAA,IAAMgC,gBAAgB,GAAGC,uCAAmB,CAAC7C,UAAU,EAAEH,WAAW,CAAC,CAAA;IACrE,IAAMiD,KAAK,GAAG9C,UAAU,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAEtC,IAAM+C,UAAU,GAAG3C,KAAK,GAAG4C,yCAAoB,CAAC5C,KAAK,EAAE,KAAK,CAAC,GAAG6C,SAAS,CAAA;AAEzE,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;MAC7B,IAAInB,IAAI,CAACoB,MAAM,IAAIpB,IAAI,CAACoB,MAAM,GAAGnD,UAAU,EAAE;QACzC,OAAO+B,IAAI,CAACoB,MAAM,CAAA;AACtB,OAAA;AAEA,MAAA,IAAMC,cAAc,GAAGrB,IAAI,CAACsB,SAAS,CAAC,UAACC,KAAK,EAAA;QAAA,OAAKA,KAAK,KAAK,EAAE,CAAA;OAAC,CAAA,CAAA;MAC9D,OAAOF,cAAc,IAAI,CAAC,GAAGA,cAAc,GAAGpD,UAAU,GAAG,CAAC,CAAA;KAC/D,CAAA;AAED,IAAA,IAAMuD,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI9C,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAM+C,eAAe,GAAGN,kBAAkB,EAAE,CAAA;AAE5C,MAAA,IAAIZ,SAAS,CAACmB,OAAO,CAACD,eAAe,CAAC,EAAE;QACpClB,SAAS,CAACmB,OAAO,CAACD,eAAe,CAAC,CAACE,KAAK,EAAE,CAAA;AAC9C,OAAA;KACH,CAAA;IAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAsC,EAAEC,KAAa,EAAK;AAC/E,MAAA,IAAIpD,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAQqD,GAAG,GAAKF,KAAK,CAAbE,GAAG,CAAA;AACX,MAAA,IAAIC,wBAAc,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;QAC9BF,KAAK,CAACK,cAAc,EAAE,CAAA;AAEtB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAIH,GAAG,KAAKI,uBAAa,EAAE;QACvB,IAAIL,KAAK,GAAG,CAAC,IAAI9B,IAAI,CAAC8B,KAAK,CAAC,KAAK,EAAE,EAAE;AAAA,UAAA,IAAAM,kBAAA,CAAA;AACjC,UAAA,CAAAA,kBAAA,GAAA7B,SAAS,CAACmB,OAAO,CAACI,KAAK,GAAG,CAAC,CAAC,cAAAM,kBAAA,KAAA,KAAA,CAAA,IAA5BA,kBAAA,CAA8BT,KAAK,EAAE,CAAA;AACzC,SAAA;AACJ,OAAA;KACH,CAAA;AAED,IAAA,IAAMU,UAAU,GAAG,SAAbA,UAAUA,CAAIC,OAAsB,EAAK;MAC3CrC,OAAO,CAACqC,OAAO,CAAC,CAAA;AAChBhC,MAAAA,gBAAgB,CAACgC,OAAO,CAACnC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;AAElC,MAAA,IAAIb,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACgD,OAAO,CAACnC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;AAC9B,OAAA;KACH,CAAA;IAED,IAAMoC,YAAY,GAAG,SAAfA,YAAYA,CAAIV,KAAoC,EAAEC,KAAa,EAAK;AAAA,MAAA,IAAAU,qBAAA,CAAA;AAC1E,MAAA,IAAI9D,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAM+D,SAAS,GAAGZ,KAAK,CAACa,aAAa,CAAC7E,KAAK,CAAA;MAC3C,IAAM8E,MAAM,GAAGF,SAAS,CAACG,MAAM,CAACH,SAAS,CAACrB,MAAM,GAAG,CAAC,CAAC,CAAA;AACrD,MAAA,IAAMkB,OAAO,GAAAO,2CAAA,CAAO7C,IAAI,CAAC,CAAA;MAEzB,CAAAwC,qBAAA,GAAAjC,SAAS,CAACmB,OAAO,CAACI,KAAK,CAAC,MAAAU,IAAAA,IAAAA,qBAAA,eAAxBA,qBAAA,CAA0BM,SAAS,CAACC,MAAM,CAACC,wBAAO,CAACC,SAAS,CAAC,CAAA;AAC7D,MAAA,IAAItE,OAAO,EAAE;AAAA,QAAA,IAAAuE,mBAAA,CAAA;AACT,QAAA,CAAAA,mBAAA,GAAAxC,UAAU,CAACgB,OAAO,cAAAwB,mBAAA,KAAA,KAAA,CAAA,IAAlBA,mBAAA,CAAoBJ,SAAS,CAACC,MAAM,CAACC,wBAAO,CAACG,YAAY,CAAC,CAAA;QAE1D,IAAIjE,iBAAiB,KAAK,MAAM,EAAE;AAAA,UAAA,IAAAkE,qBAAA,CAAA;UAC9B,CAAAA,qBAAA,GAAA3C,iBAAiB,CAACiB,OAAO,MAAA0B,IAAAA,IAAAA,qBAAA,eAAzBA,qBAAA,CAA2BN,SAAS,CAACC,MAAM,CAACC,wBAAO,CAACK,SAAS,EAAEL,wBAAO,CAACM,kBAAkB,CAAC,CAAA;AAC9F,SAAA;AAEA,QAAA,IAAIjE,UAAU,EAAE;UACZA,UAAU,CAAC,KAAK,CAAC,CAAA;AACrB,SAAA;AACJ,OAAA;MAEA,IAAI,CAACsB,YAAY,EAAE;AACf2B,QAAAA,OAAO,CAACR,KAAK,CAAC,GAAGa,MAAM,CAAA;QACvBN,UAAU,CAACC,OAAO,CAAC,CAAA;AAEnB,QAAA,IAAIK,MAAM,IAAIb,KAAK,GAAG7D,UAAU,GAAG,CAAC,EAAE;AAAA,UAAA,IAAAsF,mBAAA,CAAA;AAClC,UAAA,CAAAA,mBAAA,GAAAhD,SAAS,CAACmB,OAAO,CAACI,KAAK,GAAG,CAAC,CAAC,cAAAyB,mBAAA,KAAA,KAAA,CAAA,IAA5BA,mBAAA,CAA8B5B,KAAK,EAAE,CAAA;AACzC,SAAA;AAEA,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACgB,MAAM,EAAE;AACTL,QAAAA,OAAO,CAACR,KAAK,CAAC,GAAG,EAAE,CAAA;QACnBO,UAAU,CAACC,OAAO,CAAC,CAAA;AAEnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI3B,YAAY,CAAC6C,IAAI,CAACb,MAAM,CAAC,EAAE;AAC3BL,QAAAA,OAAO,CAACR,KAAK,CAAC,GAAGa,MAAM,CAACC,MAAM,CAACD,MAAM,CAACvB,MAAM,GAAG,CAAC,CAAC,CAAA;QACjDiB,UAAU,CAACC,OAAO,CAAC,CAAA;AAEnB,QAAA,IAAIR,KAAK,GAAG7D,UAAU,GAAG,CAAC,EAAE;AAAA,UAAA,IAAAwF,mBAAA,CAAA;AACxB,UAAA,CAAAA,mBAAA,GAAAlD,SAAS,CAACmB,OAAO,CAACI,KAAK,GAAG,CAAC,CAAC,cAAA2B,mBAAA,KAAA,KAAA,CAAA,IAA5BA,mBAAA,CAA8B9B,KAAK,EAAE,CAAA;AACzC,SAAA;AACJ,OAAC,MAAM;AACHW,QAAAA,OAAO,CAACR,KAAK,CAAC,GAAGa,MAAM,CAACC,MAAM,CAACD,MAAM,CAACvB,MAAM,GAAG,CAAC,CAAC,CAAA;AAEjDsC,QAAAA,+BAAe,CAAC;AACZC,UAAAA,aAAa,EAAEhB,MAAM;AACrB3D,UAAAA,iBAAiB,EAAjBA,iBAAiB;AACjB8C,UAAAA,KAAK,EAALA,KAAK;AACLQ,UAAAA,OAAO,EAAPA,OAAO;AACP/B,UAAAA,SAAS,EAATA,SAAS;AACTN,UAAAA,OAAO,EAAPA,OAAO;AACPoC,UAAAA,UAAU,EAAVA,UAAAA;AACJ,SAAC,CAAC,CAAA;AACN,OAAA;KACH,CAAA;AAED,IAAA,IAAMuB,WAAW,GAAG,SAAdA,WAAWA,CAAI/B,KAAuC,EAAK;AAAA,MAAA,IAAAgC,qBAAA,CAAA;AAC7D,MAAA,IAAInF,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;MAEAmD,KAAK,CAACK,cAAc,EAAE,CAAA;MAEtB,IAAM4B,OAAO,GAAGjC,KAAK,CAACkC,aAAa,CAACC,OAAO,CAAC,YAAY,CAAC,CAAA;AAEzD,MAAA,IAAMC,UAAU,GAAG,CAACtD,YAAY,GAC1BmD,OAAO,CACFI,KAAK,CAAC,EAAE,CAAC,CACTC,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,QAAA,IAAAC,WAAA,CAAA;AAAA,QAAA,OAAK,EAAAA,WAAA,GAAAD,IAAI,CAACE,KAAK,CAAC3D,YAAY,CAAC,MAAA,IAAA,IAAA0D,WAAA,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAA2B,CAAC,CAAC,KAAI,EAAE,CAAA;OAAC,CAAA,CAClDE,MAAM,CAACC,OAAO,CAAC,IAAI,EAAE,GAC1BV,OAAO,CAACI,KAAK,CAAC,EAAE,CAAC,EACrBO,KAAK,CAAC,CAAC,EAAExG,UAAU,CAAC,CAAA;AAEtB,MAAA,IAAMyG,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACX,UAAU,CAAC7C,MAAM,EAAEnD,UAAU,GAAG,CAAC,CAAC,CAAA;AAC/D,MAAA,CAAA4F,qBAAA,GAAAtD,SAAS,CAACmB,OAAO,CAACgD,WAAW,CAAC,MAAA,IAAA,IAAAb,qBAAA,KAA9BA,KAAAA,CAAAA,IAAAA,qBAAA,CAAgClC,KAAK,EAAE,CAAA;MAEvCU,UAAU,CAAC4B,UAAU,CAAC,CAAA;KACzB,CAAA;AAED,IAAA,IAAMY,mBAAmB,GAAGC,iBAAW,CAAC,UAACC,QAAgB,EAAK;AAC1D,MAAA,IAAIxF,eAAe,EAAE;QACjBA,eAAe,CAACwF,QAAQ,CAAC,CAAA;AAC7B,OAAA;KACH,EAAE,EAAE,CAAC,CAAA;AAENC,IAAAA,eAAS,CAAC,YAAM;AACZzE,MAAAA,SAAS,CAACmB,OAAO,GAAGnB,SAAS,CAACmB,OAAO,CAAC+C,KAAK,CAAC,CAAC,EAAExG,UAAU,CAAC,CAAA;AAC9D,KAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB+G,IAAAA,eAAS,CAAC,YAAM;AACZ,MAAA,IAAIjH,SAAS,IAAI,CAACW,QAAQ,EAAE;AAAA,QAAA,IAAAuG,qBAAA,CAAA;AACxB,QAAA,IAAMxD,eAAe,GAAGN,kBAAkB,EAAE,CAAA;AAE5C,QAAA,CAAA8D,qBAAA,GAAA1E,SAAS,CAACmB,OAAO,CAACD,eAAe,CAAC,MAAA,IAAA,IAAAwD,qBAAA,KAAlCA,KAAAA,CAAAA,IAAAA,qBAAA,CAAoCtD,KAAK,EAAE,CAAA;AAC/C,OAAA;AACJ,KAAC,EAAE,CAAC5D,SAAS,CAAC,CAAC,CAAA;AAEfmH,IAAAA,mCAAiB,CAAC,YAAM;AACpB,MAAA,IAAIL,mBAAmB,IAAIxE,aAAa,CAACe,MAAM,KAAKnD,UAAU,EAAE;QAC5D4G,mBAAmB,CAACxE,aAAa,CAAC,CAAA;AACtC,OAAA;AACJ,KAAC,EAAE,CAACA,aAAa,EAAEwE,mBAAmB,CAAC,CAAC,CAAA;AAExCK,IAAAA,mCAAiB,CAAC,YAAM;AACpB,MAAA,IAAIvG,OAAO,EAAE;AACTwG,QAAAA,+BAAe,CAAC;AACZlH,UAAAA,UAAU,EAAVA,UAAU;AACViB,UAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBkG,UAAAA,WAAW,EAAEpF,IAAI;AACjBO,UAAAA,SAAS,EAATA,SAAS;AACTE,UAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,UAAAA,UAAU,EAAVA,UAAU;AACVT,UAAAA,OAAO,EAAPA,OAAO;AACPoC,UAAAA,UAAU,EAAVA,UAAAA;AACJ,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,EAAE,CAAC1D,OAAO,CAAC,CAAC,CAAA;AAEb,IAAA,oBACI0G,sBAAA,CAAAC,aAAA,CAAC/H,IAAI,EAAAgI,iCAAA,CAAA;AACD7H,MAAAA,GAAG,EAAEA,GAAI;AACTc,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,KAAK,EAAEA,KAAM;AACbG,MAAAA,QAAQ,EAAEA,QAAS;AACnB8G,MAAAA,OAAO,EAAEhE,WAAY;AACrB7D,MAAAA,SAAS,EAAE8H,oBAAG,CAAC9H,SAAS,EAAA+H,wCAAA,CAAA,EAAA,EACnB1C,wBAAO,CAAC2C,gBAAgB,EAAGvH,YAAY,KAAK,MAAM,CACtD,CAAA;AAAE,KAAA,EACCoB,IAAI,CAER6F,eAAAA,sBAAA,CAAAC,aAAA,CAACM,4BAAW,EAAA;AAAClI,MAAAA,GAAG,EAAE+C,iBAAAA;AAAkB,KAAA,EAC/BoC,2CAAA,CAAIgD,KAAK,CAAC9E,KAAK,CAAC,CAAEoD,CAAAA,GAAG,CAAC,UAAC2B,CAAC,EAAEC,SAAS,EAAA;AAAA,MAAA,oBAChCV,sBAAA,CAAAC,aAAA,CAACU,cAAQ,EAAA;AAACjE,QAAAA,GAAG,EAAEgE,SAAAA;AAAU,OAAA,eACrBV,sBAAA,CAAAC,aAAA,CAACW,0BAAS,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAA;AAAO,OAAA,EAClBrD,2CAAA,CAAIgD,KAAK,CAAC5H,UAAU,GAAG8C,KAAK,CAAC,CAAA,CAAEoD,GAAG,CAAC,UAAC2B,CAAC,EAAEK,CAAC,EAAK;QAC1C,IAAMC,iBAAiB,GAAGD,CAAC,GAAIlI,UAAU,GAAG8C,KAAK,GAAIgF,SAAS,CAAA;AAE9D,QAAA,oBACIV,sBAAA,CAAAC,aAAA,CAACe,0BAAS,EAAAd,iCAAA,CAAA;AACNxD,UAAAA,GAAG,EAAEgE,SAAS,GAAGI,CAAC,GAAGJ,SAAS,GAAGI,CAAE;AACnCzI,UAAAA,GAAG,EAAE,SAAAA,GAAC4I,CAAAA,OAAyB,EAAK;AAChC/F,YAAAA,SAAS,CAACmB,OAAO,CAAC0E,iBAAiB,CAAC,GAAGE,OAAO,CAAA;WAChD;UACF3I,SAAS,EAAE8H,oBAAG,CAAAC,wCAAA,CAAAA,wCAAA,CACT1C,EAAAA,EAAAA,wBAAO,CAACuD,SAAS,EAAGhI,KAAK,KAAK,WAAW,CAAA,EACzCyE,wBAAO,CAACwD,YAAY,EAAGJ,iBAAiB,IAAI/F,aAAa,CAACe,MAAM,CACpE,CAAE;AACHvD,UAAAA,KAAK,EAAEmC,IAAI,CAACoG,iBAAiB,CAAC,IAAI,EAAG;AACrChH,UAAAA,YAAY,EAAEA,YAAa;AAC3BE,UAAAA,QAAQ,EAAE,SAAAA,QAACmH,CAAAA,CAAgC,EAAK;AAC5ClE,YAAAA,YAAY,CAACkE,CAAC,EAAEL,iBAAiB,CAAC,CAAA;WACpC;AACFM,UAAAA,SAAS,EAAE,SAAAA,SAACD,CAAAA,CAAkC,EAAK;AAC/C7E,YAAAA,eAAe,CAAC6E,CAAC,EAAEL,iBAAiB,CAAC,CAAA;WACvC;AACFO,UAAAA,OAAO,EAAE/C,WAAY;UACrBgD,QAAQ,EAAEvG,aAAa,CAACe,MAAM,KAAKgF,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAA;AAAE,SAAA,EACzDvF,gBAAgB,IAAI;UACrB/C,WAAW,EAAE+C,gBAAgB,CAACuF,iBAAiB,CAAA;AACnD,SAAC,CACJ,CAAC,CAAA;OAET,CACM,CAAC,EACXL,SAAS,KAAKhF,KAAK,GAAG,CAAC,KAAA8F,UAAA,KAAAA,UAAA,gBAAIxB,sBAAA,CAAAC,aAAA,CAACwB,0BAAS,EAAA,IAAE,CAAC,CAAA,CACnC,CAAC,CAAA;KACd,CACQ,CAAC,EACb5I,OAAO,iBACJmH,sBAAA,CAAAC,aAAA,CAACyB,+BAAc,EAAA;AAACrJ,MAAAA,GAAG,EAAEgD,UAAW;AAACtC,MAAAA,YAAY,EAAEA,YAAa;AAAC4C,MAAAA,UAAU,EAAEA,UAAAA;KACpE9C,EAAAA,OACW,CAElB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM8I,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7J,aAAa;AACrB8J,EAAAA,IAAI,EAAJA,qBAAI;AACJC,EAAAA,UAAU,EAAE;AACR7I,IAAAA,IAAI,EAAE;AACF8I,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD9I,IAAAA,IAAI,EAAE;AACF6I,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDjJ,IAAAA,KAAK,EAAE;AACH+I,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACD/I,IAAAA,QAAQ,EAAE;AACN4I,MAAAA,GAAG,EAAEI,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnJ,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,KAAK,EAAE,SAAA;AACX,GAAA;AACJ;;;;;"}
+{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(pastedData);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useEffect(() => {\n                inputRefs.current = inputRefs.current.slice(0, codeLength);\n            }, [codeLength]);\n\n            useEffect(() => {\n                if (autoFocus && !disabled) {\n                    const lastActiveIndex = getLastActiveIndex();\n\n                    inputRefs.current[lastActiveIndex]?.focus();\n                }\n            }, [autoFocus]);\n\n            useDidMountEffect(() => {\n                if (handleFullCodeEnter && originalValue.length === codeLength) {\n                    handleFullCodeEnter(originalValue);\n                }\n            }, [originalValue, handleFullCodeEnter]);\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]:\n                                                        !disabled && inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={\n                                                    !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                }\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","_inputRefs$current$la","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/cjs/components/DatePicker/DatePicker.tokens.js

@@ -5,7 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var classes = {
   datePickerError: 'date-picker-error',
   datePickerSuccess: 'date-picker-success',
-  datePickerRoot: 'date-picker-root'
+  datePickerRoot: 'date-picker-root',
+  datePickerstretched: 'date-picker-stretched',
+  datePickerCalendarstretched: 'date-picker-calendar-stretched'
+};
+var pivateTokens = {
+  calendarDoubleWidth: '--plasma_private-calendar-double-width'
 };
 var tokens = {
   width: '--plasma-date-picker-width',
@@ -130,14 +135,12 @@ var tokens = {
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',
   calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
-  calendarWidth: '--plasma-date-picker-calendar-width',
-  calendarHeight: '--plasma-date-picker-calendar-height',
+  calendarContainerWidth: '--plasma-date-picker-calendar-container-width',
+  calendarContainerHeight: '--plasma-date-picker-calendar-container-height',
   calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
   calendarBorderColor: '--plasma-date-picker-calendar-border-color',
   calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
   calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
-  calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
-  calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
   calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
   calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
   calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
@@ -147,8 +150,6 @@ var tokens = {
   calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
   calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
   calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
-  calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
-  calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
   calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
   calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
   calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
@@ -158,8 +159,6 @@ var tokens = {
   calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
   calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
   calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
-  calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
-  calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
   calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
   calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
   calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
@@ -169,8 +168,6 @@ var tokens = {
   calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
   calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
   calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
-  calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
-  calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
   calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
   calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
   calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
@@ -227,5 +224,6 @@ var tokens = {
 };
 
 exports.classes = classes;
+exports.pivateTokens = pivateTokens;
 exports.tokens = tokens;
 //# sourceMappingURL=DatePicker.tokens.js.map